/**********************************************

	Reset (meyerweb.com)
	
**********************************************/
html{color:#000000; width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
a{outline:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,i,strong,b,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}



/**********************************************

	ANDREW ROBY NOTES
	
	Red: #ee3b33;
	
**********************************************/



/**********************************************

	HTML ROOT ELEMENTS
	
**********************************************/
body {
	font: 12px/22px Helvetica, Arial, sans-serif;
	color: #666;
	}

	body.b1 {
		background: url("/assets/images/headers/1.gif") no-repeat center top;
		}

	body.b2 {
		background: url("/assets/images/headers/2.gif") no-repeat center top;
		}

	body.b3 {
		background: url("/assets/images/headers/3.gif") no-repeat center top;
		}

	body.b4 {
		background: url("/assets/images/headers/4.gif") no-repeat center top;
		}

	body.b5 {
		background: url("/assets/images/headers/5.gif") no-repeat center top;
		}

h1, h2, h3, h4, h5, h6 {
	position: relative;
	font-family: "Times New Roman",Georgia,serif;
	color: #333;
	z-index: 1;
	}

	h1 {
		position: absolute;
		top: 80px;
		left: 27px;
		width: 161px;
		height: 127px; 
		}

	h2 {
		margin-left: 234px;
		margin-bottom: 40px;
		padding: 6px 0 8px 68px;
		background: url("/assets/images/h2_red_triangle_down.gif") no-repeat left top;
		font-size: 36px;
		font-style: italic;
		text-transform: lowercase;
		}

		h2#making_it_home {
			font-size: 46px;
			}

	h3 {
		font: 14px/22px Helvetica,Arial,sans-serif;
		font-weight: bold;
		}

		h3.alt {
			font: 24px/32px "Times New Roman",Georgia,serif;
			font-style: italic;
			padding-left: 13px;
			background: url("/assets/images/bullet_red_triangle_medium.gif") no-repeat left center;
			}

		h3 a, h3 a:visited {
			color: #333;
			}

			h3 a:hover {
				color: #000;
				}
				
		h3 span {
			padding-left: 10px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 10px;
			font-weight: normal;
			font-style: normal;
			color: #666;
			}
			
			h3 span a, h3 span a:visited {
				color: #ee3b33;
				}
			h3 span a:hover {
				color: #000;
				}

	h4 {
		font: 20px/32px "Times New Roman",Georgia,serif;
		font-style: italic;
		}
		h4 span {
			padding-left: 10px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 10px;
			font-weight: normal;
			font-style: normal;
			color: #666;
			}

p {
	margin-bottom: 30px;
	}

	.enhance {
		font-size: 14px;
		line-height: 24px;
		}

a, a:visited, a:hover, a:active, a:focus {
	color: #ee3b33;
	text-decoration: none;
	}

	a:hover, a:active, a:focus {
		color: #000;
		}

	a i {
		display: none;
		}
	a.download {
		padding: 0 4px 0 18px;
		background: url("/assets/images/icon_download.gif") no-repeat 6px 0px;
		}
		a.download:hover {
			background-position: 6px -20px;
			}

ul {
	margin-bottom: 30px;
	}

li {
	background: url("/assets/images/bullet_red_triangle.gif") no-repeat 0 5px;
	padding-left: 14px;
	}
	
	ul.alt li {
		background: none;
		padding-left: 0;
		}

	li span {
		font-size: 90%;
		padding: 0 5px;
		}
		
form {
	position: relative;
	}

input, textarea, select {
	padding: 4px;
	font-size: 10px;
	color: #999;
	border: 1px solid #999;
	font-family: Helvetica,Arial,sans-serif;
	}
	
	input.err, textarea.err, select.err {
		border-color: #ee3b33;
		color: #ee3b33;
		}
		
label {
	display: block;
	float: left;
	width: 125px;
	}

