*{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
}

body{
	background: #000 url(/img/backgrounds/body-bg.jpg) repeat-x 0 0;
	color: #fff;
}

a{
	color: #36c42d;
	text-decoration: none;
}

ul a:hover{
	text-decoration: none;
}

address{
	font: italic 12px/15px Helvetica, Arial, sans-serif;
}

div#blurb{
	color: #efefef;
	font: normal 28px/28px Helvetica, Arial, sans-serif;
	margin: 10px 0 10px 18px;
}

	div#blurb span{
		display: block;
		margin: 5px 0 0 0;
		font: bold 12px/18px Helvetica, Arial, sans-serif;
	}

div#client_pics a{
	margin: 20px 0 0 20px;
	float: left;
	height: 255px;
	width: 225px;
	text-decoration: none;
}

	div#client_pics a span{
		display: block;
		width: 215px;
		height: 30px;
		position: relative;
		bottom: 0px;
		left: 0px;
		background: #000;
		color: #36C42D;
		font: bold 15px/30px Helvetica, Arial, sans-serif;
		padding: 0 0 0 10px;
		margin: -4px 0 0 0;
	}

div#message_in_a_bottle{
	clear: both;
	color: #d7d7d7;
	font-size: 12px;
	display: block;
	padding: 20px 0 0 0;
	margin: 30px 0 0 18px;
}

img#preload{
	position: absolute;
	visibility: hidden;
}

img#indicator{
	position: absolute;
	right: 500px;
	top: 350px;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: 0;
}

p{
	font-size: 12px;
}

fieldset{
	border: 0;
}

.clear{
	clear: both;
}

div#panel{
	width: 1035px;
	margin: 60px auto;
}

div#rollover a{
	display: block;
	height: 341px;
	width: 540px;
	margin: 20px 0 0 0;
	background: transparent url(/img/map.jpg) no-repeat 0 0;
}

	div#rollover a:hover{
		background: transparent url(/img/map.jpg) no-repeat 0px -341px;
	}

div#header{
	width: 100%;
	height: 189px;
	background: transparent url(/img/backgrounds/header-bg.png) no-repeat 0 0;
	position: relative;
	z-index: 99;
}

	div#alert{
		position: absolute;
		top: 30px;
		left: 250px;
		color: #bbb;
		font-size: 29px;
		width: 355px;
	}

	div#header img{
		margin-top: -50px;
	}

	div#header span{
		position: absolute;
		right: 35px;
		top: 30px;
		font-size: 18px;
		color: #fff;
	}
		div#header span span{
			top: 0;
			right: 0;
			position: relative;
			color: #767676;
			font-size: 12px;
		}

	div#login{
		position: absolute;
		top: 80px;
		right: 35px;
		width: 367px;
		height: 25px;
	}

		div#login input{
			border: 1px solid #36c42d;
			float: left;
			width: 120px;
			height: 16px;
			padding: 2px 0 0 5px;
			color: #36c42d;
			background-color: #1c1c1c;
			margin-right: 25px;
			font-size: 11px;
			line-height: 22px;
			font-family: Georgia, serif;
		}

		div#login a{
			float: left;
			background: transparent url(/img/backgrounds/login.png) no-repeat 0 0;
			height: 20px;
			width: 63px;
			text-align: center;
			display: block;
			font: normal 12px/16px Helvetica, Arial, sans-serif;
		}
			div#login a:hover{
				background: transparent url(/img/backgrounds/login.png) no-repeat 0 -22px;
			}


	div#nav{
		height: 40px;
		width: 1001px;
		margin: 0 auto;
		background: transparent url(/img/backgrounds/nav-bg.gif) repeat-x 0 -39px;
	}

	div#nav ul{
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
	}

		#nav ul li{
			height: 40px;
			padding-right: 2px;
			background: transparent url(/img/backgrounds/nav-seperator.gif) no-repeat scroll 100% 0;
			float: left;
			position: relative;
		}
		#nav ul li#logo{
			background: none;
			float: right;
			margin: 0 10px 0 0;
		}

			#nav ul li a{
				font: bold 14px/40px Helvetica, Arial, sans-serif;
				text-decoration: none;
				height: 39px;
				padding: 0 20px;
				display: block;
			}

			#nav ul li a:hover,
			#nav ul.home li.home a,
			#nav ul.services li.services a,
			#nav ul.projects_featured li.featured_projects a,
			#nav ul.projects li.projects a,
			#nav ul.newsroom li.newsroom a,
			#nav ul.about-us li.about-us a,
			#nav ul.faqs li.faq a,
			#nav ul.testimonials li.testimonials a,
			#nav ul.blog li.blog a,
			#nav ul.contact-us li.contact-us a{
				background: url(/img/backgrounds/nav-bg.gif) repeat-x 0 0;
			}

			#nav ul li#logo a{
				display: block;
				width: 135px;
				height: 20px;
				margin: 12px 0 0 0px;
				background: url(/img/backgrounds/build_group_link.png) no-repeat 0 0;
			}
			#nav ul li#logo a:hover{
				background: url(/img/backgrounds/build_group_link.png) no-repeat 0 -20px;
			}

			#nav ul li ul{
				position: absolute;
				width: 250px;
				background: #222;
				display: none;
				z-index: 100;
			}
				#nav ul li ul li{
					float: none;
					clear: both;
					background: none;
				}

					#nav ul li ul li a:hover{
						background: #666;
						text-decoration: none;
						height: 39px;
						padding: 0 15px;
						display: block;
					}


