/* CSS Document */

body{
   padding: 0;
   margin: 0;
   font: .75em 'lucida grande', verdana, geneva, sans-serif;
   text-align: center;
   background-color: #faf6e1;
   color: #231f20;
   }
   
#wrap{
   margin: 0 auto;
   padding: 0;
   width: 995px;
   text-align: left;
   background-color: #faf6e1;
   }
   
#headwrap{width:100%; background: url(../images/common/bg.jpg) repeat-x;}

#header{    
	 width: 992px;
	 margin: 0 auto;
   height: 112px;

   }
   
   img.border{border:1px solid #a58e84;}

.clearWrap{
   clear: both;
   }

.clr{
   clear: both;
   }
   
   #footerWrap{width:100%;background: url(../images/common/footbg.jpg) repeat-x;}
   
 #footer{
   
   height: 86px;/* original 124px */
   padding-top: 40px; margin: 0 auto;
   text-align:center;
   font-size: 1em;
   color: #e7d096;
   line-height: 190%;
   }
   
.stepLeft{float:left;width:75px;font-size:1.7em;color:#b93f25;font:times;text-align:left;padding:10px 5px;margin-top:4px;}
.stepRight{float:left;width:400px;padding:10px 5px;}
.stepRight img, .imgRight{float:right;margin:5px 0 2px 5px;}
.imgLeft{float:left;margin:5px 5px 5px 0; }
p.indent{margin-left:50px;}


h1{
  color: #b93f25;
  font-size: 1.3em;line-height:1.1em;
  padding: 0 0 5px 0;
  margin: 8px 0 0 0;
  }

  .smallTags{font-size: .8em;color:#000;}

h2{
   font-size: 1.2em;
   padding: 8px 0 0 0;
   margin: 0;
   color: #231f20;
   }
   
h3{
   font-size: 1em;
   color: #b93f25;
   margin: 0;
   padding: 5px 0 3px 0;
   }
   
p{
  margin: 0;
  padding: 5px 0;
  }

#logo{
   float: left;
	 position: relative;
	 left: -16px;
   }
   
   
#phone{
   text-align:right;
   font-size: 30px;
   color: #e7d096;
   padding-top: 37px;
   margin-right: 20px;
   }
   
#bannerText{
   text-align: right;
   font-size: 16px;
   color: #e7d096;
   margin-right: 20px;
   float: none;
   }
   
#contentWrap{
   background: #e7d096;
   margin: 15px 15px 10px 195px;
   border: 1px solid #e7d096;
   }  
   
#leftCol{
   background: #e7d096;
   color: #b93f25;
   float: left;
   margin: 0 0 0 0px;
}

a {color: #e76f34;}

a:hover, a:visited{color: #e44931;}

#mainNav{
   padding: 0;
   margin: 3px 0 3px 5px;
   }
   
#mainNav li{
   list-style-type: none;
   background: url(../images/nav/navbg.jpg) repeat-x;
   height: 36px;  
   }
   
#mainNav a{
   text-decoration: none;
   font-size: 10px;
   padding: 10px 0 0 5px;
	 width: 185px;
   height: 26px;
   color:#600d0e;
   display: block;
   }
	 
	 
#mainNav a:visited{
   color: #b93f25;
   }
   
#mainNav li a:hover{
   color:#e7d096;
   background: url(../images/nav/navbgon.jpg) repeat-x;
   }
   
#AC #navAC, #PC #navPC, #BOG #navBOG, #HB #navHB, #RAQ #navRAQ, #FPA #navFPA, #PCP #navPCP, #PCS #navPCS, #CP #navCP, #IN #navIN, #WA #navWA{
    background: url(../images/nav/navbgon.jpg) repeat-x;
	}

#AC #navAC a, #PC #navPC a, #BOG #navBOG a, #HB #navHB a, #RAQ #navRAQ a, #FPA #navFPA a, #PCP #navPCP a, #PCS #navPCS a, #CP #navCP a, #IN #navIN a, #WA #navWA a{
    color: #e7d096;
	}
   
 .call{font-size: 13px;
    background: #faf6e1;
	color: #b93F25;
	text-align: center;
	padding-top: 15px;
	margin-top: 5px;
	font-weight: bold;
 }
 
 .phoneNumber{
   color: #600d0e;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: -0.05em;
   padding: 3px 0;
   }
	 
#rtCol {
	padding-bottom: 10px;
}  
   
#midCol{
   width: 571px;
   margin: 0 5px 0 5px;
   background: #e7d096;
   float: left;
   padding-right: 7px;
   border-right: 1px solid #fff;
	 line-height:1.3em;
   }

.subNavBlock{
  height: 28px;
  padding: 0;
  margin: 3px 0;
  }
	
#subNav{
   padding: 0;
   margin: 0;
   width: 574px;
   }
   
#subNav li{
   background: url(../images/nav/navsub.jpg) repeat-x;
   list-style-type: none;
   height: 28px; 
   white-space:nowrap; 
   float: left;
   margin:3px 3px 0px 0px;
   /*padding: 0 3px;*/
   }
   
#subNav li a:hover{
   color:#e44931;
   }
   
