*{ margin:0 auto; padding:0; }
body{ margin:30px auto;	background:url(images/slaterock.png) repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
ul,li{ list-style:none; margin:0; padding:0; }
a{ text-decoration:none; color: #F00; }
/*IndexAndCommonCSS*/
#container{ width:946px; height:auto; padding:16px; background:#FFF; overflow:hidden; }
#header{ float:left; width:946px; height:150px; border:1px solid #cfcfcf; background:url(images/header_bg.png) repeat-x; }
#slogan{ float:right; width:200px; height:auto; }
#slogan p{ font-size:10px; color:#FF0; padding:0 10px; margin-top:40px; }
#slogan p a{ font-size:11px; color:#4E6F90; padding:0 10px; }

#logo{ float:left; width:746px; height:150px; background:url(images/header.png) no-repeat; margin:0; }
#logo h1{ line-height:150px; margin:0; font-size:23px; font-weight:normal; text-align:center; vertical-align:middle; }
#logo h1 a{ color:#FF0; } 
#menu{ float:left; width:946px; height:40px; margin:6px 0; background-image:url(images/menu_bg.png); }
#menu li{ display:inline; }
#menu li a{ float:left; width:auto; height:20px; padding:10px; color:#FF0; font:13px Arial, Helvetica, sans-serif; background:url(images/menu_border.png) right no-repeat;  }
#menu li a:hover{ background:url(images/menu_border.png) repeat-x; }
#main{ float:left; width:946px; height:auto; background:url(images/main_bg.gif) repeat-y; overflow:hidden; }

#sidebar{ float:right; width:160px; height:auto; padding:30px; }
#sidebar h3,#sidebar ul,#sidebar li{ float:left; width:160px; }
#sidebar h3{ font-size:17px; padding-bottom:5px; }
#sidebar h3 a{ color:#003; font-weight:bold; font-size: 17px; }
#sidebar ul{ height:auto; margin-bottom:20px; }
#sidebar li{ height:19px; border-bottom:1px solid #F5F5F5; }
#sidebar li a{ color:#0D1D2F; display:block; font-size:12px; padding:3px 0; }
#sidebar li a:hover{ background:#7e9bbb; }
#text{ float:left; width:688px; height:auto; padding:16px; overflow:hidden; }
.te_zone,.te_zone p,.te_zone2,.te_zone2 p,.te_zone3{ float:left; width:688px; height:auto; }
.te_zone h2,.te_zone2 h2,.te_zone3 h2{ float:left; width:688px;	font-size:22px;	font-weight:normal;	margin:10px 0;}
.te_zone p,.te_zone2 p{ float:left; width:322px; font-size:12px; margin-bottom:20px; }
/*full size in te-zone-b*/
.te_zone-b,.te_zone-b p,.te_zone2-b,.te_zone2-b p,.te_zone3-b{ float:left; width:688px; height:auto; }
.te_zone-b h2,.te_zone2-b h2,.te_zone3-b h2{ float:left; width:688px; font-size:22px; font-weight:normal; margin:10px 0; }
.te_zone-b h4,.te_zone2-b h4,.te_zone3-b h4{ float:left; width:688px; font-size:12px; font-weight:bolder; margin:10px 0;}
.te_zone-b h5{ float:left; width:688px; font-size:12px; margin:10px 0; text-align: right; color: #666; }
.te_zone-b p,.te_zone2-b p{	float:left;	width:688px; font-size:12px; color:#333; margin-bottom:20px;}

/*details*/
.te_zone-b li{ float:left; width:328px; height:30px; line-height:30px; border-bottom:1px dashed #333; font-size:12px; color: #333; padding-left:8px; }
.te_zone-b li span{ font-weight:bold }
.te_zone-b li.wh_li{ width:662px; }
/*end*/
/*end full size in te-zone-b*/
.te_zone img.imgright,.te_zone img.imgright2,.te_zone2 img.imgleft,.te_zone2 img.imgleft2{ float:right; border:1px solid #aaa; margin:5px 0 15px 10px; padding:8px; }
.te_zone img.imgright2{ margin:5px 0 5px 6px; }
.te_zone2,.te_zone3{ margin-top:2px; }
.te_zone2 p.pbold{ font-weight:700; margin-top:2px; }
.te_zone2 p{ margin-bottom:0; padding-bottom:20px; }/*For IE6 Bug*/
.te_zone2 img.imgleft,.te_zone2 img.imgleft2{ float:left; margin:5px 10px 5px 0; }
.te_zone2 img.imgleft2{ margin:5px 6px 5px 0; }
.li_de{ color: #FF0; float:left; position:relative; width:189px; height:auto; border:1px solid #aaa; padding:12px; margin:0 14px 20px 0; background: #FFF}
.li_de img{ width:189px; height:189px; }
.li_de span{ position:absolute; left:27px; top:120px; width:158px; height:30px; font-size:24px; text-align:center; }
.li_de ul{ float:left; margin-top:6px; overflow:hidden;  }
.li_de li{ width:auto; height:16px; line-height:16px; padding:2px 0 4px 4px; font-size:12px; }
.li_de li a{ color:#1F416B; }
.li_de li a:hover{ color:#00F; text-decoration: underline; }
.li_de li.de_ti{ font-size:11px; margin:1px 0; }
/*roofingslate_colorlist*/
.li_de1{ color: #FF0; float:left; position:relative; width:189px; height:auto; border:1px solid #aaa; padding:12px; margin:0 14px 20px 0; background: #FFF}
.li_de1 img{ width:189px; height:265px; }

.li_de1 ul{ float:left; margin-top:6px; overflow:hidden;  }
.li_de1 li{ width:auto; height:16px; line-height:16px; padding:2px 0 4px 4px; font-size:12px; }
.li_de1 li a{ color:#1F416B; }
.li_de1 li a:hover{ color:#00F; text-decoration: underline; }
.li_de1 li.de_ti{ font-size:11px; margin:1px 0; }
/*end_of_roofingslate_colorlist*/

/*ledgestone_details*/
.li_de2{ color: #FF0; float:left; position:relative; width:304px; height:auto; border:1px solid #aaa; padding:12px; margin:0 14px 20px 0; background: #FFF}
.li_de2 img{ width:304px; height:auto; }
.li_de2 ul{ float:left; margin-top:6px; overflow:hidden;  }
.li_de2 li{ width:auto; height:16px; line-height:16px; padding:2px 0 4px 4px; font-size:12px; }
.li_de2 li a{ color:#1F416B; }
.li_de2 li a:hover{ color:#00F; text-decoration: underline; }
.li_de li.de_ti{ font-size:11px; margin:1px 0; }
/*end of ledgestone_details*/

#footer{ float:left; font-size:12px; width:946px; height:40px; background:url(images/footer_bg.png) repeat-x; margin-top:6px; overflow:hidden; }
#footer p{ float:left; width:914px; height:20px; margin:0 16px!important; margin:0 8px; line-height:20px; vertical-align:middle; }
#footer p a{ color:#FF0; margin-right:6px; }
#footer p a:hover{ color:#00F; text-decoration: underline; }
#footer p span{ float:right; }
#footer p img{ float:right; width:44px; height:16px; padding:2px 0 2px 6px; border:none; }
#footer a img{ margin-right:0; }