@charset "UTF-8";
/* Drew Construction CSS Document, Design by Mance Creative */

/* ---------------- General Rules ---------------- */

body {
	background:#32312F;
	margin: 0;
	padding: 0;
}


h1 {
	color: #9DA013;
	font:  1.7em Helvetica, Arial, sans-serif;
	
}
h2 {
	color: #669900;
	font:  1.0em/1.1em Helvetica, Arial, sans-serif;
}

h3 {
	color: #9DA013;
	font:  1.0em/1.1em Helvetica, Arial, sans-serif;
}
h4 { color: #9DA013;
	font: 1.1em/1.3em bold Verdana, Helvetica, sans-serif;
	}

h5 { color: #9DA013;
font: 1.0em/1.2em bold Verdana, Helvetica, sans-serif;
font-weight: bold;
}

/* ---------------- MAIN Structure ID's ---------------- */


#aboveNav {
	width: 1100px;
	height: 78px;
	margin: 0;
	padding: 0;
	background: url("images/drewConstruction_AboveNav.jpg") no-repeat;

}

#nav {
	width: 746px;
	height: 46px;
	background: #25201B;
	position: absolute;
	right: 61px;
	top: 78px;
	left: 295px;
	}
#underNav {
	width: 746px;
	height: 11px;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat;
	position: absolute;
	right: 61px;
	top:114px;
}	
	
#aboveBody {
	width: 746px;
	height: 11px;
	margin: 0;
	padding: 0;
	position: absolute;
	background: url("images/drewConstruction_aboveBody.jpg") no-repeat;
	top: 487px;
	left: 293px;
}	


	

#contactContent {
	width: 167px;
	height: 432px;
	margin: 0;
	padding: 24px 24px;
	position: absolute;
	left: 82px;
	background: url("images/drewConstruction_ContactContent.jpg") no-repeat;
	font: 0.9em/1.1em helvetica, arial, sans-serif;
	}
	#contactContent a {
		color:#000000;
		text-decoration: none;
	}
		#contactContent a:hover {
		color:#666666;
		text-decoration: underline;
	}

#contactContentIndex {
	width: 167px;
	height: 432px;
	margin: 0;
	padding: 24px 24px;
	position: absolute;
	left: 82px;
	background: url("images/drewConstruction_ContactContent.jpg")no-repeat;
	font: 0.9em/1.1em helvetica, arial, sans-serif;
	}
	#contactContentIndex a {
		color:#000000;
		text-decoration: none;
	}
		#contactContentIndex a:hover {
		color:#666666;
		text-decoration: underline;
	}	
	#whiteSpacer {
		width: 211px;
		height: 80px;
		background-color:#FFFFFF;
		position: absolute;
		top: 886px;
		left: 82px;
		}
	
#vidBox {
	width: 211px;
	height: 106px;
	margin: 0;
	padding:0;
	position: absolute;
	background: url("images/drewConstruction_videoContentBox.jpg") no-repeat;
	top: 780px;
	left: 82px;
}
	#vidBox01{
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 22px;
	top: 37px;
	}
	#vidBox02{
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 82px;
	top: 37px;
	}
	#vidBox03{
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 142px;
	top: 37px;
	}

#underBody {
	width: 957px;
	height: 19px;
	margin: 0;
	padding: 0;
	position:absolute;
	background: url("images/drewConstruction_underBody.jpg") no-repeat;
	top: 966px;
	left: 82px;
}

#logo {
	width: 293px;
	height: 235px;
	padding: 0;
	margin: 0;
	}
	





/* ---------------- Index Structure ---------------- */

#mainIndex {
	width: 1100px;
	height: 1000px;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}

#flashContent {
	width: 746px;
	height: 376px;
	margin: 0;
	padding: 0;
	position: absolute;
	background-color:#333333;
	top: 114px;
	left: 293px;

}

#content {
	width: 353px;
	height: 436px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 498px;
	left: 293px;
	background-color: #191816;
	font: 0.9em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
	}