div#content{
	width: 100%;
	background: transparent url(/img/backgrounds/content-bg.png) repeat-y 0 0;
	padding: 0 0 30px 0;
	position: relative;
	z-index: 98;
}


	div#slides{
		margin: 0 auto 20px;
		width: 1000px;
		height: 263px;
		position: relative;
	}

		div#slides img{
			position: absolute;
		}

		img#brush{
			position: absolute;
			left: 17px;
			z-index: 50;
			top: 165px;
		}

div#news, div#locations, div#navigation{
	background: #000 url(/img/backgrounds/news-sidebar.gif) no-repeat top left;
	width: 189px;
	min-height: 508px;
	margin: 10px 0 0 25px;
	padding: 55px 0 0 20px;
	position: relative;
	float: left;
}

div#news{
	height: 488px;
	min-height: 488px;
	width: 179px;
	padding: 55px 10px 20px 20px;
	margin: 15px 0 0 25px;
}

div#news div#wrapper{
	height: 488px;
	width: 175px;
	overflow: hidden;
	border: none;
}

div#news ul{
	display: block;
	height: 458px;
	width: 50000px;
	position: absolute;
}

div#news ul li{
	height: 458px;
	margin: 0 5px 0 0;
	width: 170px;
	float: left;
	list-style-type: none;
	left: 0px;
}

