/* Start of CMSMS style sheet 'Mediamix Corporate' */
* {
	margin: 0px;
	padding: 0px;
}

body {
	font: 12px Georgia, Times, serif;
	color: #686868;
	text-decoration: none;
	text-align: left;
	background-color: #000;
}

img {
	display: block;
	border: none;
}

a { color: #000; }
a:hover { color: #686868; }


/*___________ HEADER ___________*/

#headerContainer {
background: #000 url(images/bg-header-container.jpg) no-repeat right top;
}

#header {
height: 143px;
width: 950px;
margin-left: auto;
margin-right: auto;
background: url(images/brand-everything.gif) no-repeat right top;
}

h1 {
padding-top: 50px;
float: left;
padding-right: 70px;
}


/*_______ CONTAINER / CONTENT CONTAINER _______*/

#container {
width: 100%;
background: #fff url(images/bg-container.gif) repeat-x;
padding-bottom: 15px;
}

#contentContainer {
width: 950px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}

#nav {
	font: 12px Arial, Helvetica, san-serif;
	list-style-type: none;
        text-transform: uppercase;
        padding-bottom: 60px;
}

#nav li {
	margin-top: 1px;
	background: url(images/bg-li.gif) no-repeat right;
	float: left;
	padding: 7px 15px 7px 15px;
}

#nav li a {
	color: #686868;
	text-decoration: none;
}

#nav li a:hover {
	color: #000;
}


/*________ CONTENT ________*/

#content h2 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	padding: 0px 0 15px 0;
}

#content h3 {
	font-size: 14px;
	padding-bottom: 10px;
	color: #2a2a2a;
}

#content p {
	padding-bottom: 15px;
	line-height: 1.6;
}

#content p strong {
	color: #4b4b4b;
}

#content #flash {
	margin-bottom: 30px;
}

#content #rightPanel {
	border-left: 1px solid #686868;
	padding: 0px 0px 0 20px;
margin: 0 0 10px 20px;
	width: 225px;
	float: right;
}

#content #rightPanel img{
	margin-left: auto;
	margin-right: auto;
}

#content #services {
width: 680px;	
overflow: hidden;
}

#services div {
	width: 205px;
	float: left;
	padding: 0 30px 0 0;
clear: none;
}

#services div.noRightPadding {
	padding: 0px;
}


#services div img, #servicesSidebar div img {
	padding: 0 0px 5px 0;
}

#services div p.servicesHeading, #servicesSidebar div p.servicesHeading {
	background: url(images/bg-arrow.gif) no-repeat right #000;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}

#services div p.servicesHeading a, #servicesSidebar div p.servicesHeading a {
color: #fff;
text-decoration: none;
}

#servicesSidebar div {
width: 205px;
padding: 0 0 10px 0;
margin-left: auto;
margin-right: auto;
}

#content .gallerySections {
margin-bottom: 40px;
}

#content .gallerySections h2 {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #c3c3c3;
width: 650px;
}

#content .gallerySections img {
padding-bottom: 10px;
}

/*________ CONTACT US ________*/

#contactDetails {
overflow: hidden;
width: 320px;

margin-bottom: 10px;
}

#contactDetails dt {
float: left;
clear: both;
width: 115px;
margin-bottom: 10px;
font-weight: bold;
}

#contactDetails dd {
display: block;
margin-bottom: 10px;
overflow: hidden;
}

#contactForm legend {
display: none;
}

#contactForm fieldset {
border: 0;
}

#contactForm label {
float: left;
clear: both;
margin: 0 0 10px 0;
padding-top: 2px;
width: 110px;
}

#contactForm fieldset input {
display: block;
margin: 0 0 10px 0;
padding: 2px 3px;
width: 194px;
}

#contactForm textarea {
display: block;
margin: 0 0 10px 0;
padding: 2px 3px;
width: 244px;
height: 96px;
overflow: auto;
font: 12px Arail, Verdana, Times, sans-serrif;
}

#contactForm #verification {
margin-left: 110px;
}

#contactForm #verification img {
margin-bottom: 2px;
}

#contactForm #verification label {
width: auto;
float: none;
display: block;
margin-bottom: 3px;
}

#contactForm input {
margin: 0 0 0 110px;
}

#contactForm #errorText {
border: 1px solid #d92c2c;
background-color: #ffd0d0;
color: #d92c2c;
margin-bottom: 10px;
padding: 10px 20px;
width: 320px;
}

#contactForm #errorText p {
padding-bottom: 5px;
}

#contactForm #errorText ul {
padding-left: 25px;
}

#contactForm #errorText ul li {
padding-bottom: 2px;
}

#contactForm #successText {
border: 1px solid #0e5e03;
background-color: #b8ffae;
color: #0e5e03;
margin-bottom: 10px;
padding: 10px 20px;
width: 320px
}

#contactForm #successText p {
padding: 0;
text-align: center;
}

/*________ FOOTER ________*/

#footer {
	background: url(images/bg-footer.gif) repeat-x;
	overflow: hidden;
}

#containingDiv {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#containingDiv p {
	padding-top: 9px;
	float: right;
	font: 10px Arial, Helvetica, san-serif;
	color: #989898;
}

#containingDiv a {
color: #989898;
text-decoration: none;
}

#containingDiv a:hover {
color: #2b2b2b;
text-decoration: underline;
}

#footer #footerNav {
	font: 11px Arial, Helvetica, san-serif;
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 30px;
	float: left;
        text-transform: uppercase;
}

#footer #footerNav li {
	margin-top: 2px;
	background: url(images/bg-li.gif) no-repeat right;
	float: left;
	padding: 8px 15px 7px 15px;
}

#footer #footerNav li a {
	color: #686868;
	text-decoration: none;
}

#footer #footerNav li a:hover {
	color: #000;
}
/* End of 'Mediamix Corporate' */