#portContent {
	width: 252px;
	height: 435px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	background-color: #5D592C;
	top: 498px;
	right: 61px;
	}
	#portContent1 {
	width: 218px;
	height: 89px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70px;
	right: 61px;
	left: 37px;
	}
	#portContent2 {
	width: 218px;
	height: 89px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 164px;
	right: 61px;
	left: 37px;
	}
	#portContent3 {
	width: 218px;
	height: 89px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 258px;
	right: 61px;
	left: 37px;
	}
#leftSlice {
	width: 82px;
	height: 617px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 313px;
	left: 0;
	background: url("images/drewConstruction_LeftSlice.jpg");
	background-image: url(images/drewConstruction_LeftSlice.jpg);
	}
	#leftSliceSmall {
	width: 82px;
	height: 136px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 830px;
	left: 0px;
	background: url("images/drewConstruction_LeftSliceSmall.jpg");
	
	}
	
#underLeftSlice {
	width: 82px;
	height: 131px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 966px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSlice.jpg") no-repeat;

}
#rightSlice {
	width: 61px;
	height: 849px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 78px;
	right: 0;
	background: url("images/drewConstruction_RightSlice.jpg");
	
}
#rightSliceSmall {
	width: 61px;
	height: 195px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 771px;
	right: 0;
	background: url("images/drewConstruction_RightSliceSmall.jpg");
	
}


 #underRightSlice {
 	width: 61px;
	height: 131px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 966px;
	background: url("images/drewConstruction_UnderRightSlice.jpg") no-repeat;
	
	}





/* ---------------- About Structure ---------------- */
#mainAbout {
	width: 1100px;
	height: 2250px;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}
#aboutContent {
	width: 416px;
	height: 1952px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
	#rightAboutContentImage1 {
		width: 147px;
		height: auto;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 75px;
		left: 40px;
		
	}
	#rightAboutContentImage2 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 440px;
		left: 40px;
		
	}
	#rightAboutContentImage3 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 823px;
		left: 40px;
		
	}
	#rightAboutContentImage4 {
	width: 147px;
	height: 212px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom:400px;
	left: 40px;
	top: 1636px;
		
	}
	#rightAboutContentImage5 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 1238px;
		left: 40px;
		
	}
	




#underRightAbout {
 	width: 61px;
	height: 1253px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}
#aboveFooter {
	width: 746px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat #666666;
	position: absolute;
	left: 293px;
	top: 2115px;

}	
#underLeftAbout {
	width: 293px;
	height: 1253px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 886px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSliceAbout.jpg");

}





/* ---------------- Services ---------------- */
#mainServices {
	width: 1100px;
	height: 1250px;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}

#servicesContent {
	width: 416px;
	height: 1000px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
#servicesRightContent{
	width:259px;
	height: 1040px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 125px;
	left: 779px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
#UnderRightservices {
 	width: 61px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}	
#servicesUnderLeftSlice {
	width: 293px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 886px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSliceAbout.jpg");	
	}
	
	#rightContentServicesImage1 {
		width: 147px;
		height: auto;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 75px;
		left: 40px;
		
	}
	#rightContentServicesImage2 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 400px;
		left: 40px;
		
	}
	#rightContentServicesImage3 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 745px;
		left: 40px;
		
	}

	
#servicesAboveFooter {
	width: 746px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat #666666;
	position: absolute;
	left: 293px;
	top: 1143px;

}	


	
/* ---------------- Portfolio ---------------- */
#mainPortfolio {
	width: 1100px;
	height: auto;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}


#portfolioRightContent{
	width:259px;
	height: 1040px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 125px;
	left: 779px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
#UnderRightPortfolio {
 	width: 61px;
	height: 966px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}	
#portfolioUnderLeftSlice {
	width: 293px;
	height: 966px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 886px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSliceAbout.jpg");	
	}
#portfolioAboveFooter {
	width: 746px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat #666666;
	position: absolute;
	left: 293px;
	top: 1825px;

}	

