/**
 * Stylesheet
 *
 * Copyright Fusionary Media, 2004
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}





/* MAIN styles
-------------------------------------------*/
body{
	background: #fff url(../images/bg_body2.gif) 0 0 repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	color: #444444;
}
	
h1{
	font-size: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #363636;
	margin:0px 0px 0px 0px;
	font-weight: normal;
}

h2{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #158431;
	margin:10px 0px 0px;
}

h3{
	text-transform: uppercase;
		color: #158431;
		font: bold 16px/1.8em Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 0;
}

p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link{color: #528E00; text-decoration: none;}
a:visited{color: #528E00; text-decoration: none;}
a:hover{color: #158431; text-decoration: underline;}
a:active{color: #158431; text-decoration: underline;}

dt{
	font-weight: bold;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 0px;
}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


fieldset{
	padding: 10px;
	/*border: 1px solid #ccc;*/
	border: none;
}
	.formfields dl, .formfields dt, .formfields dd{
		margin: 0px;
		padding: 0px;
	}
	.formfields dt{
		float: left;
		clear: left;
		width: 30%;
		margin: 10px 10px 0 0;
		text-align: right;
		color: #158431;
	}
	.formfields dd{
		float: left;
		margin: 10px 10px 0 0;
		width: 60%;
	}
	.required{
		color: red;
	}


#content ul{
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
}
	#content ul li{
		padding: 0 0 0 0px;
		margin: 0 0 0 10px;
		
	}

/* CONTAINER styles
-------------------------------------------*/
#container{
	width: 704px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -352px;
	background: transparent url(../images/bg_container.gif) 4px 95px no-repeat;
}




/* HEADER styles
-------------------------------------------*/
#header{
	margin: 0px;
	padding: 10px;
	height: 75px;
}
#header h1{
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#header h1 a{
		display: block;
		height: 162px;
		width: 305px;
		background: transparent url(../images/logo_allwhite.gif) 0 0 no-repeat;
		letter-spacing : -1000em;
		text-indent: -1em;
	}
	/* Just for Opera, but hide from MacIE */ 
	/*\*/html>body #header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
	/* End of hack */


#header h2{
		position: absolute;
		top: 35px;
		right: 0px;
		margin: 0px;
		padding: 0px;
		display: block;
		height: 20px;
		width: 185px;
		background: transparent url(../images/text_call_us2.gif) 0 0 no-repeat;
		letter-spacing : -1000em;
		text-indent: -1em;
	}
	/* Just for Opera, but hide from MacIE */ 
	/*\*/html>body #header h2 { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
	/* End of hack */


	#header-nav{
		margin: 0px 0px;
		padding: 0px;
		list-style: none;
		background: transparent url(../images/bg_nav2.gif) 0 0 no-repeat;
		width: 700px;
		height: 43px;
		position: absolute;
		top: 79px;
		right: 0px;
	}
		#header-nav li{
			display: inline;
			padding: 0px;
			margin: 0px;
		}
			#header-nav li a{
				display: block;
				height: 37px;
				padding: 0px;
				margin: 0px;
				float: left;
				background-image: url(../images/bg_nav2.gif) 0 0 no-repeat;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body #header-nav li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */
			
			#header-nav li#nav-home a{
				width: 100px;
				background: transparent url(../images/bg_nav2.gif) -0px 0 no-repeat;
			}
			#header-nav li#nav-engineering a{
				width: 100px;
				background: transparent url(../images/bg_nav2.gif) -100px 0 no-repeat;
			}
			#header-nav li#nav-surveying a{
				width: 100px;
				background: transparent url(../images/bg_nav2.gif) -200px 0 no-repeat;
			}
			#header-nav li#nav-profile a{
				width: 100px;
				background: transparent url(../images/bg_nav2.gif) -300px 0 no-repeat;
			}
			#header-nav li#nav-portfolio a{
				width: 100px;
				background: transparent url(../images/bg_nav2.gif) -400px 0 no-repeat;
			}
			#header-nav li#nav-links a{
				width: 100px;
				background: transparent url(../images/bg_nav2.gif) -500px 0 no-repeat;
			}
			#header-nav li#nav-contact a{
				width: 100px;
				background: transparent url(../images/bg_nav2.gif) -600px 0 no-repeat;
			}
				#header-nav li#nav-home a:hover{
					background: transparent url(../images/bg_nav2.gif) -0px -42px no-repeat;
				}
				#header-nav li#nav-engineering a:hover{
					background: transparent url(../images/bg_nav2.gif) -100px -40px no-repeat;
				}
				#header-nav li#nav-surveying a:hover{
					background: transparent url(../images/bg_nav2.gif) -200px -42px no-repeat;
				}
				#header-nav li#nav-profile a:hover{
					background: transparent url(../images/bg_nav2.gif) -300px -42px no-repeat;
				}
				#header-nav li#nav-portfolio a:hover{
					background: transparent url(../images/bg_nav2.gif) -401px -42px no-repeat;
				}
				#header-nav li#nav-links a:hover{
					background: transparent url(../images/bg_nav2.gif) -500px -42px no-repeat;
				}
				#header-nav li#nav-contact a:hover{
					background: transparent url(../images/bg_nav2.gif) -600px -42px no-repeat;
				}
	




