/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */

html{
	height: 100%;
}

body 
{
font-size: .75em;
height: 100%;
margin: 0px;
text-align: center;
background: #849CA7 url(img/bg.gif) top left repeat-x;
color: #125E3D;
font-family: Arial, Helvetica, sans-serif;
}

#top-wood{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 100%;
	background: url(img/top-wood.png) top center;
	behavior: url("iepngfix.htc");
}

#wrap{
	position: relative;	
	width: 1024px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -43px auto;
	background: url(img/pbg.gif) top left;
}

	#left-shim{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 11px;
		height: 788px;
		background: url(img/left-shim.gif) top left;
	}
	
	#right-shim{
		position: absolute;
		top: 0px;
		right: 0;
		width: 13px;
		height: 788px;
		background: url(img/right-shim.gif) top right;
	}
	
	.shim{
		position: relative;
		height: 43px;
	}

	#head{
		position: relative;		
		height: 100px;
		width: 962px;
		margin: auto;
		padding-top: 47px;
		background: url(img/head.gif) bottom left no-repeat;
	}
	
	#head2{
		position: relative;		
		height: 100px;
		width: 962px;
		margin: auto;
		padding-top: 47px;
		background: url(img/inside-head.gif) bottom center no-repeat;
	}
	
		#menu{
			position: relative;
			float: left;
			height: 34px;
			padding: 24px 0 0 270px;	
		}
		
			#menu li{
				position: relative;
				float: left;
				height: 34px;
				border-right: 1px solid #fff;
			}
			
			#menu li:last-child{
				border: 0;	
			}
			
			#menu li a{
				position: relative;
				float: left;
				padding: 9px 12px 0 12px;
				height: 25px;
				font-size: 1.1em;
				text-transform: uppercase;
				font-weight: bold;
				font-family: Georgia;
				color: #B39656;
			}
			
			#menu li a:hover, #menu li a.active{
				position: relative;
				color: #fff;
				text-decoration: none;
			}
	
	
	#sub-menu-wrap{
		position: relative;
		width: 834px;
		padding: 9px 45px 0 45px;
		margin: auto;
		height: 35px;
		padding-bottom: 4px;
		background: url(img/page-top.gif) bottom center no-repeat;
	}
	
		#sub-menu-wrap ul{
			position: relative;
			float: left;
			height: 35px;
			width: 613px;
			background: url(img/sub-nav-bg.gif) top left;
		}
		
		#sub-menu-wrap li{
			position: relative;
			float: left;
			height: 35px;
			padding-left: 22px;	
		}
		
		#sub-menu-wrap li a{
			position: relative;
			float: left;
			margin: 9px 0 0 0;
			padding: 2px 6px 2px 6px;
			color: #898888;
		}
		
		#sub-menu-wrap a.active, #sub-menu-wrap a:hover{
			color: #836624;
			text-decoration: none;
		}
	
	#sub-menu-wrapHide{
		position: relative;
		width: 834px;
		padding: 9px 45px 0 45px;
		margin: auto;
		height: 11px;
		padding-bottom: 4px;
		background: url(img/page-top.gif) bottom center no-repeat;
	}
	
		#sub-menu-wrapHide ul{
			position: relative;
			float: left;
			height: 11px;
			width: 613px;
			background: url(img/sub-nav-bg.gif) top left;
		}
		
		#sub-menu-wrapHide li{
			position: relative;
			float: left;
			height: 11px;
			padding-left: 22px;	
		}
	
	
	#page-content{
		position: relative;
		width: 920px;
		padding: 18px 2px 18px 2px;
		margin: auto;
		text-align: left;
		background: url(img/cbg.gif) top left;
	}
	
		.entry{
			position: relative;
			float: left;
			width: 468px;
			padding-left: 35px;
			color: #333333;
		}
		
			.entry h2{
				position: relative;
				color: #836624;
				font-weight: bold;
				font-size: 1.4em;
				padding-bottom: 11px;	
			}
			
			.entry p{
				position: relative;
				line-height: 1.7em;
				padding-top: 6px;
			}
			
			.sm{
			font-size: 11px;
			}
			#emailsignup{
			margin-bottom: 3px;
			}
			.input_group{
			margin-top: 7px;
			}
			#email{
			margin-bottom: 7px;
			}
			.btext {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 1em;
			}
			
			.entry strong{
			font-size: 1.1em;
			font-weight: bold;
			}
			
			strong.strong2{
			font-size: 1.0em;
			font-weight: bold;
			font-family:Arial, Helvetica, sans-serif;
			}
			
			.entry i{
			font-size: 1.0em;
			font-weight: bold;
			}
			
			.entry h5 {
			background:transparent url() no-repeat scroll left top;
			text-indent:-5000px;
			}
			
			.builder{
			float: left;
			margin: 5px 5px 5px 5px;
			width: 140px;
			}
			.loR{
			float: left;
			margin: 5px 5px 5px 5px;
			width: 50px;
			}
		#fp_nav{
		height: 20px;
		width: 350px;
		padding: 7px 20px 5px 20px;
		background-color: #CCCCCC;
		text-align: right;
		margin-bottom: 20px;
		}
			
		.fp{
			background: transparent url(img/fp_bg.gif) no-repeat top left;
			height: 651px;
			padding: 5px 30px;
		}
		.fp hr{
		margin-bottom: 10px;
		border-bottom: solid 1px;
		}
		.fp_title{
		height: 30px;
		margin-bottom: 50px;
		}
		.fp_p{
		text-align: left;
		margin-bottom: 50px;
		}
		.fp_f{
		margin: 0px 9px 36px 9px;
		display: block;
		}
		.fp strong{
		padding-left: 10px;
		margin-bottom: 10px;
		display: block;
		}
		.fp p{
		padding: 0px 10px;
		}
		
		.cmp{
		background: transparent url(img/cmp_bg.gif) repeat-y top left;
		padding: 5px 35px 5px 30px;
		}
		
		.cmp_top{
		background:transparent url(img/cmp_top.gif) no-repeat scroll left top;
		height:6px;
		margin-top: 30px;
		position:relative;
		}
		
		.cmp_bottom{
		background:transparent url(img/cmp_bottom.gif) no-repeat scroll left top;
		height:6px;
		margin:auto;
		position:relative;
		}
		
		.sidebar{
			position: relative;
			float: right;
			width: 340px;
			padding-right: 3px;
		}
		
			.sidebar-feature{
				position: relative;
				display: block;
				border: 2px solid #e9e7df;
				margin-bottom: 3px;
			}
			
			p.newsletter{
				position: relative;
				line-height: 1.5em;
				padding: 18px 18px 25px 18px;
				background: #e9e7df;
				font-size: 1.2em;
				text-align: right;
			}
			
			p.newsletter a{
				color: #836624;
				text-decoration: underline;
			}
			
			.testimonial{
				position: relative;
				color: #898888;
				padding: 12px 25px 12px 25px;	
			}
			
			.costManagement{
				background-image: url(img/costManagement.gif);
				width: 318px;
				height: 34px;
				position: relative;
				color: #898888;	
			}
			
			.sampleReportThumb{
			background-color: #FFFFFF;
				width: 318px;
				height: 100px;
				position: relative;
				color: #898888;	
			}
			
			.sampleReport{
				position: relative;
				color: #898888;
				padding: 10px 11px 12px 11px;
				border-top: 1px solid #999999;
				border-bottom: 1px solid #999999;  
			}
			
			.sRa {
				background:transparent url(img/sampleReport.gif) no-repeat scroll left top;
				display:block;
				height:57px;
				position:relative;
				width:318px;
				background-image: url(img/sampleReport.gif);
			}
			#ql{
			width: 382px;
			background-color: #FFFFFF;
			padding-top: 20px;
			}
			#ql_labels{
			font-size: 14px;
			}
			#ql_top #ql_labels li, #ql_pricing #ql_labels li{
			float: left;
			}
			#ql_top{
				width: 174px;
				height: 52px;
				padding-left: 168px;
				border-bottom: #666666 solid 1px;
				margin: 0px 20px 0px 20px;
			}
			#ql_pricing{
				width: 382px;
				height: 12px;
				font: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				padding-top: 10px;
			}
			#ql_notes{
				width: 342px;
				padding: 20px;
			}
			.entry p.notes{
			font: #666666 Arial, Helvetica, sans-serif;
			font-size: 9px;
			border-top:#666666 solid 1px;
			}
			.fcp{
			width:168px;
			padding-left: 20px;
			text-align: center;
			font-size: 10px;
			}
			.tw{
			width: 66px;
			text-align: center;
			}
			.lw{
			width: 56px;
			text-align: center;
			}
			.ya{
			width: 52px;
			text-align: center;
			}
			#lumberPricing{
			background-color: #FFFFFF;
			padding: 20px;
			font: Arial, Helvetica, sans-serif;
			font-size: 10px;
			}
			.sRa:hover {
				background-position:left bottom;
			}
			
				.testimonial p{
					position: relative;
					line-height: 1.6em;
				}
				
				.the-testimonial{
					position: relative;
					padding: 0px 10px 0px 18px;
					font-family: "Times New Roman", Times, serif;
					font-size: 1.3em;
					font-style: italic;
				}
				
