/*
Theme Name: Stair Pak
Theme URI: http://www.stairpak.com/
Description: The Stair Pak theme is based on the Default Wordpress Theme
Version: 2.8.4
Author: David Kunstek
Author URI: http://www.pageonewd.com/
Tags: Stair-Pak, Contempo-Pak, Deck-Pak
*/

/* General style  */
body{
	padding:40px 0 50px 0;
	margin:0;
	font:15px/20px Georgia, "Times New Roman", Times, serif;
	color:#D5A978;
	background:#81491A;
}

div, ul, img, p, h1, h2, h3, h4, hr, form, input{
	margin:0;
	padding:0;
}

a{
	outline:none;
}

ul{
	list-style-type:none;
}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

#container{
	width:958px;
	margin:0 auto;
	background:url(images/container-bg.jpg) 0 0 no-repeat;
	height:100%;
	overflow:hidden;
	padding:5px 5px 0 5px; 
}


/* Header panel start */
#header{
	position:relative;
	height:340px;
	background:url(images/header-divider.gif) 50% 100% no-repeat
}

#header img.logo{
	position:absolute;
	top:30px;
	left:20px;
}

#header ul{
	float:right;
	width:auto;
	font-weight:bold;
	font-size:13px;
	line-height:15px;
	padding:18px 15px 0 0;
}

#header ul li{
	float:left;
	width:auto;
	padding:0 10px;
}

#header ul li.extPad{
	margin:0 0 0 110px; 
}

#header ul li a{
	color:#D5A978;
	background-color:inherit;
	text-decoration:none;
}

#header ul li a:hover{
	color:#FFE4C5;
	background-color:inherit;
}

#header div.headerText{
	position:absolute;
	top:170px;
	left:180px;
	width:565px;
}

.headerText h1{
	font-weight:normal;
	font-size:28px;
	line-height:30px;
	color:#FFF7EE;
	background-color:inherit;
	padding:0 0 10px 0;
	border-bottom:solid 1px #AD6C36;
	width:230px;
}

.headerText h1 span{
	display:block;
	font-size:21px;
	line-height:23px;
	color:#D7A475;
	background-color:inherit;
	padding:0 0 2px 0;
}

div.header_right{
	float:right;
	width:290px;
}

p.qualityText{
	font-size:20px;
	line-height:22px;
	color:#D5A978;
	background-color:inherit;
	padding:5px 0 0 0;
}

p.callUs{
	float:left;
	width:auto;
	font-size:19px;
	line-height:22px;
	color:#D5A978;
	background-color:inherit;
	background:url(images/call-us-icon.gif) 52% 80px no-repeat;
	padding:80px 0 0 30px;
	text-align:right;	
}
p.callUs span{
	display:block;
	font-size:22px;
	line-height:24px;
	color:#FFE8CF;
	background-color:inherit;
}

/* Body panel style */
#bodypan{
	width:895px;
	margin:20px auto 60px;
}

/* Left panel style */
div.search{
	background:url(images/searchbg.gif) no-repeat 0 0;
	padding:0 15px 0 16px;
	width:247px;
	height:28px;
	margin-bottom:26px;
}
div.search p.searchtxt{
	float:left;
	width:83px;
	font-size:16px;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5F3009;
	background-color:inherit;
}
div.search img{
	float:right;
	width:16px;
	height:14px;
	margin-top:7px;
	display:block;
}
#leftPan{
	float:left;
	width:157px;
	margin:0 72px 0 0;
}

#leftPan h2{
	font-weight:normal;
	font-size:20px;
	line-height:24px;
	color:#FFE4C5;
	background-color:inherit;
	padding:0 0 12px 0;
}

#leftPan ul li ul{
	font-size:13px;
	line-height:17px;
	padding:0 0 23px 0;
}
#leftPan ul li ul li{
	padding:0 0 12px 20px;
	background:url(images/icon.gif) 0 4px no-repeat;
	font-size:13px;
	line-height:15px;
}
#leftPan ul li ul li a{
	color:#D5A978;
	background-color:inherit;
	text-decoration:none;
}
#leftPan ul li a:hover{
	text-decoration:underline;
}
#searchform div{
	width:198px;
	background:url(images/search-bg.gif) 0 0 no-repeat;
	height:100%;
	overflow:hidden;
	margin:0 0 20px;
	}

#searchform div input#s{
	font:16px/18px Georgia, "Times New Roman", Times, serif;
	float:left;
	color:#5F3009;
	background:#AB7A4A;
	border:none;
	width:142px;
	margin:4px 0 0 10px;
	}
	