#portfolioContent {
	width: 676px;
	height: 1699px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
	#portfolioContent a {
		color: #999933;
		text-decoration: none;
	}
		#portfolioContent a:hover {
			color:#999999;
			text-decoration: underline;
		}
	#portfolioImage1 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 150px;
	background: url("images/DrewConstruction_Portfolio_CowenRes.jpg") no-repeat;
	
	}
		#portfolioImage1 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage1 a:hover{
				background: url("images/DrewConstruction_Portfolio_CowenRes_over.jpg") no-repeat;
				}
				
	#portfolioImage2 {
	width: 160px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 295px;
	top: 150px;
	background: url("images/DrewConstruction_Portfolio_GoodmanRes.jpg") no-repeat;
	}
		#portfolioImage2 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage2 a:hover{
				background: url("images/DrewConstruction_Portfolio_GoodmanRes_over.jpg") no-repeat;
				}
				
	#portfolioImage3 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 554px;
	top: 150px;
	background: url("images/DrewConstruction_Portfolio_Murray.jpg") no-repeat;
	}
	#portfolioImage3 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage3 a:hover{
				background: url("images/DrewConstruction_Portfolio_Murray_over.jpg") no-repeat;
				}
	
	#portfolioImage4 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 440px;
	background: url("images/DrewConstruction_Portfolio_TanLine.jpg") no-repeat;
	}
	#portfolioImage4 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage4 a:hover{
				background: url("images/DrewConstruction_Portfolio_TanLine_over.jpg") no-repeat;
				}
	
	#portfolioImage5 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 295px;
	top: 440px;
	background: url("images/DrewConstruction_Portfolio_CanyonRim.jpg") no-repeat;
	}
	#portfolioImage5 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage5 a:hover{
				background: url("images/DrewConstruction_Portfolio_CanyonRim_over.jpg") no-repeat;
				}
	
	#portfolioImage6 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 554px;
	top: 440px;
	background: url("images/DrewConstruction_Portfolio_DiamondTer.jpg") no-repeat;
	}
	#portfolioImage6 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage6 a:hover{
				background: url("images/DrewConstruction_Portfolio_DiamondTer_over.jpg") no-repeat;
				}
	
	#portfolioImage7 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 730px;
	background: url("images/DrewConstruction_Portfolio_DreamHouse.jpg") no-repeat;
	}
	#portfolioImage7 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage7 a:hover{
				background: url("images/DrewConstruction_Portfolio_DreamHouse_over.jpg") no-repeat;
				}
	
	#portfolioImage8 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 295px;
	top: 730px;
	background: url("images/DrewConstruction_Portfolio_MasterCraft.jpg") no-repeat;
	}
	#portfolioImage8 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage8 a:hover{
				background: url("images/DrewConstruction_Portfolio_MasterCraft_over.jpg") no-repeat;
				}
	
	#portfolioImage9 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 554px;
	top: 730px;
	background: url("images/DrewConstruction_Portfolio_OslerRow.jpg") no-repeat;
	}
	#portfolioImage9 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage9 a:hover{
				background: url("images/DrewConstruction_Portfolio_OslerRow_over.jpg") no-repeat;
				}	
				
#portfolioImage10 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1020px;
	background: url("images/DrewConstruction_Portfolio_Airstream.jpg") no-repeat;
	}
	#portfolioImage10 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage10 a:hover{
				background: url("images/DrewConstruction_Portfolio_Airstream_over.jpg") no-repeat;
				}	
				
#portfolioImage11 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1020px;
	left: 295px;
	background: url("images/DrewConstruction_Portfolio_NorthRim.jpg") no-repeat;
	}				
				
				
	#portfolioImage11 a{
			width: 152px;
			height: 205px;
			display: block;
			
		}
			.hide {
				display: none;
			}	
				#portfolioImage11 a:hover{
				background: url("images/DrewConstruction_Portfolio_NorthRim_over.jpg") no-repeat;
				}	
					
				
#portfolioImage12 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1020px;
	left: 554px;
	background: url("images/DrewConstruction_Portfolio_HarneySushi.jpg") no-repeat;
	}				
				
				
	#portfolioImage12 a{
			width: 152px;
			height: 205px;
			display: block;
			
		}
			.hide {
				display: none;
			}	
				#portfolioImage12 a:hover{
				background: url("images/DrewConstruction_Portfolio_HarneySushi_over.jpg") no-repeat;
				}								
								