div#locations{
	background: transparent url(/img/backgrounds/locations-bg.gif) repeat-y top left;
	margin: 25px 0 0 17px;
	padding: 55px 0 10px 20px;
}

	div#locations h3{
		width: 204px;
		margin: 0 auto;
		height: 65px;
		position: absolute;
		top: -15px;
		left: 8px;
	}

	div#locations h3{
		background: transparent url(/img/backgrounds/projects.gif) no-repeat 50% 50%;
	}

	a.slide{
		position: absolute;
		bottom: 25px;
		display: block;
		height: 21px;
		width: 21px;
	}

	a#nav-left{
		background: transparent url(/img/backgrounds/news-arrow-left.gif) no-repeat top left;
		left: 30px;
		display: none;
	}

	a#nav-right{
		background: transparent url(/img/backgrounds/news-arrow-right.gif) no-repeat top left;
		right: 30px;
	}


	div#news div{
		border-top: 1px solid #848484;
		width: 170px;
		height: 110px;
		position: relative;
		overflow: hidden;
	}

	div#news div img{
		position: absolute;
		left: 0px;
		top: 15px
	}

	div#news div p{
		font: 10px/12px Arial, sans-serif;
		width: 110px;
		margin: 13px 0 0 65px;
	}

	div#news div a.link{
		font: normal 11px/11px Arial, sans-serif;
		margin: 0 0 0 65px;
	}


	div#locations ul{
		list-style-type: none;
		list-style-position: outside;
		list-style-image: none;
		font-size: 14px;
		width: 186px;
	}

		div#locations ul li{
			background: #000 url(/img/backgrounds/arrow-right-mini.gif) no-repeat left 4px;
			padding: 2px 0 2px 15px;
		}
		div#locations ul li:hover{
			background: #555;
		}
		div#locations ul li.open{
			background: #000 url(/img/backgrounds/arrow-down-mini.gif) no-repeat left 4px;
		}

			div#locations ul li div{
				display: none;
				width: 186px;
				margin: 0 0 0 -18px;
			}

				div#locations ul li div span{
					display: block;
					height: 25px;
				}

					div#locations ul li div a{
						color: #fff;
						font: normal 11px/22px Helvetica, Arial, sans-serif;
						display: block;
						padding: 0 0 0 20px;
					}

					div#locations ul li div a:hover{
						background: #838383;
					}

					div#locations ul li div a.active{
						background: #bbb;
					}

div#projects #main-img{
	margin: 0 0 0 17px;
}

img.details-img{
	margin: 0 0 0 17px;
}


div#parks{
	background: #000 url(/img/backgrounds/parks-sidebar.gif) no-repeat top left;
	width: 200px;
	float: right;
	margin: 15px 28px 0 0;
	padding: 65px 0 5px 10px;
	height: 503px;
}
	div#parks div{
		width: 174px;
		height: 89px;
		margin: 0 0 8px 8px;
		position: relative
	}

		div#parks h3{
			background: #000 url(/img/backgrounds/parks_top.gif) no-repeat 0 0;
			width: 181px;
			height: 10px;
			display: absolute;
			top: -5px;
		}

		div#parks a{
			background: transparent url(/img/backgrounds/link-arrow.gif) no-repeat center right;
			position: absolute;
			height: 15px;
			padding: 0 18px 0 0;
			left: 50px;
			bottom: 3px;
			font: normal 12px/12px "Arial Black", Arial, sans-serif;
		}

		div#parks a:hover{
			text-decoration: underline;
		}

img#map{
	margin: 30px auto;
}

