@charset "utf-8";
/* CSS Document */

/* General Definations */
*{ margin:0px; padding:0px; outline:none; list-style:none; text-decoration:none;}
html,body{ width:100%; height:100%; font:12px Arial,Verdana, Helvetica, sans-serif;}

h1{font-size:17px; color:#ff9c00;border-bottom:1px dotted #646464;padding-bottom:10px;margin:0px 0px 10px 0px;}
h2{font-size:16px; color:#024717; padding:25px 0 0 0; font-weight:bold;} 
h3{font-size:13px;}

p{ font-size:12px; font-weight:normal; color:#000; line-height:20px;}
img{ border:none;}
.clear{clear:both;}
input.chk{border:none;}
a{color:#C63E00;text-decoration:none; cursor:pointer;}
a:hover{ color:#036C03;text-decoration:none;}
select{border:solid 1px #000000;font-size:11px;font-weight:normal;}
select.select-adv{width:100%;border:solid 1px #000000;font-size:11px;font-weight:normal;}
input{	border:solid 1px #000000;font-size: 11px;font-weight:normal;}
input.Search{border:solid 1px #A4A4A4;font-size: 11px;font-weight:normal;padding-left:2px;width:110px;}
textarea{border:solid 1px #000000;font-size: 11px;font-weight:normal;}
input.br{border:none;}



.TableFormat { border:solid 0px #CCCCCC; font-size:13px; color:#333333; background:#dedede; color:#666666;}
.TableFormat td{ height:22px; border:solid 0px #999999;background:#fff;padding:3px;}
.TableFormat th{color:#fff;height:25px; padding-left:12px;text-align:left;}
.TableFormat input[type=text]{ border:#909090 solid 1px; height:20px; color:#000;background:#F7F7F7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:20px; width:150px; padding-left:5px;}
.TableFormat textarea{ padding:2px; border:#909090 solid 1px;  color:#000;background:#F7F7F7; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; width:150px; height:80px; padding-left:5px;}
.TableFormat select{ padding:2px; border:#909090 solid 1px; color:#000;background:#F7F7F7; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; width:150px; padding-left:5px; }

.Button{background:#068ce9; border:0px;color:#fff;  padding:4px 7px; display:inline-block; font-size:12px; text-transform:uppercase;cursor:pointer; margin-top:10px; }
.Button:hover{background:#484747; text-decoration:none; color:#fff;}

.sepline{border-bottom:1px #666666 dotted; margin:0px 10px 10px 0px;padding:0px 0px 0px 0px;}

.icn{
font-size:13px; 
color:#666666; 
color:#fff;

}


.main{ width:100%;}
.page{ width:990px;margin:0 auto;}
.container{ width:990px; height:auto; float:left;}

.top1{ width:990px; height:6px; float:left;}
.top2{ width:990px; height:auto; float:left; background:url(../Graphics/body-background.jpg) repeat-y;}
.top3{ width:990px; height:6px; float:left; margin-bottom:10px;}

.header{ width:974px; height:200px; margin-left:9px; float:left; background:url(../Graphics/diy-header-backgroundd.jpg) no-repeat;}
.logo{ width:236px; height:159px; float:left; padding:10px 0 0 15px;}

.main-call{ width:590px; height:200px; float:right; margin-right:90px;}
.call-cont{ width:300px; height:auto; float:right; padding-top:35px; padding-right:120px; color:#eed910;font-size:23px; font-weight:bold; }
.call-cont1{ width:300px; height:auto; float:right; padding-top:10px; padding-right:140px;  }
.main-quote{ width:590px; height:76px; float:left; margin-top:8px;}
.free-quote{ width:187px; height:76px; float:left; padding-right:9px;}

.main-banner{ width:972px; height:307px; float:left;  margin-top:10px; margin-left:9px;}
.banner-01{ width:678px; height:305px; float:left; margin-left:10px;}
.banner-02{ width:266px; height:305px; float:right; margin-right:10px;}


.subheading
{
 color:#279a27;
 font-family: tahoma,Arial,Verdana;
 font-size:20px;
 font-weight:normal;
 padding:0px 0px 10px 0px;
}

.subheading-red
{
 color:#e25a2a;
 font-family: tahoma,Arial,Verdana;
 font-size:18px;
 font-weight:normal;
 padding:0px;
}
.subheading-red2
{
 color:#e25a2a;
 font-family: tahoma,Arial,Verdana;
 font-size:22px;
 font-weight:normal;
 padding:0px;
 text-decoration:underline;
}


.subheading-red-small
{
 color:#C63E00;
 font-weight:bold;
 font-family: tahoma,Arial,Verdana;
 font-size:11px;
 padding:0px;
}
.subheading-left-small
{
 color:#A27E4E;
 font-family: tahoma,Arial,Verdana;
 font-size:11px;
 font-weight:bold;
 padding:0px

}
.content-left-small
{
 color:#7E7E7E;
 font-family: tahoma,Arial,Verdana,Geneva,Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 padding:0px;

}

.boldgreen
{
	color:green;
	font-weight:bold;
}
.ConTitle{font-size: 18px;font-family :  tahoma,Arial, verdana, Helvetica, sans-serif;font-weight : bold;line-height:23px;color : #458100;}

.main-body{ width:990px; height:auto; float:left;  margin-top:4px;}
.left-body{ width:237px; height:auto; float:left; margin-left:18px;}
.left-top{ width:237px; height:20px; float:left;}
.left-mid{ width:237px; height:auto; float:left; background:url(../Graphics/left-mid-background.jpg) repeat-y; }
.left-nav{ width:200px; height:auto; float:left; margin-left:18px; color:#270f0f; font-weight:bold;}
.left-nav ul{ margin:0; padding:0;}
.left-nav li{ width:200px; float:left; border-bottom:dotted 1px #036d03; padding:7px 0 7px 8px;text-transform: uppercase;}
.left-nav li a{ text-decoration:none; color:#270f0f;text-transform: uppercase;}
.left-nav li a:hover{ text-decoration:none; color:#036d03;}
.left-nav li.selected { background-color:#FFD237;}
.left-bottom{ width:236px; height:20px; float:left; background:url(../Graphics/left-bottom-background.jpg) no-repeat;}
.categoryitems li {background-color:#F67F01;font-size:12px;margin-left:10px;width:195px;}
.categoryitems li a{font-size:11px;}
.left-nav .menuheader{cursor:pointer;}


.testimonial-top{ width:237px; height:57px; float:left; margin-top:10px; background:url(../Graphics/testimonial-top-background.jpg) no-repeat;}
.testimonial-mid{ width:201px; height:auto; float:left; background:url(../Graphics/testimonial-mid-background.jpg) repeat-y; padding:10px 18px 0 18px; color:#270f0f; }
.testimonial-mid a{font-size:12px; color:#000;}
.testimonial-mid ul{padding:0px 0px 0px 20px;;margin:0px;}
.testimonial-mid ul li {list-style:decimal;}
.testimonial-bottom{ width:236px; height:20px; float:left;}



.testimonial-top-subs{ width:237px; height:420px ;float:left; margin-top:10px; background:url(../Graphics/testimonial-sub-background.jpg) no-repeat; }


.testimonial-top-subs span { width:201px; float:left; padding:10px 0 0 18px; color:#270f0f; font-size:15px; line-height:20px;}
.testimonial-top-subs input[type=text]{ width:185px; height:30px; background:url(../Graphics/input-bg.png) no-repeat; border:none; margin:10px 0 0 17px; padding-left:10px;}


.right-body{ width:700px;float:right;  margin-right:20px; margin-top:2px; padding:0 0 0 10px;}
.right-body ul {line-height:20px;padding:10px 0px 10px 15px;margin:0px 0px 10px 15px;}
.right-body ul li {list-style:circle;line-height:20px;}

.ClickHeading
{
padding-top:10px;	color:#000000;	font-weight:bold;font-size:15px;background:#EBEBEB;padding:5px;margin-top:5px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.ClickHeading:hover{background:#8D8D8D;}
.ClickHeading a{text-decoration:none;color:#000;}
.ClickHeading a:hover{text-decoration:none;color:#ffffff;}
.ClickHeading img {paddding-top:15px;}

.guardian-roof{float:right; width:350px;}
.guardian-roof p{font-size:25px;}
.guardian-roof ul {line-height:20px;padding:0px 0px 10px 15px;margin:0px 0px 10px 15px;}
.guardian-roof ul li {list-style:outside; line-height:20px; color:#666666;}


.footer{ width:970px; height:300px; float:left; margin:25px 0 0 10px;  background:url(../Graphics/footer-background.jpg) repeat-x;}
.footer-inner{ width:870px; height:205px; float:left; margin-top:35px; margin-left:55px;}
.footer-nav{ width:870px;  float:left; color:#f5d93d;}
.footer-nav ul{ margin:0; padding:0;}
.footer-nav li{ float:left; padding:0 6px 0 6px; border-right:1px solid #f5d93d; height:11px; line-height:11px; margin-bottom:15px;}
.footer-nav li a{ text-decoration:none; color:#f5d93d;}
.footer-nav li a:hover{ text-decoration:none; color:#ffffff;}

.copyright-left{ width:430px;  float:left; color:#f5d93d; padding-left:6px;}
.copyright-left a{color:#f5d93d;text-decoration:none; cursor:pointer;}
.copyright-left a:hover{color:#fff;}
.copyright-right{ width:420px;  float:right; color:#f5d93d; text-align:right;}
.copyright-right a{color:#f5d93d;text-decoration:none; cursor:pointer;}
.copyright-right a:hover{color:#fff;}

.main-base { width:701px; height:auto; float:left; }
.base-top { width:703px; height:34px; float:left; background:url(../Graphics/base-top-background.jpg) no-repeat; padding:13px 0 0 0; text-align:center; font-size:17px; color:#FFFFFF; font-weight:bold;}
.base-01 { width:700px; height:auto; float:left; }
.base-left { width:690px; height:auto; float:left; margin:0 0 0 5px;}
.base-left ul{ width:700px; margin:0; padding:0;}
.base-left li{  margin-left:15px; padding:0 0 0 0; list-style:square; list-style-position:outside;}
.base-left p{ margin:10px 0 15px 0;}
.base-left b{color:#c63e00; font-size:15px; }

.base-02 { width:700px; height:498px;  margin-top:15px; float:left; background:url(../Graphics/durabase-02.jpg) no-repeat; }
.base-02-inner { width:200px; height:auto;  float:left;  margin:40px 0 0 265px; line-height:22px;}
.base-02-inners { width:300px; height:auto;  float:left; margin:50px 0 0 265px; line-height:22px;}
.base-right { width:210px; height:auto; float:right; margin-top:15px; padding-left:10px; }

.main-Bifolding  {  width:700px; height:auto; float:left; margin-top:12px; color:#000; line-height:20px; text-align:justify;}
.left-Bifolding  {  width:315px;  float:left;  }
.right-Bifolding  {  width:380px;  float:right;  }

.roofstyle{width:310px;float:right}
.roofstyle ul {margin:0px;padding:0px;}
.roofstyle ul li {list-style:none;float:left;width:350px;text-align:center;}
.roofstyle ul li a{font-size:20px;}
.boxleft{float:left;font-size:14px;width:350px;}