#portfolioImage13 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1320px;
	background: url("images/DrewConstruction_Portfolio_Galasso.jpg") no-repeat;
	}
	#portfolioImage13 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage13 a:hover{
				background: url("images/DrewConstruction_Portfolio_Galasso_over.jpg") no-repeat;
				}	

#portfolioImage14 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 295px;
	top: 1320px;
	background: url("images/DrewConstruction_Portfolio_EcoCon.jpg") no-repeat;
	}
	#portfolioImage14 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage14 a:hover{
				background: url("images/DrewConstruction_Portfolio_EcoCon_over.jpg") no-repeat;
				}		
				
#portfolioImage15 {
	width: 152px;
	height: 205px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 554px;
	top: 1320px;
	background: url("images/DrewConstruction_Portfolio_EcoCon.jpg") no-repeat;
	}
	#portfolioImage15 a{
			width: 152px;
			height: 205px;
			display: block;
		}
			.hide {
				display: none;
			}	
				#portfolioImage15 a:hover{
				background: url("images/DrewConstruction_Portfolio_EcoCon_over.jpg") no-repeat;
				}												
										
				
				
/* ---------------- Portfolio Gallery Pages ---------------- */
#mainGallery {
	width: 1100px;
	height: auto;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}


#GalleryRightContent{
	width:259px;
	height: 1040px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 125px;
	left: 779px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
#UnderRightGallery {
 	width: 61px;
	height: 371px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}	
#GalleryUnderLeftSlice {
	width: 293px;
	height: 371px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 886px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSliceAbout.jpg");	
	}
#GalleryAboveFooter {
	width: 746px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat #666666;
	position: absolute;
	left: 293px;
	top: 1232px;

}	

#GalleryContent {
	width: 676px;
	height: 1088px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
	#GalleryContent a {
		color: #999933;
		text-decoration: none;
	}
		#GalleryContent a:hover {
			color:#999999;
			text-decoration: underline;
		}		

	
/* ---------------- Press/Video Structure ---------------- */
#mainPress {
	width: 1100px;
	height: 1250px;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}

#PressContent {
	width: 416px;
	height: 1000px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}

#PressRightVideo {
 	width: 61px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}	
#PressUnderLeftSlice {
	width: 293px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 886px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSliceAbout.jpg");	
	}
#UnderRightPress {
 	width: 61px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}		
#PressAboveFooter {
	width: 746px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat #666666;
	position: absolute;
	left: 293px;
	top: 1143px;

}	