div#main{
	float: left;
	margin: 15px 0 0 15px;
	width: 537px;
}

	div#main h2{
		border-bottom: 1px solid #848484;
		padding: 0 0 8px 0;
		margin: 0 0 20px 0;
	}

	div#main p, div#about-us p{
		line-height: 20px;
	}


	div#main img{
		display: block;
	}

	div#project{
		width: 537px;
		margin: 0 auto;
	}

		div#project h3{
			margin: 0 0 10px 0;
		}

		div#project p{
			margin: 0 0 15px 0;
		}

		div#thumbs{
			/*background: transparent url(/img/backgrounds/thumbs-bg.gif) no-repeat 50% 50%;*/
			background: #000;
			height: 56px;
			position: relative;
			margin: 15px 0;
		}
			div#thumbnails{
				width: 450px;
				height: 45px;
				margin: 0 0 0 46px;
				overflow: hidden;
				padding: 5px 0 0 0;
				position: relative;
			}

				div#thumb_slider{
					position: absolute;
					left: 0px;
				}

				div#thumbnails img{
					margin: 0 5px 0 0;
					display: block;
					float: left;
					cursor: pointer;
				}

			a#lefty, a#righty{
				position: absolute;
				display: block;
				height: 18px;
				width: 20px;
				top: 18px;
			}

			a#lefty{
				background: transparent url(/img/backgrounds/arrow-left.gif) no-repeat 0 0;
				left: 10px;
				display: none;
			}
			a#righty{
				background: transparent url(/img/backgrounds/arrow-right.gif) no-repeat 0 0;
				right: 10px;
			}

		div#gallery{
			position: relative;
			height: 253px;
			width: 537px
		}

			div#gallery img{
				position: absolute;
			}

		div#info div{
			display: block;
			width: 537px;
			text-align: left;
			height: 20px;
			font-size: 12px;
		}
			div#info div strong{
				width: 210px;
				display: block;
				float: left
			}

			div#info table{
				font-size: 14px;
				border-collapse: collapse;
				width: 100%;
			}

			td{
				vertical-align: top;
				padding: 4px 10px 4px 0;
			}

			td.first{
				width: 170px;
				text-align: right;
				padding-right: 20px;
			}

	div#services{
		width: 1017px;
		margin: 0 0 0 17px;
		padding: 0 0 20px 0;
	}

	div.vanishing{
		overflow: hidden;
		width: 750px;
	}

	div.lefty{
		float: left;
		clear: left;
		margin: -1px 0 25px 20px;
	}

	div.righty{
		float: right;
		margin: -1px 0 25px 0;
	}

	div.servicita{
		width: 340px; 
		border-top: 1px solid #b2b2b2;
	}
		div.servicita h3{
			color: #fff;
			margin-top: 20px;
		}

	div#services ul{
		list-style-type: none;
		list-style-position: outside;
		list-style-image: none;
	}

		div#services ul li{
			background: transparent url(/img/service_checkmark.gif) no-repeat bottom left;
			padding: 0 0 0 20px;
			color: #ddd;
			font: normal 12px/25px Helvetica, sans-serif;
			height: 20px;
		}

div#footer{
	width: 100%;
	background: transparent url(/img/backgrounds/footer-bg.jpg) no-repeat top left;
	height: 40px;
	width: 1024px;
}

	div#footer p{
		font: normal 12px/12px Helvetica, Arial, sans-serif;
		text-align: left;
		padding-top: 55px;
		float: left;
		margin: 0 0 0 17px;
	}
		div#footer p a{
			color: #9e9e9e;
			text-decoration: none;
		}
		div#footer p a:hover{
			text-decoration: underline;
		}

	div#footer img{
		float: right;
		margin: 35px 5px 0 0;
	}


#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:200px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
	background-image: url(expanded.gif);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; 
	display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}


div#inquiries {
	width: 1017px;
	margin: 0 0 0 17px;
	padding: 0 0 20px 0;
}

	div#form-left div{
		margin: 0 0 0 10px;
	}

	div#inquiries h4{
		margin: 0 0 15px 0;
	}
	
	div#form-left h4{
		margin: 0 0 15px 30px;
	}

	div.address{
		font: bold 11px/13px Helvetica, sans-serif;
		color: #c2c2c2;
		margin: 10px 0 20px 20px;
	}

	div#address{
		margin: 10px 0 20px 185px;
	}

	div#form-left{
		float: left;
		width: 350px;
		border-right: 1px solid #666;
	}

	div#form-right{
		float: right;
		width: 350px;
	}

	input.error{
		border: 1px dotted red !important;
	}

	label.error{
		color: red;
		display: none !important;
	}

	legend{
		font: bold 11px/13px Helvetica, sans-serif;
		width: 200px;
		display: block;
		padding: 0 0 0 12px;
		color: #fff;
	}
	div#inquiries input[type=radio]{
		float: left;
		clear left;
		margin: 0 0 0 110px;
		width: auto;
		border: none;
	}

	div#inquiries fieldset fieldset{
		padding: 10px 0;
		width: 300px;
		margin: 0 0 10px 0;
	}

	div#inquiries div#left-side input[type=radio]{
		margin: 0 0 0 90px;
	}

	div#inquiries fieldset fieldset label{
		width: 100px;
		text-align: left;
		margin: 0 10px 7px 0;
	}

	div#inquiries div#left-side fieldset fieldset label{
		width: 130px;
	}

	div#inquiries label{
		display: block;
		float: left;
		margin: 0 20px 0 0;
		width: 90px;
		font: bold 11px/13px Helvetica, sans-serif;
		text-align: right;
	}

	html>body div#inquiries label{
		font: bold 11px/19px Helvetica, sans-serif;
	}

	div#inquiries input, div#inquiries textarea{
		border: 1px solid #36c42d;
		width: 150px;
		padding: 2px 0 0 5px;
		margin: 0 0 10px 0;
		color: #36c42d;
		background-color: #1c1c1c;
		font-size: 11px;
	}
	
	div#texty label{
		width: 180px;
		margin: 0 0 6px 10px;
		text-align: left
	}
	
	div#inquiries textarea{
		width: 300px;
		margin: 0 0 20px 10px;
	}
	
	input[type=submit]{
		margin: 0 !important;
		cursor: pointer;
	}
	input[type=submit]:hover{
		color: #666 !important;
		background: #333 !important;
	}
	div.submit{
		cursor: pointer;
		width: 150px;
		margin: 0 0 0 10px;
	}
	
