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

*{margin: 0 auto; padding:0; outline:none;}

body{
background: #b59163 url(../images/body_back.jpg) repeat-y top center;
font: medium Arial, Helvetica, sans-serif;
color: #000;
}


/*--Main Wrapper--*/
#wrapper{
width: 820px;
padding: 15px 0;
}


/*--Header Area (Logo / Main Navigation)--*/
#header{
width: 746px;
margin-bottom: 11px;
}

#logoWrapper{
float: left;
width: 186px;
margin-top:4px;
}
#header #logoWrapper h1{
display: block;
width: 186px;
height: 53px;
background: url(../images/logo.gif) no-repeat top left;
text-indent: -9000px;
}

#header ul#mainNav{
float: left;
list-style: none;
width:535px;
height:49px;
margin: 4px 0 0 19px;
}
#header ul#mainNav li{float:left; margin:0;}
#header ul#mainNav li a{ display:block; height: 49px; text-indent: -9000px; margin:0;}
#header ul#mainNav li a.about{ width: 94px; background:url(../images/about_butt.gif) no-repeat top left;}
#header ul#mainNav li a.services{ width: 89px; background:url(../images/services_butt.gif) no-repeat top left;}
#header ul#mainNav li a.products{ width: 124px; background:url(../images/products_butt.gif) no-repeat top left;}
#header ul#mainNav li a.gallery{ width: 81px; background:url(../images/gallery_butt.gif) no-repeat top left;}
#header ul#mainNav li a.staff{ width: 65px; background:url(../images/staff_butt.gif) no-repeat top left;}
#header ul#mainNav li a.contact{ width: 81px; background:url(../images/contact_butt.gif) no-repeat top left;}

#header ul#mainNav li a.about:hover{ width: 94px; background:url(../images/about_butt.gif) no-repeat bottom left;}
#header ul#mainNav li a.services:hover{ width: 89px; background:url(../images/services_butt.gif) no-repeat bottom left;}
#header ul#mainNav li a.products:hover{ width: 124px; background:url(../images/products_butt.gif) no-repeat bottom left;}
#header ul#mainNav li a.gallery:hover{ width: 81px; background:url(../images/gallery_butt.gif) no-repeat bottom left;}
#header ul#mainNav li a.staff:hover{ width: 65px; background:url(../images/staff_butt.gif) no-repeat bottom left;}
#header ul#mainNav li a.contact:hover{ width: 81px; background:url(../images/contact_butt.gif) no-repeat bottom left;}



/*--Home Page Gallery--*/
/*--Controled by "jd.gallery.css"---*/

/*--Inside Pages Top Banner--*/
#insideTopBanner{
width:734px;
height:136px;
border: 6px solid #cacbcd;
margin-bottom:20px;
}



/*--Page Titles--*/
#pageTitle{width: 746px; height:53px; background: url(../images/main-heading_back.jpg) no-repeat top left;}
#pageTitle h2{ display: block; height: 39px; text-indent:-9000px; margin-bottom: 5px; margin:0;}
#pageTitle h2.home{width: 328px; background: url(../images/welcome_head.jpg) no-repeat top left;}
#pageTitle h2.about{width: 328px; background: url(../images/about_head.jpg) no-repeat top left;}
#pageTitle h2.services{width: 328px; background: url(../images/services_head.jpg) no-repeat top left;}
#pageTitle h2.gallery{width: 328px; background: url(../images/gallery_head.jpg) no-repeat top left;}
#pageTitle h2.staff{width: 328px; background: url(../images/staff_head.jpg) no-repeat top left;}
#pageTitle h2.contact{width: 328px; background: url(../images/contact_head.jpg) no-repeat top left;}
#pageTitle h2.quote{width: 186px; background: url(../images/quote_head.jpg) no-repeat top left;}