#subNav a{
   text-decoration: none;
   font-size: 10px;
   padding: 10px;
   height: 28px;
   color:#600d0e;
   display:block;
   }
   
#subNav li#subNavOn{
   background: #fff;
   color: #600d0e;
   margin-bottom: 0;
   }   
   
.mainContentHome{
   background: #fff;
   padding: 20px 20px 20px 20px;
   margin: 10px 0;
 }
 
.mainContent{
   background: #fff;
   padding: 20px;
   margin: 0 0 6px 0;
 }
 img.left{float:left;padding:0 5px 3px 0;border:1px solid }
 
 .pixBox{
  background: #faf6e1;
	border: 2px solid #F2E3C0;
	float: right;
	padding: 5px 7px 5px 5px;
	margin-left: 5px;
	}
	
.pixBox2{
  background: #faf6e1;
	border: 2px solid #F2E3C0;
	float: left;
	padding: 5px 7px 5px 5px;
	margin-right: 5px;
	margin-left:20px;
	}
	
.pixBox3{
  background: #faf6e1;
	border: 2px solid #F2E3C0;
	float: left;
	padding: 5px 7px 5px 5px;
	margin-right: 5px;
	margin-left:15px;
	}

.caption{
  color: #b06e0e;
  padding: 5px 3px 3px 3px;
  font-size: 9px;
  width:100%;
  }
  .caption2{
  color: #b06e0e;
  padding: 5px 3px 3px 3px;
  font-size: 12px;text-align:center;
  width:100%;
  }
  
  
 .bleachImg, .advanImg, .BevelImg{
   border-color: #F2E3C0;
   }

 /*size div of image*/  
 .bleach{
   width: 124px;
 }
 
 .bldg{width:302px;}

    .advan{width:220px;}
	.Bevel{width:150px;}
 
 #footer a{
   font-size: 1em;
   color: #e7d096; 
   text-decoration: none;
   }
   
 #footer a:hover{
   color:#cb9442;
   }
   
 #footer a:visited{
   color: #cb9442;
   }

.promoBox{
   font-size: 9px;
   color:#ffd096;
   margin: 10px 10px 0 594px;
   background: #692c15;
   border: 1px solid #fff;
}

.promoBox p{
  text-align:left;
  padding: 7px 10px;
  }

.promoBox h1{border-top: 1px solid #fff;
  font-size: 22px;margin:0;padding:5px 2px 0;
  letter-spacing: -0.05em;
  color: #e7d096;
  text-align:center;
  }
.promoBox h1.smaller{
  border-top: 1px solid #fff;
  font-size: 16px;margin:0;padding:5px 2px 0;
  letter-spacing: -0.05em;
  color: #e7d096;
  text-align:center;
  }
  .promoBox h1.smaller2{
  border-top: none;
  font-size: 16px;margin:0;padding:5px 2px 0;
  letter-spacing: -0.05em;
  color: #e7d096;
  text-align:center;
  }
.promoBox  p.duraCall{text-align:center;padding:2px 10px 7px;font-size:12px;border-bottom:  1px solid #fff;}
.promoBox a{
  text-decoration: none;
  color: #fff;
  font-weight:bold;
  text-align:left;
  font-size: 10px;
  }
.promoBox  p.duraCall{text-align:center;padding:2px 10px 7px;}
.promoBox  p.duraCall a{font-size:14px;color:#e7d096;text-decoration:underline;}
.promoBox  p.duraCall a:hover{text-decoration:none;}
 .promoBox a img.promoCall{ border-top: none;border-bottom:none;border-left:none;border-right:none;}
 .lgImgPlacer{
   height: 200px;
   background: #ccc;
   margin-bottom: 10px;
   }
  
 .smImgPlacer{
   width: 169px;
   height: 100px;
   background: #ccc;
   }
   
 .homeSelection{
   width: 169px;
   float: left;
   font-size: 1em;
   }
   
 .homeSelectionMid{
   width: 169px;
   float: left;
   font-size: 1em;
   margin: 0 10px;
   }
   
 .list li{
   padding-bottom: 5px;
   }
   ol.PicLeft{margin:2px 2px 10px 120px;}   
 ul{
    margin-left: -15px;margin-top:5px;
	}
	
	ul li, ol li{padding-bottom:4px;}
	ul.subList{margin:0}
	ul.subList li{padding:1px;}
.mainContent table#galleryTable td{vertical-align:top;padding:5px;text-align:left;margin:0;}

.mainContent .galleryRow p{float:left;padding:5px;margin: 0;} 

/* STYLES*/

form#requestQuote .formOptional{font-size:.9em;color:#a03e17}
form#requestQuote p{padding:12px 0 2px 0}
form#requestQuote .cancel{margin:0 0 0 75px;}
iframe{border:1px solid #000}
p.quoteSig{padding:0 3px 7px 3px;margin:0;text-align:right;}
p.colorSwatch{margin:5px;padding:0;}
p.colorSwatch img{border:1px solid #a58e84;}
a.callButton{padding:8px 20px;margin:0;background: #692c15;border:1px solid #F2E3C0;font-size:15px;color: #e7d096;display:block;width:130px;text-align:center;}