#PressContent {
	width: 676px;
	height: 1000px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
	#PressContent a {
		color: #999933;
		text-decoration: none;
	}
		#PressContent a:hover {
			color:#999999;
			text-decoration: underline;
		}
	#pressImage1 {
	width: 152px;
	height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 150px;
	background: url("images/DrewConstruction_video-ScreenShot_ep1801.jpg") no-repeat;
	}
		
		#pressImage1 a{
			width: 152px;
			height: 108px;
			display: block;
		}
			.hide {
				display: none;
			}
				#pressImage1 a:hover {
					background: url("images/DrewConstruction_video-ScreenShot_ep1801_over.jpg") no-repeat;
				}
	
			
	#pressImage2 {
	width: 152px;
	height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 205px;
	top: 150px;
	background: url("images/DrewConstruction_video-ScreenShot_ep1802.jpg") no-repeat;
	}
		
		#pressImage2 a{
			width: 152px;
			height: 108px;
			display: block;
		}
			.hide {
				display: none;
			}
				#pressImage2 a:hover {
					background: url("images/DrewConstruction_video-ScreenShot_ep1802_over.jpg") no-repeat;
				}
	#pressImage3 {
	width: 152px;
	height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 375px;
	top: 150px;
	background: url("images/DrewConstruction_video-ScreenShot_ep1803.jpg") no-repeat;
	}
		#pressImage3 a{
			width: 152px;
			height: 108px;
			display: block;
		}
			.hide {
				display: none;
			}
				#pressImage3 a:hover {
					background: url("images/DrewConstruction_video-ScreenShot_ep1803_over.jpg") no-repeat;
				}
	
	#pressImage4 {
	width: 152px;
	height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 150px;
	left: 545px;
	background: url("images/DrewConstruction_video-ScreenShot_ep1804.jpg") no-repeat;
	}
		#pressImage4 a{
			width: 152px;
			height: 108px;
			display: block;
		}
			.hide {
				display: none;
			}
				#pressImage4 a:hover {
					background: url("images/DrewConstruction_video-ScreenShot_ep1804_over.jpg") no-repeat;
				}
	#pressImage5 {
	width: 152px;
	height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 335px;
	background: url("images/DrewConstruction_video-ScreenShot_ep1805.jpg") no-repeat;
	}
		#pressImage5 a{
			width: 152px;
			height: 108px;
			display: block;
		}
			.hide {
				display: none;
			}
				#pressImage5 a:hover {
					background: url("images/DrewConstruction_video-ScreenShot_ep1805_over.jpg") no-repeat;
				}
	#pressImage6 {
	width: 152px;
	height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 205px;
	top: 335px;
	background: url("images/DrewConstruction_video-ScreenShot_ep1806.jpg") no-repeat;
	}
		#pressImage6 a{
			width: 152px;
			height: 108px;
			display: block;
		}
			.hide {
				display: none;
			}
				#pressImage6 a:hover {
					background: url("images/DrewConstruction_video-ScreenShot_ep1806_over.jpg") no-repeat;
				}
	#pressImage7 {
	width: 152px;
	height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 375px;
	top: 335px;
	background: url("images/DrewConstruction_video-ScreenShot_ep1807.jpg") no-repeat;
	}
		#pressImage7 a{
			width: 152px;
			height: 108px;
			display: block;
		}
			.hide {
				display: none;
			}
				#pressImage7 a:hover {
					background: url("images/DrewConstruction_video-ScreenShot_ep1807_over.jpg") no-repeat;
				}
	#pressImage8 {
	width: 152px;
	height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 545px;
	top: 335px;
	background: url("images/DrewConstruction_video-ScreenShot_ep1808.jpg") no-repeat;
	}
		#pressImage8 a{
			width: 152px;
			height: 108px;;
			display: block;
		}
			.hide {
				display: none;
			}
				#pressImage8 a:hover {
					background: url("images/DrewConstruction_video-ScreenShot_ep1808_over.jpg") no-repeat;
				}								
	
	/* ---------------- Dream House Videos Structure ---------------- */
#mainVideo {
	width: 1100px;
	height: 1600px;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}

#VideoContent {
	width: 416px;
	height: 1000px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}

#VideoRightVideo {
 	width: 61px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}	
#VideoUnderLeftSlice {
	width: 293px;
	height: 903px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 886px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSliceAbout.jpg");	
	}
#UnderRightVideo {
 	width: 61px;
	height: 903px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}		
#VideoAboveFooter {
	width: 746px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat #666666;
	position: absolute;
	left: 293px;
	top: 1764px;

}	

#VideoContent {
	width: 676px;
	height: 1603px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
	#VideoContent a {
		color: #999933;
		text-decoration: none;
	}
		#VideoContent a:hover {
			color:#999999;
			text-decoration: underline;
		}
	
	
	
	
/* ---------------- Testimonials Structure ---------------- */

#mainTestimonials {
	width: 1100px;
	height: 5630px;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}

#testimonialsContent {
	width: 416px;
	height: 5489px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 294px;
	background-color: #191816;
	font: 0.8em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}
#testimonialsRightContent{
	width:259px;
	height: 5503px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 125px;
	left: 779px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}

#UnderRightTestimonials {
 	width: 61px;
	height: 4660px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}	
#testimonialsUnderLeftSlice {
	width: 293px;
	height: 4660px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 886px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSliceAbout.jpg");

}

#rightContent{
	width:259px;
	height: 1990px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 125px;
	left: 779px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}

	#rightContentImage1 {
		width: 147px;
		height: auto;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 75px;
		left: 40px;
		
	}
	#rightContentImage2 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 440px;
		left: 40px;
		
	}
	#rightContentImage3 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 1000px;
		left: 40px;
		
	}
	#rightContentImage4 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		bottom:400px;
		left: 40px;
		
	}
	#rightContentImage5 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 1425px;
		left: 40px;
		
	}
	#rightContentImage6 {
		width: 147px;
		height: 212px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 75px;
		left: 40px;
		
	}
	