#pageTitle2{width: 746px; height:53px; background: url(../images/main-heading_back2.jpg) no-repeat top left;}
#pageTitle2 h2{ display: block; height: 39px; text-indent:-9000px; margin-bottom: 5px; margin:0;}
#pageTitle2 h2.products{width: 328px; background: url(../images/products_head.jpg) no-repeat top left;}
#pageTitle2 h2.quote{width: 186px; background: url(../images/quote_head.jpg) no-repeat top left;}
#pageTitle2 h2.contact{width: 328px; background: url(../images/contact_head.jpg) no-repeat top left;}



/*--Main Content Column--*/
#mainContent{
float: left;
width: 426px;
margin-left: 37px;
padding: 0 13px;
background: url(../images/column-seperator.jpg) no-repeat right 10px;
padding-bottom:40px;
}
#mainContent p{padding:12px 0; font-size: 90%;}
#mainContent a{color: #c36301; text-decoration: none;}
#mainContent a:hover{text-decoration: underline;}
#mainContent h4{
	font-size: 110%;
	border-bottom: 1px solid #999;
	color: #999999;
	margin-top:30px;
	}
#mainContent ul.recycle{
	background: url(../images/recycle.jpg) no-repeat 0px 200px;
	padding: 10px 0px 20px 70px;
	list-style: none;
	font-size: 90%;
	}
#mainContent ul.recycle li{
background: url(../images/list-arrow.gif) no-repeat 0px 10px;
padding:8px 0 8px 16px;
}


	
	


/*--MainContent2------*/
#mainContent2{
	width: 746px;
	padding: 0 37px;
}
#mainContent2 p{padding:12px 0; font-size: 90%;}
#mainContent2 a{color: #c36301; text-decoration: none;}
#mainContent2 a:hover{text-decoration: underline;}
#mainContent2 h1{
	font-size: 110%;
	border-bottom: solid thin;
	color: #999999;}
	
	
#mainContent h3, #mainContent2 h3{
border-bottom: 1px solid #666;
font-size: 140%;
color: #666;
padding:0 0 2px 4px;
margin-bottom:20px;
}


#mainContent2 table tr td.toptable{
	padding: 0px 30px 0px 30px;}
#mainContent2 table tr td{
	padding: 0px 30px 0px 30px;
	width: 140px;}
#mainContent2 ul{
	width: 80%;
	list-style:none;
	font-size: 90%;}

.centerimage{
	text-align: center;
	border: double 4px;}
.center{
	text-align: center;}
.center img{ margin-right:10px; }
.productpic{
	width: 150px;
	padding: 0px 17px 0px 17px;
	float: left;
	text-align: center;
	margin-bottom: 30px;}
.productpic img{
	border: double 4px;
	border-color: #666;
	margin-bottom: 5px;}
.productpic a{ font-size: 90%;}


.productpg{
	width: 138px;
	padding: 0px 22px 0px 22px;
	text-align: center;
	float: left;
	margin-bottom: 30px;
	font-size: 90%;}
.productpg img{
	border: double 4px #666;
	margin-bottom: 5px;}

.note, .why {
	padding-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	float: left;
	font-weight: bold;
	font-size: 75%;
	margin-bottom:10px;
	}
	
.why {
font-size: 100% !important;
}


#mainContent2 ul.points{
	padding:0 0 0 20px;
	list-style: none;
	font-size: 90%;
	margin:0;
	width: 90%;
	margin-bottom: 20px;
	}
#mainContent2 ul.points li{
background: url(../images/list-arrow.gif) no-repeat 0px 17px;
padding:15px 0 15px 16px;
}

#mainContent2 ul.points2{
	padding:0;
	list-style: none;
	font-size: 90%;
	margin:0;
	width:100%;
	}
#mainContent2 ul.points2 li{
background: url(../images/list-arrow.gif) no-repeat 0px 3px;
padding:0px 0 15px 16px;
}