#searchform div input.searchBtn{
	float:right;
	}
	
/* Right panel style */
#rightPan{
	float:right;
	width:666px;
}

#rightPan h2, h3{
	font-weight:normal;
	font-size:20px;
	line-height:24px;
	color:#FFE4C5;
	background-color:inherit;
	padding:0 0 12px 0;
}

#rightPan p{
	text-align:justify;
	padding:0 0 16px 0;    
}

#rightPan hr{
	background:url(images/divider.gif) 0 0 repeat-x;
	height:2px;
	border:none;
	margin:10px 0 20px;
	}

#rightPan h2 a{
	color:#FFE4C5;
	background-color:inherit;
	text-decoration:none;
}

#rightPan h2 a:hover{
	color:#FFE4C5;
	background-color:inherit;
	text-decoration:underline;
}
.narrow{
	float:left;
    padding:0 30px 0 0;
    width:303px;
    }

p.details{
	background-color:#895426;
	padding:0 0 0 8px !important;
	color:#D5A978;
	line-height:22px;
	margin-bottom:17px;
	height:100%;
	overflow:hidden;
}

 div.navigation{
	background-color:#895426;
	padding:0 8px;
	color:#D5A978;
	line-height:22px;
	margin-bottom:17px;
	height:100%;
	overflow:hidden;
}

.alignleft{
	float:left;
	}

.alignright{
	float:right;
	}

p.details span{
	color:#FFE4C5;
	background-color:inherit;
}

#rightPan div.rightpic{
	float:left;
	width:538px;
	font-size:12px;
	line-height:18px;
	margin-bottom:11px;
}

#rightPan div.rightpic img{
	float:left;
	width:auto;
}

#rightPan div.rightpic p{
	width:399px;
	float:right;
	padding-bottom:18px;
}

#rightPan div.rightpic p.nopad{
	padding-bottom:0;
}

p.righttxt{
	padding:0 0 15px 0 !important;
	font-size:12px;
	line-height:18px;
	float:left;
	width:538px;
}

p.postmetadata{
	color:#3C1C02;
	background-color:inherit;
	font-size:13px;
	line-height:22px;
	padding:15px 0 0 !important;
}

p.postmetadata span, #rightPan a{
	color:#FFE4C5;
	background-color:inherit;
	text-decoration:none;
}

#rightPan a:hover{
	text-decoration:underline;
}

p.share{
	float:left;
	width:131px;
	padding:3px 0 0 !important;
}

span.deviderdotted{
	background:url(images/line-divider.gif) 0 26px repeat-x;
	height:59px;
	float:left;
	width:538px;
	display:block;
}

#commentform{
	padding:7px 0 0;
	border-top:1px solid #BC8C5C;
	}

#commentform input{
	width:250px;
	line-height:20px;
	margin:5px 10px 0 0;
	}

#commentform input#submit{
	width:150px;
	}

#commentform textarea{
	width:248px;
	height:100px;
	margin:5px 10px 0 0;
	font-family:Arial, Helvetica, Sans-serif;
	}

ol.commentlist{
	list-style-position:inside;
	}

ol.commentlist li{
	padding:0 0 20px;
	}

ol.commentlist li a, #commentform a{
	color:#FFE4C5;
	background-color:inherit;
	text-decoration:none;
	}
	
ol.commentlist li a:hover, #commentform a:hover{
	text-decoration:underline;
}



/* Footer panel start -*/
#footer{
	position:relative;
	width:958px;
	background:url(images/footer-bg-top.gif) 0 0 no-repeat #613211;
	color:#BC8C5C;
	padding:22px 0;
	text-align:center;
    margin:0 auto;
    clear:both;
}
#footer div.footerBottom{
	position:absolute;
	bottom:0;
	left:0;
	width:958px;
	height:5px;
	background:url(images/footer-bg-bottom.gif) 0 100% no-repeat;
}
#footer ul{
	font-size:13px;
	line-height:15px;
	width:533px;
	margin:0 auto;
}
#footer ul li{
	float:left;
	width:auto;
	background:url(images/footer-nav-divider.gif) 100% 2px no-repeat;
	padding:0 12px;
}
#footer ul li.nobg{
	background:none;
}
#footer a{
	color:#BC8C5C;
	background-color:inherit;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
	background-color:inherit;
}
#footer p{
	clear:both;
	padding:5px 0 0 0;
}