.cite{
font-weight:bold;
padding: 0px 10px 0px 18px;
}

#headerBuildingSolidReputations {
background-image: url(img/buildingSolidRep.gif);
margin-top: 2.8em;
}
#headerDetailedProjectAnalysis{
background-image: url(img/detailedProjectAnalysis.gif);
margin-top: 2.8em;
}
#headerEffectiveCostControl{
background-image: url(img/effectiveCostControl.gif);
margin-top: 2.8em;
}
#headerWhoWeWorkWIth{
background-image: url(img/whoWeWorkWith.gif);
margin-top: 2.8em;
}
#headerLettersOfRecommendation{
background-image: url(img/lettersOfRecommendation.gif);
margin-top: 2.8em;
}
#headerFeaturedSpecialProgram{
background-image: url(img/featuredSpecialProgram.gif);
margin-top: 2.8em;
}
#headerProspectiveClients{
background-image: url(img/prospectiveclients.gif);
margin-top: 2.8em;
margin-bottom: 20px;
}	
#headerSurpriseFarms{
background-image: url(img/surprisefarms.gif);
margin-top: .8em;
margin-bottom: 40px;
}
	
	#feature-wrap{
		position: relative;
		margin: auto;
		width: 944px;
		height: 236px;
		border: 9px solid #2A2A2A;
	}
	
		#feature-wrap img{
			behavior: url("iepngfix.htc");
		}
	
		#featured{
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
		#feature-info-bg{
			position: absolute;
			top: 75px;
			left: 0px;
			height: 118px;
			width: 568px;
			background: url(img/feature-info.png) top left;
			behavior: url("iepngfix.htc");
		}
		
		#feature-info{
			position: absolute;
			top: 75px;
			left: 0px;
			padding: 25px 25px 0 25px;
			color: #fff;
			height: 93px;
			width: 500px;
			text-align: left;
		}
		
		#feature-info p{
			position: relative;
			line-height: 1.5em;
			padding-bottom: 1em;
			font-size: 1.5em;
		}
		
		#feature-info a{
			font-size: .85em;
			color: #88A5BC;
			text-decoration: underline;
		}
		
		#worker{
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
	
	
	#front-tri{
		position: relative;
		margin: auto;
		width: 920px;
		color: #fff;
		text-align: left;
		padding: 18px 21px 0 21px;
		background: url(img/fp-breaker.gif) top left no-repeat;
	}
	
		#front-tri-content{
			background: #181D21 url(img/landing-bottom.gif) bottom center no-repeat;
			padding-top: 12px;
			padding-bottom: 44px;
		}
	
		.tri-box{
			position: relative;
			float: left;
			width: 233px;
			padding: 0 37px 0 36px;
		}
		
		#front-tri h2{
			position: relative;
			font-size: 1.4em;
			padding-bottom: 8px;
			font-weight: bold;
		}
		
		#front-tri p{
			position: relative;
			line-height: 1.5em;
			padding-bottom: 4px;
		}
		
		#front-tri a{
			position: relative;
			float: left;
			padding: 6px 0 6px 41px;
			color: #b39656;
			font-size: 1.0em;
			text-transform: uppercase;
			text-decoration: underline;
			background: url(img/read-more-tag.gif) left center no-repeat;
		}

	
	#front-content{
		position: relative;
		width: 920px;
		padding: 18px 2px 18px 2px;
		margin: auto;
		text-align: left;
		background: url(img/cbg.gif) top left;
	}
	
		.special{
			position: relative;
			float: left;
			padding: 0 35px 0 35px;
			width: 235px;
		}
		
			.special h3{
				position: relative;
				font-size: 1.1em;
				color: #3C3835;
				height: 24px;
			}
		
		.featured-projects{
			position: relative;
			float: left;
			padding-left: 40px;
			width: 560px;
		}
		
			.featured-projects h3{
				position: relative;
				font-size: 1.4em;
				color: #3C3835;
				font-weight: bold;
				height: 24px;
			}
			
			.featured-project{
				position: relative;
				float: left;
				width: 280px;
				height: 73px;
			}
			
			.featured-project img{
				position: relative;
				float: left;
			}
			
			.featured-project a{
				position: relative;
				float: left;
				margin-top: 25px;
				margin-left: 10px;
				color: #816D24;
				text-decoration: underline;
				font-size: 1.2em;
			}
		
		
	
	#front-content-bottom{
		position: relative;
		height: 8px;
		width: 924px;
		margin: auto;
		background: url(img/p-bottom.gif) top left;
	}
	
	#bottom-bits{
		background-color: #171d22;
		position: relative;
		padding: 10px 20px 0 20px;
		height: 22px;	
		width: 880px;
		margin: auto;
		font-size: .9em;
		color: #FFFFFF;	
	}
	
		#bottom-bits a{
			color: #FFFFFF;
		}
	
		#bottom-bits p{
			position: relative;
			float: right;
			text-transform: uppercase;
		}
		
		#bottom-bits span{
			position: relative;
			float: left;
		}
	
	

#footer{
	position: relative;
	height: 43px;
	background: url(img/foot-wood.png) top center;
	behavior: url("iepngfix.htc");
}

	#associations{
		position: relative;
		padding: 5px 0 0 560px;
		height: 80px;	
		width: 360px;
		margin: auto;
		font-size: .9em;
		color: #171d22;	
	}
	
	#s{
		position: relative;
		height: 27px;	
		width: 366px;
		margin: auto;
		font-size: .9em;
		color: #171d22;	
	}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.pics { height: 260px; width: 390px; padding:0; margin:0; overflow: hidden }
.pics img { height: 260px; width: 390px; top:0; left:0 }
.pics img {
}
