/* CMM Electrics main CSS Document */

{
margin: 0;
padding: 0;
}

body
{
background: #EEEDF2;
background-image: url(../images/bg_image.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, San-serif;
font-size: 12px;
color: #fff;
line-height: 1;
}

#container
{
width: 760px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
background: #141414;
}

#header
{
width: 760px;
height: 90px;
background: #fff;
}

#logo
{
float: left;
margin-left: 20px;
margin-top: 20px;
}

#mainimage
{
width: 760px;
height: 260px;
}

#mainleft
{
width: 430px;
padding: 20px;
float: left;
}

#newsleft
{
width: 390px;
padding: 0;
}

#newspiccontainer
{
width: 100px;
float: left;
}

#newstext
{
width: 290px;
float: right;
}

#centerline
{
width: 5px;
padding: 0px;
float: left;

}

#mainright
{
width: 285px;
margin: 0;
padding: 20px 0px 0px 0px;
float: right;
}

#mainrighttext
{
width: 265px;
margin: 0;
padding: 0px 0px 0px 20px;
float: right;
}

#footer
{
width: 760px;
clear: both;
margin-left: auto;
margin-right: auto;
}

#clear
{
clear: both;
}



/* Navigation */

.nav
{
float: right;
width: 500px;
margin-right: 20px;
margin-top: 70px;
}

.nav ul
{
margin: 0;
text-align: right;
}

.nav li
{
display: inline;
}




/* Lists */

ul
{
list-style: none;
padding-left: 0;
}

.contact ul
{
list-style: none;
}

.contact li
{
list-style: none;
}


/* Typeography */

h1
{
font-size: 18px;
line-height: 1;
color: #EE7E1C;
}

h2
{
font-size: 14px;
line-height: 1;
color: #EE7E1C;
}

h3
{
font-size: 12px;
line-height: 1;
color: #fff;
font-weight: 400;
}


h3 strong
{
font-size: 12px;
line-height: 1;
color: #EE7E1C;
}

.footertext
{
font-size: 12px;
line-height: 2;
color: #666;
}

.footertext strong
{
font-size: 12px;
line-height: 2;
color: #EE7E1C;
}



/* Links */


h2 a:link, a:visited, a:active
{
font-size:14px;
line-height: 1;
color: #EE7E1C;
text decoration: underline;
}

h2 a:hover
{
font-size: 14px;
line-height: 1;
color: #144FCE;
text-decoration: underline;
}

h3 a:link, a:visited, a:active
{
font-size:12px;
line-height: 1;
color: #EE7E1C;
text decoration: underline;
}

h3 a:hover
{
font-size: 12px;
line-height: 1;
color: #144FCE;
text-decoration: underline;
}


.footertext a:link
{
font-size: 12px;
line-height: 1;
color: #144FCE;
text-decoration: underline;
}

.contact a:link
{
font-size: 12px;
line-height: 1;
color: #EE7E1C;
text-decoration: underline;
}

.selected
{
font-size: 12px;
line-height: 1;
color: #EE7E1C;
text-decoration: none;
font-weight:700;
text-transform: uppercase;
padding: 5px;
}


.nav li a:link
{
font-size: 12px;
line-height: 1;
color: #002986;
text-decoration: none;
font-weight:700;
text-transform: uppercase;
padding: 5px;
}

.nav li a:visited
{
font-size: 12px;
line-height: 1;
color: #002986;
text-decoration: none;
font-weight:700;
text-transform: uppercase;
padding: 5px;
}

.nav li a:active
{
font-size: 12px;
line-height: 1;
color: #002986;
text-decoration: none;
font-weight:700;
text-transform: uppercase;
padding: 5px;
}

.nav li a:hover
{
font-size: 12px;
line-height: 1;
color: #144FCE;
text-decoration: none;
font-weight:700;
text-transform: uppercase;
padding: 5px;
}


/* Images */

#clientlogos
{
margin-top: 10px;
}

#newspic
{
margin-top: 15px;
}

#map
{
margin-top: 20px;
float: right;
}

#line
{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}