.button {
	float: right;
	display: block;
	height: 12px;
	background: url("") no-repeat left top;
	}

	.button b {
		display: none;
		}

	.button:hover {
		background-position: left bottom;
		}

	.button.submit {
		background-image: url("/assets/images/button_submit_2_state.gif");
		width: 50px;
		}

strong {
	font-weight: bold;
	}



/**********************************************

	Grid Elements
	
**********************************************/
.body_wrap {
	position: relative;
	width: 1020px;
	margin: 0 auto;
	padding-top: 160px;
	}

	.body_wrap_2 {
		position: relative;
		margin: 0 auto;
		padding-top: 20px;
		width: 980px;	
		}

.content {
	position: relative;
	margin-left: 261px;
	margin-right: 70px;
	text-align: justify;
	z-index: 1;
	}

#nav {
	position: absolute;
	top: 232px;
	left: 0px;
	width: 240px;
	}
	#text_nav {
		margin-left: 30px;
		}

.newsletter {
	position: absolute;
	top: 0;
	right: 88px;
	}
	
	.newsletter .newsletter_label {
		position: absolute;
		right: 78px;
		top: 2px;
		}
		
	.newsletter .newsletter_signup {
		position: relative;
		z-index: 1;
		float: right;
		display: block;
		width: 58px;
		height: 36px;
		background: url("/assets/images/newsletter_button_2_state.gif") no-repeat left top;
		}
		.newsletter .newsletter_signup:hover {
			background-position: left bottom;
			}

	.newsletter form {
		position: absolute;
		width: 715px;
		height: 39px;
		right: -3px;
		background: url("/assets/images/newsletter_form_background.gif") no-repeat left top;
		}

	.newsletter form input {
		position: absolute;
		top: 9px;
		width: 180px;
		height: 11px;
		background-color: transparent;
		border: 0;
		outline: none;
		}

		.newsletter form #newsletter_name {
			right: 362px;
			}

		.newsletter form #newsletter_email {
			right: 166px;
			}
			
	.newsletter .button {
		position: absolute;
		top: 12px;
		right: 105px;
		}

.details {
	margin-bottom: 30px;
	}

	.details h3 {
		font: 21px/30px "Times New Roman",Georgia,serif;
		font-style: italic;
		color: #333;
		}

	.details ul {
		margin: 10px 0;
		}

	
.row {
	padding: 0 0 10px;
	clear: left;
	padding-left: 100px;
	position: relative;
	}
	
	#contact_us {
		margin-bottom: 30px;
		}

	#contact_us .row {
		padding-left: 70px;
		}

	#services .row {
		width: 689px;
		overflow: hidden;
		padding: 0;
		}
		#services .row .service_description {
			width: 469px;
			float: right;
			padding-top: 40px;
			}
		#services .row .service_image {
			width: 220px;
			float: left;
			}
	
	.row b {
		position: absolute;
		left: 0;
		top: 0;
		font: 14px/22px "Times New Roman",Georgia,serif;
		color: #333;
		}

		.row b.label {
			top: 4px;
			}
		
	
#management_detail, #portfolio_detail {
	height: 430px;
	}


#management_team {
	text-align: left;
	}

	#management_team .member {
		width: 142px;
		height: 200px;
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
		background: none;
		}

	#management_team .member h3 {
		font: 18px/20px "Times New Roman",Georgia,serif;
		font-style: italic;
		padding-bottom: 4px;
		position: static;
		width: 122px;
		}

	#management_team .member p {
		padding: 0;
		font: 10px/14px Helvetica,Arial,sans-serif;
		color: #999;
		width: 122px;
		}
	
#news_listing {
	height: 150px;
	min-height: 150px;
	height: auto !important;
	}

#employee_listing h3.alt, #news_listing h3.alt {
	margin-bottom: 10px;
	}
#news_listing span#news_date {
	display: block;
	margin-bottom: 20px;
	}
#employee_listing p, #news_listing p {
	margin-bottom: 20px;
	}
#news_listing img {
	margin-bottom: 15px;
	}
	
	