div#testimonials, div#about-us {
	width: 760px;
	float: left;
	margin: 0 0 0 30px;
	overflow: hidden;
}
	div#about-us h3{
		margin: 25px 0 0 0;
	}

	div#about-us p{
		color: #e2e2e2;
	}

	div.testi{
		border-top: 1px solid #b2b2b2;
		margin: -1px 0 0 0;
		color: #e2e2e2;
		padding: 0 0 20px 0;
	}


	div.testi img{
		display: inline;
		float: left;
		height: 65px;
		width: 65px;
		margin: 20px 20px 0 0;
		border: 2px solid #000;
	}
	
	div.testi h3{
		margin: 20px 0 5px 0;
	}
	
	div.testi span.job, div.testi span.qualifications{
		font: bold 13px/16px sans-serif;
		display: block;
		height: 22px;
	}

	div.testi p{
		font-size: 12px;
		line-height: 20px;
		margin: 15px 0 0 0;
	}

div#newsholder{
	overflow: hidden;
	width: 780px;
	float: left;
}

div#newsholder p.content{
	border-bottom: 1px solid #b2b2b2;
	margin: 20px 0 20px 38px;
	float: none;
	padding: 0 0 20px 0;
	line-height: 20px;
}

div.newsky{
	width: 330px;
	/*height: 120px;*/
	float: left;
	padding: 20px 20px 0 0;
	margin: 0 0 0 40px;
}

h3.clear{
	clear: left;
	padding: 20px 0 0 0;
	margin: -1px 0 0 0;
	margin: 0 0 0 40px;
}

div.hr{
	clear: both;
	background: #fff;
	margin-top: 20px;
	height: 1px;
	margin: 20px 0 0 40px;
}

div.newsky img{
	float: left;
	margin: 0 10px 10px 0;
}

div.newsky span{
	display: block;
	font: bold 13px/15px Helvetica, Arial, sans-serif;
}

div.newsky p{
	color: #ccc;
	font-size: 11px;
	margin: 10px 0 4px 0;
}

div.newsky a{
	font-size: 12px;
}

div.faq{
	margin: 0 0 0 15px;
}

div.faq h6{
	margin: 20px 0 0 0;
	color: #e2e2e2;
	font-size: 16px;
}

div.faq h6.answer{
	margin: 15px 0 0 0;
	font-size: 13px;
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 20px 0;
	font-weight: normal;
	line-height: 20px;
}


div.mapItem { width: 320px; padding: 8px;}
div.mapItem img { border: solid 3px #aaa; margin-right: 8px; }
div.mapItem h1 { font-size: 12pt; color: #555; }
div.mapItem p { margin: 4px 0; font-size: 9pt; color: #444; width:100% }
div.mapItem a { color: #1b9be5; font-size: 9pt; text-decoration: none; }


div#map_canvas h4{
	color: #000;
}