html { font-size: 100%;	}
	
body {	font-size: 1em;	background: #e4e2d6;  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;  color: #595959}	
	
h1 { font-size:2.25em;  }
	
	.brand {
		background: url('cssimages/logo.jpg') no-repeat;
		width: 305px;
		height: 58px;
		text-indent: -999em;
		float: left;
		}
		
		.brand a {
			display: block;
			width: 305px;
			height: 58px;
			}
		
		
h2 { font-size:1.5em; }

	.headline { 
		background: url('cssimages/headline-bg.jpg') center repeat-x; 
		display: block;
		padding: .5em;
		width: 77%;
		color: rgba(14, 18, 5, 0.8); 
		text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
		font-size: 1.8em;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		float: left;
		position: relative;
		top: -5px;
		margin-bottom: 30px;
		}

	.headline span {
		background: url('cssimages/h2-arrow.png') center right no-repeat;
		display: block;
		width: 748px;
		}

h3 { font-size:1.5em; }

	.service h3, fieldset legend {
			text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
			display: block;
			text-align: center;
		}
	
	.featured-project-title {
		font-size: 1.2em;
		line-height: 1.3em;
		margin-top: .5em;
		margin-bottom: .25em;
		}
		
h4 { font-size:0.875em; }




p  { font-size: 0.8em; line-height: 1.3em; margin-bottom: 1em; }

	p.what-we-do {
		float: right;
		margin-right: 70px;
		width: 270px;
	}

	.tel { color: #eaeded; padding-top: 5px;}

	.half-left {
		float: left;
		display: block;
		text-align: left;
		width: 40%;
		padding-top: 10px;
		}

	.half-right {
		float: right;
		display: block;
		text-align: right;
		width: 40%;
		padding-top: 10px;
		}

.serif { font-family: Georgia, "Times New Roman", serif;}
.sans { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
.italic, em { font-style: italic; }
.bold, strong { font-weight: bold; }

a {
color: #888888;
}


.nav ul {
	padding-top: 7px;
	float: left;
	}
	
.nav ul li {	
	display: block;
	float: left;
	margin: 0 25px;
	}
	
	.nav ul li a {
		color: #cbcbcb;
		text-decoration: none;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
		}
		
	.nav ul li a:hover {
		color: #fff;
		text-decoration: none;
		}

.login {
	float: right;
	color: #9b9b9b;
	font-style: italic;
	padding-top: 23px;
	}
	
	.login-link a {
	color:#404040;
	}
	
	.login-link a:hover {
	color:#ffffff
	}
	
	
	.login span {
		color: #fff;
		}

.tel {	
	float: right;
	margin-right: 4px;
	}
	
.green-btn, .black-btn {
	display: block;
	padding: .5em;
	float: right; 
	margin: 0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-transform: uppercase;
	text-decoration: none;
	}
	
	.green-btn {
		margin-top: -11px;
		margin-left: 5px;
		font-size: 1.2em;
		text-shadow: 1px 1px 2px rgba(255,255,255,0.8);		
		background: #accc4f;
		border: 3px solid #484848;
		font-style: normal;
		color: #404040;
		}

		.green-btn span {
			color: #404040;
			}
		
	.black-btn {
		font-size: 1em;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		color: #f7f7f7;
		border: 3px solid #ababab;
		background: #474747;
		}	
		
.headline_image {

position: relative;
display: block;
margin-top: -10px;
margin-bottom: -10px;
}

.headline_portfolio {
position: relative;
display: block;
top: -43px;
}

.wrapper {
	margin: 0 auto;
	display: block;
	width: 940px;
	padding: 0 10px;
	}

.float-left {
	float: left !important;
}

.float-right {
	float: right;
}

.third {
	width: 34%;
	float: left;
}



.two-thirds {
	width: 61%;
	margin-left: 1%;
	float: right;
	}

	.align-right {
		text-align: right;
		}

	.align-left {
		text-align: left;
		}
	
.header, .nav, .footer {	
	display: block;
	width: 100%;
	}
	
	.header {
		background: #2f2f2f;
		height: 4em;
		}
		
	.nav {
		display: block;
		border-top: 1px solid #696969;
		border-bottom: 1px solid #fff;
		background: #3e4141;
		height: 2em;
		margin-bottom: 50px;
		}
	
	.service {
		clear: right;
		display: block;
		float: left;
		width: 313px;
		background: url('cssimages/service-separator.jpg') no-repeat 311px 80px;
		}
	
	.service-head  {
		display: block;
		}
		
		.service-head li {
			display: block;
			float: left;
			width: 280px;
			height: 240px;
			padding: 15px;
			background: url('cssimages/services-bg.jpg') no-repeat;
			}
			
		.service-head dl dt {
			margin-bottom: 15px;
			}
			
		.service-head dl dd {
			font-size: .853em;
			line-height: 1.3em;
			margin-top: 25px;
			margin-left: 20px;
			margin-right: 20px;
			text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
			}

		.service-points {
			margin-top: 10px;
			padding-bottom: 60px;
			}
			
		.service-points li {
			display: block;
			margin-left: 20px;
			line-height: 1.3em;
			font-size: 1em;
			color: #595959;
			padding-left: 15px;
			text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
			background: url('cssimages/service-points-bg.jpg') no-repeat left;
			}
			
	.footer {
		display: block;
		width: 100%;
		padding-top: 50px;
		background: #ededed url('cssimages/footer-bg.jpg') repeat-x top;
		clear: both;
		border-bottom: 1px solid #444545;
		}
		
		.footer-extra-margin {
			margin-top: 60px !important;
		}
		
		.featured-project-img {
			float: right;
			border: 3px solid #94b847;
			display: block;
			margin-left: 10px;
			margin-bottom: 30px;
			}
			
		.sub-footer {
			margin-top: 20px;
			padding-top: 15px;
			color: #eaeded;
			border-top: 1px solid #878888;
			background: #3e4141;
			clear: both;
			display: block;
			width: 100%;
			height: 3em;
			}
			
			.sub-footer a {
				margin: 0;
				color: #eaeded;
				}
				
	form label {
		font-size: .853em;
		display: block;
		margin: 10px 7px;
		}
	
	form fieldset {
		margin-top: 20px;
		}
		
	form legend {
		border-bottom: 1px dashed #a6a59c;
		padding-bottom: 5px;
		width: 250px !important;
		display: block;
		text-align: left;
		margin-bottom: 0px;
		margin-top: 10px;
		font-size: 1.5em;
		}
		
	form .text, form textarea {
		color: #3e4141;
		width: 100%;
		display: block;
		background: #f1f1f1 url('cssimages/form-text-bg.jpg') repeat-x top;
		font-size: 1.1em;
		padding: 5px;
		font-family: "Ludida Grande", Helvetica, Arial;
		margin: 5px;
		margin-bottom: 10px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-box-shadow: 1px 1px 2px rgba(255,255,255,0.8);
		box-shadow: 1px 1px 2px #fff;		
		}
		
		form .text:focus {
			background: #fff;
			}
			
		form .checkbox {
			margin: 10px 30px;
		}
		
		form .checkbox span {
			margin-left: 10px;
		}
		
		#submit-button {
		margin-bottom: 50px;
		}
		
	.margin-btm-20 {
		margin-bottom: 20px;
		display: block;
		}
		
	.request-quote {
		background: #111;
		display: block;
		margin-top: -20px;
		margin-bottom: 40px;
		height: 90px;
	}
	
	.request-quote {
		background: url('cssimages/rq-bg-bottom.jpg') no-repeat bottom left;
	}
	
	.request-quote h3 {
		padding-bottom: 20px;
		padding: 10px;
		padding-left: 20px;
		font-size: 1em;
		color: #fff;
		width: 300px;
		background: url('cssimages/rq-bg-top.jpg') no-repeat top left;
	}
	
		.request-quote p {
			color: #a4a4a4;
			margin-left: 30px;
			height: 50px;
			width: 210px;
			padding-top: 47px;
			font-size: .7em;
			margin-left: 90px;
		}
		
		.request-quote p .green-btn {
			padding-top: 10px; 
			position: relative;
			top: -10px;
			left: -30px;
			display: block;
			padding: .5em;
			float: right; 
			margin: 2px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			text-transform: uppercase;
			text-decoration: none;
		}
		
.portfolio {
		clear: both;
		display: block;
		padding-top: 30px;
}

	.portfolio-entry {
		display: block;
		height: 340px;
		margin: 10px 11px;
	}
	
	.portfolio-entry dt {
		float: left;
		display: block;
		width: 506px;
		margin-right: 30px;
	}
	
		.portfolio-entry dt img {
			border: 5px solid #fff;
			margin-bottom:50px;
		}
	
	.portfolio-entry dd {
		float: left;
		width: 350px;
		display: block;
		margin-top: 60px;
	}
	
		.portfolio-entry h3 {
			/*I NEED MORE STYLING!!! */
			font-size: 1.2em;
			display: block;
			margin: 10px 12px;
		}
		
		.portfolio-entry p {
			display: block;
			line-height: 1.3em;
			margin-left: 12px;
		}
		
	.clear {
		clear: both;
	}