#awards_listing h3 {
	background: none;
	font-size: 23px;
	font-family: "Times New Roman",Georgia,serif;
	font-style: italic;
	font-weight: normal;
	line-height: 34px;
	}
	#awards_listing h3 a {
		color: #333;
		}
	#awards_listing h3 a span {
		color: #ee3b33;
		}
#awards_listing .award {
	margin-bottom: 15px;
	}
	#awards_listing .award h4 {
		position: static;
	}
#awards_listing p {
	margin-bottom: 0;
	padding-left: 14px;
	font-size: 14px;
	background: transparent url(/assets/images/bullet_red_triangle.gif) no-repeat scroll 0 4px;
	}
	#awards_listing p a {
		color: #666;
		}

	
#organizations .row {
	padding-left: 120px;
	}
	
	#organizations .row {
		min-height: 120px;
		height: 120px;
		height: auto;
		}
	
	#organizations .row b {
		border: 1px solid #ccc;
		width: 99px;
		height: 99px;
		display: block;
		}

#project_listing {
	margin-top: 8px;
	}
	
	#project_listing li a, #project_listing li a:visited {
		color: #000;
		}

	#project_listing li a:hover {
		color: #ee3b33;
		}
	
#application_form {
	width: 669px;
	overflow: hidden;
	padding: 20px 10px 20px 0;
	}
	#application_form .row {
		padding-left: 0;
		width: 435px;
		}
	#application_form input {
		width: 300px;
		}
	#application_form .form_message {
		width: 435px;
		}
	#application_form div#hear_about {
		width: 210px;
		text-align: left;
		float: right;
		}
		#application_form div#hear_about h4 {
			font: 10px/14px Helvetica,Arial,sans-serif; 
			font-weight: bold;
			font-style: normal;
			}
		#application_form div#hear_about em {
			font-size: 9px;
			font-style: italic;
			display: block;
			}	
		#application_form div#hear_about label {
			display: block;
			padding-bottom: 8px;
			padding-left: 24px;
			text-indent: -24px;
			font-size: 10px;
			line-height: 14px;
			width: 180px;
			}
		#application_form div#hear_about label input {
			vertical-align: top;
			margin-top: 1px;
			margin-right: 3px;
			width: auto;
			border: 0;
			}

.form_message {
	width: 460px;
	height: 20px;
	display: none;
	font-weight: bold;
	text-align: right;
	}
	#newsletter_form .form_message {
		width: 450px;
		position: relative;
		left: 164px;
		top: 0;
		padding-top: 8px;
		background-color: #efefef;
		text-align: center;
		}
		#newsletter_form .form_message img {
			position: relative;
			top: 3px;
			left: 0;
			}

.col_3 {
	width: 700px;
	overflow: hidden;
	}

	.col_3 li {
		width: 205px;
		float: left;
		margin-right: 20px;
		}

	.col_3 li.last {
		margin-right: 0;
		}

.gallery li {
	width: 220px;
	}
	.gallery li i {
		display: block;
		width: 220px;
		height: 165px;
		overflow: hidden;
		margin-bottom: 8px;
		}
	
#contact_us_form {
	float: right;
	width: 460px;
	margin-left: 20px;
	position: relative;
	z-index: 2;
	}

	#contact_us_form .row {
		margin: 0 0 12px;
		padding: 0;
		}

	#contact_us_form input {
		width: 212px;
		font-size: 12px;
		margin-right: 12px;
		}

		#contact_us_form input.last {
			margin-right: 0px;
			}
		#contact_us_form input#city { width: 90px; }
		#contact_us_form input#state { width: 30px; }
		#contact_us_form input#zip { width: 40px; }

	#contact_us_form textarea {
		width: 450px;
		font-size: 12px;
		}
		
	#contact_us_form select {
		width: 430px;
		font-size: 12px;
		}



/**********************************************

	Additional classes
	
**********************************************/
.leadin {
	font-size: 16px;
	}