/* CONTENT styles
-------------------------------------------*/
#content{
	margin: 250px 10px 5px 0px;
	padding: 0px 0px 20px 0px;
	background: #fff;
	width: 410px;
	float: right;
	display: inline;
}
	body.gallery #content{
		margin: 282px 0px 5px 0px;
		padding: 0px;
		background: #fff;
		width: 410px;
		float: right;
		display: inline;
	}
	#content h1{
		margin: 0px;
		padding: 10px 0px;
		position: absolute;
		top: 190px;
		left: 20px;
		font: 100 normal 50px/1em Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: -3px;
		color: #fff;
		text-transform: lowercase;
	}
	#content #gallery{
		position: absolute;
		top: 124px;
		right: 0px;
		width: 409px;
		height: 274px;
	}


	dl.linklist{
		padding: 0px;
		margin: 0px;
	}
		dl.linklist dt{
			text-transform: none;
			color: #158431;
			font: bold 16px/1.2em Verdana, Arial, Helvetica, sans-serif;
			margin: 0px 0px 10px;
			display: block;
			position: relative;
			height: 2.5em;
		}
			dl.linklist dt span{
				position: absolute;
				bottom: 0px;
			}
			dl.linklist dd{
				margin: 0px;
				padding: 0px;
				font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif;
			}

.intro{
	color: #158431;
	font-weight: bold;
}


/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	margin: 250px 0px 20px 23px;
	padding: 0px 0px 20px 0px;
	background: #fff;
	width: 240px;
	float: left;
	display: inline;
}
	#sidebar p{
		margin: 0 0 10px;
		font: 12px/1.9em Verdana, Arial, Helvetica, sans-serif;
	}
	#sidebar h2{
		text-transform: uppercase;
		color: #158431;
		font: bold 16px/1.8em Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 0;
	}


p#address{
	line-height: 1.4em;
	font-weight: bold;
	color: #158431;
}

/* FOOTER styles
-------------------------------------------*/
#footer{
	clear: both;
	margin: 0px;
	padding: 0px;
	background: #2B2928;
	position: relative;
}
	
	#footer ul{
		text-align: center;
		background: #DCD8CD;
		padding: 20px;
	}
		#footer ul li{
			display: inline;
			list-style: none;
		}
			#footer ul li a{
				padding: 5px 10px;
				margin: 0 20px;
				color: #2B2928;
				text-decoration: none;
				font: bold 12px/1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			}
				#footer ul li a:hover{
					background: #E6E4DC;
				}
	
	#footer p{
		padding: 20px 0px;
		text-align:center;
		margin: 0px;
		color: #DCD8CD;
	}
	#footer p.firstp{/* remove border from first floated p */
		border: 0px;
	}