#linkBox {
	width: 162px;
	height: 664px;
	margin: 0;
	padding: 28px 25px;
	font: 0.9em Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	position: absolute;
	left: 82px;
	top: 15px;
	background: url("images/drewConstruction_linkBox.jpg") no-repeat;
}	
	#linkBox a {
		color: #FFFFFF;
		text-decoration: none;
	}
		#linkBox a:hover {
		color: #999999;
		text-decoration: underline;
	}
	
#testimonialsAboveFooter {
	width: 746px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat #666666;
	position: absolute;
	left: 293px;
	top: 5521px;

}	
#pHaehn {
	width: 600px;
	height: auto;
	
}
	#pHaehnImage {
		width: 200px;		
		float: right;
	}

#kPayne{
	width: 600px;
	height: auto;
	
}
	#kPayneImage {
		width: 200px;	
		height: 260px;	
		float: right;
	}

#dCowan{
	width: 600px;
	height: auto;
	
}
	#dCowanImage {
		width: 200px;	
		height: 500px;	
		float: right;
	}

#erica{
	width: 600px;
	height: auto;
	
}
	#ericaImage {
		width: 200px;	
		height: 400px;	
		float: right;
	}
	
#sGalasso{
	width: 600px;
	height: auto;
	
}
	#sGallasoImage{
		width: 200px;	
		height: 200px;	
		float: right;
	}

#jMurray{
	width: 600px;
	height: auto;
	
}
	#jMurrayImage{
		width: 200px;	
		height: 200px;	
		float: right;
	}

#goodmanLees{
	width: 600px;
	height: auto;
	
}
	#goodmanLeesImage{
		width: 200px;	
		height: 200px;	
		float: right;
	}	

#mAnderson{
	width: 600px;
	height: auto;
	
}
	#mAndersonImage{
		width: 200px;	
		height: 230px;	
		float: right;
	}		
	
				
#geneLaura{
	width: 600px;
	height: 300px;
	
}
	#geneLauraImage{
		width: 230px;	
		height: 200px;	
		float: right;
	}			
		


#pamHaehnScreen {
	width: 211px;
	height: 139px;
	float:left;
	background: url("images/DrewConstruction_video-ScreenShot_Testimonial-PamelaHaehn.jpg") no-repeat;
}
	#pamHaehnScreen a {
		width: 211px;
		height: 139px;
		display: block;
	}

		#pamHaehnScreen a:hover {			
			background: url("images/DrewConstruction_video-ScreenShot_Testimonial-PamelaHaehn_over.jpg") no-repeat;
			}


/* ---------------- Contact Structure ---------------- */
#mainContact {
	width: 1100px;
	height: 1250px;
	margin: auto;
	background-color: #292826;
	position: relative;
	margin-top: 15px;
}


#UnderRightcontact {
 	width: 61px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 886px;
	background: url("images/drewConstruction_UnderRightSliceAbout.jpg");
	
	}	
#contactUnderLeftSlice {
	width: 293px;
	height: 282px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 886px;
	left: 0;
	background: url("images/drewConstruction_UnderLeftSliceAbout.jpg");	
	}
#ContactAboveFooter {
	width: 746px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url("images/DrewConstruction_divider_Grey.jpg") no-repeat #666666;
	position: absolute;
	left: 293px;
	top: 1143px;

}	

#contactContentBody {
	width: 676px;
	height: 1000px;
	margin: 0;
	padding: 19px 35px;
	position: absolute;
	top: 125px;
	left: 293px;
	background-color: #191816;
	font: 0.8em/1.0em helvetica, arial, sans-serif;
	color: white;
	line-height: 1.2em;
}


	

/* ---------------- Main Navigation ---------------- */

#nav ul
{
padding-left: 0;
margin-left: 0;
background-color: #25201B;
color: #cccccc;
float: left;
width: 100%;
font-family: helvetica, arial, sans-serif;
}

	#nav ul li { display: inline; }

		#nav ul li a
					{
			padding: 0.1em 1.0em;
			background-color: #25201B;
			color: #cccccc;
			text-decoration: none;
			text-align: center;
			float: left;
			

		}

				#nav ul li a:hover {
						color: #999933;
						}

						#nav ul li a:active {
						color: #999933;
						}
							