/*--Right Content Column--*/
#rightCol{
float: left;
width: 268px;
padding: 13px;
}
#rightCol a img{border: none;}
#rightCol img.bigAd{
margin-bottom: 12px;
}



/*--Footer Links--*/
ul#footerLinks{
width: 746px;
height:103px;
background:url(../images/footer-links_back.jpg) no-repeat top left;
list-style: none;
padding:0 2px;
margin-top: 20px;
margin-bottom:20px;
}
ul#footerLinks li{float:left; padding-top: 74px; margin:0;}
ul#footerLinks li a{display:block; width: 106px; height: 29px; text-indent: -9000px; margin:0;}



/*--Affiliate Links--*/
ul#affliateLinks{
width: 779px;
height:66px;
background: url(../images/affiliate-area_back.jpg) no-repeat top left;
list-style: none;
padding-left:34px;
padding-top:18px;
margin-left:3px;
border-bottom: 1px dotted #d4d4d4;
border-top: 1px dotted #d4d4d4;
}
ul#affliateLinks li{float:left; margin:0;}
ul#affliateLinks li a{display:block; height: 50px; text-indent: -9000px; margin:0;}
ul#affliateLinks li a.customIron{width: 191px;}
ul#affliateLinks li a.crownHeritage{width: 130px;}




/*------------Product Menu -------------*/
div.productBox1{
float:left;
width: 166px;
padding:0 10px;
margin-top:20px;
margin-bottom: 30px;
}
div.productBox1 a{
display: block;
width:156px;
height: 106px;
text-indent: -9000px;
border: 5px solid #b88f5e;
}
div.productBox1 a:hover{border-color: #dfb27a;}
div.productBox1 a.stairways{ background: url(../images/custom-stairways2.jpg) no-repeat top left;}
div.productBox1 a.box{ background: url(../images/box-stairs2.jpg) no-repeat top left;}
div.productBox1 a.cabinets{ background: url(../images/custom-cabinets2.jpg) no-repeat top left;}
div.productBox1 a.rail{ background: url(../images/exterior-rail2.jpg) no-repeat top left;}




/*--20th Anniversary banner--*/
#anniversary{
width: 426px;
height: 132px;
text-indent: -9000px;
background:url(../images/20th-ann-banner.jpg) no-repeat top left;
margin-top: 20px;
}



/*--Contact Form Table--*/
table.contactTable{
border-spacing: 0 !important;
font-size: 90% !important;
border:1px solid #999 !important;
background: #D1D6DF !important;
margin:0 !important;
}
table.contactTable td{ padding: 8px !important; vertical-align: top !important; color: #666 !important; width: auto !important;}
table.contactTable td.first{ text-align: right !important;  width: 115px !important;}
table.contactTable td input.text{ width: 50%; border: 1px solid #ccc !important;}
table.contactTable td textarea{ width: 100%; border: 1px solid #ccc !important;}
table.contactTable td select{ border: 1px solid #ccc !important;}
table.contactTable td input.text2{ width: 215px; border: 1px solid #ccc !important;}
input.submit{width: 80px !important;}
input.submit:hover{ cursor: pointer !important; background: #fff !important;}





h5{
font-size:20px;
}

.center{
text-align:center;
}
.crossTimbers{
background:url(../images/crosstimbers-2.jpg) no-repeat top center;
padding-top:235px;
}
.crossTimbers table{
width:100%;
margin:0;
}
.crossTimbers table td{
vertical-align:top;
text-align:left;
padding:0;
}



/*--Footer Info--*/
#footerInfo{
width:746px;
padding: 20px 0;
font-size: 70%;
}

.footLeft{
float:left;
width:70%;
}
.footLeft a{
	text-decoration: none;
}
.footRight{
float:right;
width:28%;
text-align:right;
}




/*--Misc.--*/
.clear {clear:both;}

div.divider{
border-top: 1px dotted #ccc;
}

.buyOnline{
font-size:75%;
font-weight:bold;
text-align:right;
}