@charset "utf-8";
/* CSS Document */
body { background:url(../images/MainBG.gif) #fff 0 0 repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a { outline:none;color:#E17B03; }
a:hover { color:#666666; }
#MainBody ul { padding:0 10px 10px 20px;}
#MainBody li { line-height:24px; list-style:none; background:url(../images/arrow.png) 0 7px no-repeat; padding:0 0 0 20px;}
#MainBody li a { color:#E17B03;}
#MainBody li a:hover { color:#666666; text-decoration:none;}

hr { border-bottom:1px dotted #CCC; border-top:0; border-right:0; border-left:0; margin:20px 0;}
h1 { 
	letter-spacing:-1px; 
	font-size:22px;
	/*border-bottom:1px dotted #000;*/
}
.norightBorder a{ background:#58595b !important;}
.norightBorder a:hover{ background:url(../images/menuBG2.gif) 0 -70px repeat-x !important;}
.lftMarg { margin: 0 50px;}
.clr { clear:both;}
.readmore a { background:#e17b03; text-transform:uppercase; color:#FFF; font-size:11px; padding:10px; text-decoration:none; line-height:40px;}
.readmore a:hover { background:#666666;  }
#wrapper { width:980px; margin:0 auto;}


#headBlock { background:url(../images/headerBannerHP.jpg) 0 0 no-repeat; height:407px; width:949px;}
#headBlockSub { background:url(../images/headerBannerHPSub.jpg) 0 0 no-repeat; height:207px; width:950px;}

/*banners */
#banner_home { background:url(../images/banners/home.jpg) 0 0 no-repeat; height:407px; width:949px;}
#banner_lightbulb { background:url(../images/banners/lightbulb.jpg) 0 0 no-repeat; height:207px; width:949px;}
#banner_aluminum { background:url(../images/banners/aluminum.jpg) 0 0 no-repeat; height:207px; width:949px; }
#banner_business { background:url(../images/banners/business.jpg) 0 0 no-repeat; height:207px; width:949px; }
#banner_commercial { background:url(../images/banners/commercial.jpg) 0 0 no-repeat; height:207px; width:949px; }
#banner_industrial { background:url(../images/banners/industrial.jpg) 0 0 no-repeat; height:207px; width:949px; }
#banner_knobtube { background:url(../images/banners/knobtube.jpg) 0 0 no-repeat; height:207px; width:949px; }
#banner_reno { background:url(../images/banners/reno.jpg) 0 0 no-repeat; height:207px; width:949px; }
#banner_residential { background:url(../images/banners/residential.jpg) 0 0 no-repeat; height:207px; width:949px; }
#banner_service { background:url(../images/banners/service.jpg) 0 0 no-repeat; height:207px; width:949px; }
#banner_testimonials { background:url(../images/banners/testimonials.jpg) 0 0 no-repeat; height:207px; width:949px; }


#logo { }
/*
#logo h1 { text-indent:-9999px; background:url(../images/logo_CEC.png) 0 0 no-repeat; width:250px; height:176px; margin:0;}
*/
#logo h1 { text-indent:-9999px; background:url(../images/logo_trans.png) 0 0 no-repeat; width:250px; height:131px; margin:0;}
#logo_grey h1 { text-indent:-9999px; background:url(../images/logo_trans_grey.png) 0 0 no-repeat; width:250px; height:131px; margin:0;}

/*MAIN NAVIGATION*/
#MainNav { height:62px;}
#MainNav ul { margin:0; padding:0;}
#MainNav li { float:left; list-style:none; line-height:61px; }
#MainNav li a { background:url(../images/menuBG2.gif) top right repeat-x; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:12px; padding:0 38px 0 37px; display:block;}
#MainNav li a:hover{ background:url(../images/menuBG2.gif) 0 -70px repeat-x;}
#MainNav .act a { background:url(../images/menuBG2.gif) 0 -70px repeat-x; }
#MainNav .act li a { background:url(../images/menuBG2.gif) top right repeat-x; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:12px; padding:0 38px 0 37px; display:block;}
#MainNav .act li a:hover { background:url(../images/menuBG2.gif) 0 -70px repeat-x;}


#MainBody { width:933px; margin:0 auto; padding:20px; float:left;}
#copyright { background:#58595b; padding:10px; color:#FFF; font-size:14px;}

/*3 COLUMN*/
#container { margin:20px 0 0 0; float:left; color:#58595b;}
#container  h3 { color:#58595b; text-transform:uppercase;}
#left {float:left; padding:0 20px 0 0px; border-right:1px solid #000; width:270px; height:378px;}
#right {float:left; padding:0 0 0 25px; width:270px; }
#center { float:left; padding:0 19px 0 24px; border-right:1px solid #000; width:270px;height:378px;}

/*FOOTER*/
#footer { padding:10px;}
#footer ul { margin:0; padding:0;}
#footer li { float:left; list-style:none; background:none; padding:0; border-right:1px solid #252f34; height:22px;}
#footer li a { color:#85939a; text-decoration:none; text-transform:uppercase; font-size:14px; padding:0 10px; }
#footer li:last-child { border:none;   }

#flashMessage {
	color:#0000FF;
	text-align:center;
}