/* ---------------- Footers ---------------- */
#footerIndex {
	width: 957px;
	height: 111px;
	margin: 0;
	padding: 5px;
	position: absolute;
	background-color: #32312F;
	top: 985px;
	left: 82px;
	color: #FFF;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	#footerIndex a {
	color: #ffffff;
	text-decoration: none;
}
		#footerIndex a:hover {
			color:#666666;
			text-decoration: underline;
			
		}
		
#footerAbout {
	width: 957px;
	height: 111px;
	margin: 0;
	padding: 0px 85px;
	position: absolute;
	background-color: #32312F;
	top: 2139px;
	left: 0px;
	color: #FFF;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	#footerAbout a {
	color: #ffffff;
	text-decoration: none;
}
		#footerAbout a:hover {
			color:#666666;
			text-decoration: underline;
			
		}	
#footerServices {
	width: 957px;
	height: 111px;
	margin: 0;
	padding: 0px 85px;
	position: absolute;
	background-color: #32312F;
	top: 1165px;
	left: 0px;
	color: #FFF;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	#footerServices a {
	color: #ffffff;
	text-decoration: none;
}
		#footerServices a:hover {
			color:#666666;
			text-decoration: underline;
			
		}	
		
#footerPortfolio {
	width: 957px;
	height: 111px;
	margin: 0;
	padding: 0px 85px;
	position: absolute;
	background-color: #32312F;
	top: 1850px;
	left: 2px;
	color: #FFF;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	#footerPortfolio a {
	color: #ffffff;
	text-decoration: none;
}
		#footerPortfolio a:hover {
			color:#666666;
			text-decoration: underline;
			
		}		
		
#footerGallery {
	width: 957px;
	height: 111px;
	margin: 0;
	padding: 0px 85px;
	position: absolute;
	background-color: #32312F;
	top: 1257px;
	left: 2px;
	color: #FFF;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	#footerGallery a {
	color: #ffffff;
	text-decoration: none;
}
		#footerGallery a:hover {
			color:#666666;
			text-decoration: underline;
			
		}			
		
#footerPress {
		width: 957px;
	height: 111px;
	margin: 0;
	padding: 0px 85px;
	position: absolute;
	background-color: #32312F;
	top: 1165px;
	left: 0px;
	color: #FFF;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	#footerPress a {
	color: #ffffff;
	text-decoration: none;
}
		#footerPress a:hover {
			color:#666666;
			text-decoration: underline;
			
		}	
#footerVideo {
		width: 957px;
	height: 111px;
	margin: 0;
	padding: 0px 85px;
	position: absolute;
	background-color: #32312F;
	top: 1789px;
	left: 0px;
	color: #FFF;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	#footerVideo a {
	color: #ffffff;
	text-decoration: none;
}
		#footerVideo a:hover {
			color:#666666;
			text-decoration: underline;
			
		}	

#footerTestimonials {
	width: 957px;
	height: 111px;
	margin: 0;
	padding: 0px 85px;
	position: absolute;
	background-color: #32312F;
	top: 5546px;
	left: -5px;
	color: #FFF;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	#footerTestimonials a {
	color: #ffffff;
	text-decoration: none;
}
		#footerTestimonials a:hover {
			color:#666666;
			text-decoration: underline;
			
				}		

	
	
/* ---------------- Classes ---------------- */

.contactHeader {
	color: #666600;
	font: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	
		}
.galleryFooter{
	color: #BCAA7A;
	font: Verdana, Arial, Helvtica, sans-serif;
	font-size: 1.1em/1.0em;
	font-weight: bold;
	text-decoration: none;
	}
	.galleryFooter a {
		color: #BCAA7A;
		text-decoration: none;
	}
		.galleryFooter a:hover {
		text-decoration: underline;
		color:#666666;
		}
	
.navOver {
	color: #999933;
}
.testimonialLink {
	color: #999933;
}
	.testimonialLink a{
		color: #9DA013;
		text-decoration: none;
		}
		.testimonialLink a:hover {
			color: #9DA013;
			
			}