.feature_image {
	position: absolute;
	top: 158px;
	right: 0;
	z-index: 0;
	}

.h_list {
	overflow: hidden;
	}

	.h_list li {
		float: left;
		}

.hidden {
	display: none;
	}

.clear {
	clear: both;
	}
	
.read_more {
	font: 10px Helvetica,Arial,sans-serif;
	}
	
.more_text {
	display: none;
	}
	
#no_results {
	height: 200px;
	}

.system_msg {
	margin: 20px 0;
	padding: 10px;
	background-color: #EEE;
	text-align: center;
	font: 10px Helvetica,Arial,sans-serif;
	font-weight: bold;
	}

.wrapper {
	float: right;
	clear: right;
	height: 12px;
	font-size: 0;
	line-height: 0;
		}

	div.wrapper.last {
		height: 9px;
			}


/**********************************************

	Electric Services
	
**********************************************/
#electric {
	padding: 0;
	margin: 0;
	}
	#electric #contact_us {
		margin-bottom: 24px;
		}
	#electric p {
		margin-bottom: 12px;
		}
	#electric p.view_services {
		margin-bottom: 20px;
		}
	#electric div.repp {
		padding: 3px 0 20px 0;
		float: left;
		}
	#electric div.services {
		padding: 0 0 5px 0;
		}
		#electric div.repp ul, #electric div.services ul {
			margin-bottom: 10px;
			}
			#electric div.repp ul li, #electric div.services ul li {
				color: #000;
				}
		#electric div.repp h3, #electric div.services h3 {
			font: normal 24px/32px "Times New Roman",Georgia,serif;
			font-style: italic;
			padding: 5px 0 8px 0;
			}


/**********************************************

	Footer
	
**********************************************/
.footer {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 135px 70px 30px 0;
	background: url("/assets/images/footer_triangles.gif") no-repeat 77px 35px;
	clear: both;
	overflow: hidden;
	font-size: 10px;
	color: #CCC;
	line-height: 10px;
	text-transform: lowercase;
	}

	.footer a, .footer a:visited {
		color: #CCC;
		}

	.footer a:hover, .footer a:active, .footer a:focus {
		color: #666;	
		}
	
	.footer .member_of {
		position: absolute;
		left: 81px;
		bottom: 92px;
		}
	.footer .members {
		position: absolute;
		left: 15px;
		bottom: 50px;
		width: 155px;
		height: 41px;
		}
		.footer .members a {
			display: block;
			height: 41px;
			float: left;
			margin-left: 15px;
			vertical-align: bottom;
			background: url("") no-repeat left top;
			}
		.footer .members a:hover {
			background-position: left bottom;
			}
			.footer a.bbb {
				width: 25px;
				background-image: url("/assets/images/logo_bbb.gif");
				}
			.footer a.nahb {
				width: 31px;
				background-image: url("/assets/images/logo_nahb.gif");
				}
			.footer a.nari {
				width: 37px;
				height: 39px;
				background-position: left -2px;
				position: relative;
				top: 2px;
				background-image: url("/assets/images/logo_nari.gif");
				}
		
		
	.footer .copyright {
		position: absolute;
		bottom: 30px;
		left: 30px;
		}

	.footer .designed_by {
		width: 181px;
		float: right;
		}

	.footer .menu {
		width: 400px;
		margin-left: 251px;
		}

		.footer .menu ul {
			margin: 0;
			}

		.footer .menu li {
			display: block;
			float: left;
			padding: 0 5px;
			background: none;
			}

			.footer .menu li.first {
				padding-left: 0;
				}

			.footer .menu li.last {
				padding-right: 0;
				border-right: 0;
				}

#you_need_flash {
	width: 500px;
	padding: 20px;
	font-size: 20px;
	line-height: 28px;
	border: 1px solid #CCC;
	background-color: #EEE;
	margin: 0 auto;
	text-align: center;
}

div.centered {
	text-align: center;
	}
h4.sponsors {
	padding-top: 20px;
	font-size: 15px;
	}