@charset "UTF-8";
/* CSS Document */


body {
	background: url(images/background.jpg) repeat-x;
	background-color: #080607;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 16px;
	padding: 0px;
	margin: 0 auto;
	color: #B6A596;
	
	}

.main {
	background: url(images/bg_main_green.jpg) no-repeat left top;
	width: 850px;
	padding: 14px 15px 10px 11px;
	color: #B6A596;
	line-height: 19px;
	}
	
h3 {
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	color: #83ddaf;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin: 20px 0px 15px 0px;
	line-height: 18px;
	}
	
a, a:visited, a:active {
	color: #83ddaf;
	}
	
a.big{
	color: #83ddaf;
	font-size:18px;
	font-weight:bold;
	}
	
a.big:visited{
	color: #83ddaf;
	font-size:18px;
	font-weight:bold;
	}
	
a.big:hover{
	color: #83ddaf;
	font-size:18px;
	font-weight:bold;
	}
	
a.big:active {
	color: #83ddaf;
	font-size:18px;
	}
	
	
.navigation {
background:transparent url(images/nav_bg.gif) no-repeat 0 0;
	width: 876px;
	height: 36px;
	margin:0px;
	padding:0px;
	}
	
	.floatRight{
	float:right;
	}
.picRight {
	float: left;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	margin-left:50px;
	}
	
.picRight img {
	border: 1px solid #371702;
	}
	
ul#main_nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
ul#main_nav li {
			display:block;
			float:left;
			}
ul#main_nav li a {
	display:block;
	outline:none;
	width:94px; height:36px;
	background:transparent url(images/nav_bg.gif) no-repeat 0 0;
	text-indent:-9009px;
	margin:0 0px 0 0;
}
	
	
ul#main_nav li a:hover {background-position:0 -36px}
			
/* begin individual buttons */	
ul#main_nav li#home a {
	width:94px;
	background-position:0px 0;
}
ul#main_nav li#home a:hover {
	background-position:0px -36px;
	cursor: hand;
}
/* end home button */			
ul#main_nav li#about a {
	width:84px;
	background-position:-94px 0;
}
ul#main_nav li#about a:hover {
	background-position:-94px -36px;
	cursor: hand;
}
/* end about button */	
ul#main_nav li#commercial a {
	width:118px;
	background-position:-178px 0;
}
ul#main_nav li#commercial a:hover {
	background-position:-178px -36px;
	cursor: hand;
}
					
/* end commercial button */	

ul#main_nav li#remodel a { 
	width:185px;
	background-position:-296px 0;
}
ul#main_nav li#remodel a:hover {
	background-position:-296px -36px;
	cursor: hand;
}
					
/* end remodel button */					
ul#main_nav li#new a {
	width:169px;
	background-position:-481px 0;
}
ul#main_nav li#new a:hover {
	background-position:-481px -36px;
	cursor: hand;
}
					
/* end new construction button */						
						
				
					
ul#main_nav li#ourwork a {
	width:108px;
	background-position:-650px 0;
}
ul#main_nav li#ourwork a:hover {
	background-position:-650px -36px;
	cursor: hand;
}
					
/* end our work button */				
ul#main_nav li#contact a {
	width:118px;
	background-position:-758px 0;
}
ul#main_nav li#contact a:hover {
	background-position:-758px -36px;
	cursor: hand;
}
	
/* end contact button */
	
.footer {
	width: 871px;
	height: 21px;
	margin: 0 auto;
	margin-top: 7px;
	padding: 8px 23px 7px 23px;
	position: relative;
	text-align: center;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	}
	
.footer a {
	display: inline-block;
	border-right: 1px solid #333333;
	padding: 2px 23px 2px 23px;
	color: #666666;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	}
	
.footer a:hover {
	color: #999999;
	}
	
.copyright {
	margin-top: 10px;
	font-size: 9px;
	color: #333333;
	line-height: 12px;
	text-transform: uppercase;
	}

.mainContent {
	color: #B6A596;
	line-height: 19px;
	}	
	
.main {
	background: url(images/bg_main.jpg) no-repeat left top;
	width: 850px;
	padding: 14px 15px 10px 11px;
	color: #B6A596;
	line-height: 19px;
	}
	
	#aboutDiv1{
	width:400px;
	padding:20px;
	float:left;
	left:300px;
	margin-left:10%;
	}
	
	#aboutDiv2{
	width:410px;
	padding:20px;
	float:left;
	}
	
	#aboutDivWide {
	width:720px;
	padding:20px;
	float:left;
	left:300px;
	margin-left:10%;
	
	}

.titleFont{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#FFFFFF;
text-align: left;
/*margin-left:20px;
/*font-weight:bold;*/
line-height: 23px;

}

.titleFont2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#FFFFFF;
text-align: right;
padding-left: 50px;
/*margin-left:20px;
/*font-weight:bold;*/

}

.testimonial {
	font-style: italic;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 15px;
	border-left: 3px #696 solid;
	width: 290px;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#testimonialLeft {
	float: left;
	width: 70px;
	font-style: italic;
	font-size: 16px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	line-height: 20px;
}

ul#roof a{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
}

ul#roof a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}


