/* RESET */
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,pre,form,p,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body {
	background: #99b09c url(../images/background.jpg) top left no-repeat;
	font: 12px Tahoma;
	color: #006351;
}

body.content {
	background: transparent;
}

#layout {
	width: 100%;
	min-width: 980px;
}

a {
	color: #006351;
	text-decoration: none;
}

a:hover {
	color: #006351;
	text-decoration: underline;
}

a#feature, a#feature2 {
	padding: 5px;
	border: 1px solid #3a8374;
}

a#feature:hover, a#feature2:hover {
	padding: 4px;
	border: 2px solid #006351;
}

a#feature img {
	margin-right: 9px;
}

#featured img {
	margin-right: 12px;
}

#main_left {
	width: 37%;
	height: 900px;
	background: url(../images/cube_tree.jpg) bottom left no-repeat;
	float: left;
	text-align: left;
}

#main_left.framed {
	background: none;
}

	#main_logo {
		display: block;
		width: 100%;
		text-align: right;
	}
	
	#main_logo img.logo {
		margin: 30px 0px 0px 30px;
	}
	
	#main_menu {
		float: right;
	}

		#main_menu ul {
			padding-top: 10px;
		}
	
		#main_menu li {
			text-align: right;
			padding: 7px 0px;
		}
		
			#main_menu li a {
				font: 16px Georgia;
				text-decoration: none;
				color: #599487;
				text-transform: uppercase;
				letter-spacing: 4px;
				display: block;
				height: 16px;
			}
			
			#main_menu li a:hover {
				text-decoration: none;
				color: #006351;
				border-right: 16px solid #006351;
				padding-right: 4px;
			}
	
#main_right {
	padding: 0px 0px 0px 37%;
	background: url(../images/grass.png) bottom left repeat-x;
}

#main_right.content {
	padding: 40px 0px 0px 0px;
	background: none;
	height: 585px;
}

#main_right.solo {
	padding: 40px 0px 0px 37%;
	background: url(../images/grass.png) bottom left repeat-x;
}


	#body_holder {
		margin: 0px 0px 0px 20px;
	}
	
	#main_body {
		width: 590px;
	}
	
		#upper_container {
			height: 400px;
			display: block;
		}
		
		#upper_container.services {
			height: 360px;
			display: block;
		}
		
		#innerleft {
			width: 265px;
			margin: 0px 0px 10px 0px;
			padding-top: 10px;
			float: left;
			text-align: right;
			position: relative;
			display: block;
		}
		
		#spanimg {
			width: 590px;
			margin: 0px 0px 10px 0px;
			padding-top: 10px;
			
			text-align: right;
			position: relative;
			display: block;
		}
		
			#certified {
				text-align: center;
				margin-left: 15px;
			}
			
		img.imgsquare {
			position: absolute;
			top: -2px;
			left: 0px;
		}
		
		#innerright {
			margin-left: 265px;
			padding: 20px 0px 0px 20px;
		}
		
		#main_body p {
			text-align: left;
			padding: 0px 0px 10px 0px;
			line-height: 17px;
		}
		
		#innerspan {
			text-align: center;
			color: #3a8374;
		}
		
		#innerspan img {
			vertical-align: text-bottom;
		}
		
		img.ie6png {
			behavior: url(styles/iepngfix.htc);
		}
		
		#clients {
			margin: 0px 0px 0px 12px;
		}
		
		.client {
			
		}
		
			#clients a.header {
				text-decoration: none;
				color: #006351;
				background: #d9e6e1 url(../images/box_arrow1.gif) 2px 0px no-repeat;
				border: 2px solid #d9e6e1;
				border-right: none;
				border-left: none;
				display: block;
				width: 100%;
				text-indent: 30px;
				float: left;
				margin: 10px 0px 0px 0px;
			}
				
				#clients a h2 {
					text-align: left;
					font-size: 15px;
					font-weight: bold;
					display: block;
					color: #006351;
					
				}
			
			#clients ul {
				background: #d9e6e1;
				display: block;
				margin: 0px 0px 10px 10px;
				float: left;
				display: none;
			}
			
				#clients li {
					float: left;
				}
				
					#clients li a {
						width: 134px;
						display: block;
						padding: 3px 4px;
						text-decoration: none;
						color: #006351;
						font-size: 11px;
					}
				
					#clients li a:hover {
						
					}
		
		#careers {
			margin: 0px 0px 0px 12px;
		}
		
			.career {
				margin: 10px 0px 20px 0px;
			}
			
			.career h2 {
				border-left: 18px solid #006351;
				text-indent: 8px;
			}
			
			.career h3 {
				text-indent: 26px;
			}
			
			.career p {
				margin: 0px 0px 0px 32px;
			}
		
		#aboutus {
			margin: 0px 0px 0px 12px;
		}
		
			#aboutus li a {
				width: 134px;
				display: block;
				padding: 2px 4px;
				text-decoration: none;
				color: #006351;
				margin: 0px 1px 0px 0px;
				border: 1px solid #599487;
				border-left: 21px solid #599487;
				font-size: 12px;
			}
			
			#aboutus li a:hover {
				background: #006351;
				border-left: 21px solid #d0dad1;
				color: #ffffff;
			}
			
			#aboutus li {
				float: left;
				margin: 2px 12px;
			}
			
			#aboutus li img {
				float: left;
			}
		
		#experience p{
		
		}
			#experience h3 {
				margin: 0px 0px 0px 10px;
			}
			
			#experience ul h3 {
				margin: 0px 0px 4px 10px;
				text-align: center;
			}
			
			#experience ul {
				margin: 12px 0px 0px 0px;
				display: block;
				z-index: 1;
			}
			
			#experience li {
				margin: 0px 0px 4px 10px;
				float: left;
				
			}
			
				#experience li a {
					width: 282px;
					height: 24px;
					line-height: 24px;
					display: block;
					border: 1px solid #599487;
					background: #d0dad1;
				}
				
				#experience li a:hover {
					background-color: #006351;
					border: 1px solid #d0dad1;
					color: #ffffff;
					text-decoration: none;
					text-align: left;
					text-indent: 6px;
				}
				
			#experience ul ul {
				margin: 2px 10px 0px 10px;
				display: none;
				font-size: 10px;
				z-index: 3;
				position: absolute;
				width: 262px;
				left: auto;
				top: auto;
			}
			
			#experience ul ul h3 {
				float: right;
				margin: 0px 2px 2px 0px;
				font-size: 10px;
				font-weight: bold;
			}
			
			#experience ul ul li {
				list-style-type: square;
				width: 262px;
				margin: 0px 0px 2px 10px;
				padding: 0px;
				font-size: 12px;
			}
			
		.exppop {
			display: none;
			position: absolute;
			top: 24px;
			left: 6px;
			border: 1px solid #006351;
			background: #d0dad1;
			text-align: left;
			padding: 6px 10px;
			margin-right: 6px;
			z-index: 100;
		}
		
		#exppop1 {
			
		}
				#exp1 {
					background: url(../images/exp1.jpg) no-repeat;
				}
				
				#exp2 {
					background: url(../images/exp2.jpg) no-repeat;
				}
				
				#exp3 {
					background: url(../images/exp3.jpg) no-repeat;
				}
				
				#exp4 {
					background: url(../images/exp4.jpg) no-repeat;
				}
				
				#exp5 {
					background: url(../images/exp5.jpg) no-repeat;
				}
				
				#exp6 {
					background: url(../images/exp6.jpg) no-repeat;
				}
				
				#exp7 {
					background: url(../images/exp7.jpg) no-repeat;
				}
				
				#exp8 {
					background: url(../images/exp8.jpg) no-repeat;
				}
				
				#exp9 {
					background: url(../images/exp9.jpg) no-repeat;
				}
				
				#exp10 {
					background: url(../images/exp10.jpg) no-repeat;
				}
				
				#exp11 {
					background: url(../images/exp11.jpg) no-repeat;
				}

				#exp1:hover {
					background: url(../images/exp1.jpg) no-repeat;
				}
				
				#exp2:hover {
					background: url(../images/exp2.jpg) no-repeat;
				}
				
				#exp3:hover {
					background: url(../images/exp3.jpg) no-repeat;
				}
				
				#exp4:hover {
					background: url(../images/exp4.jpg) no-repeat;
				}
				
				#exp5:hover {
					background: url(../images/exp5.jpg) no-repeat;
				}
				
				#exp6:hover {
					background: url(../images/exp6.jpg) no-repeat;
				}
				
				#exp7:hover {
					background: url(../images/exp7.jpg) no-repeat;
				}
				
				#exp8:hover {
					background: url(../images/exp8.jpg) no-repeat;
				}
				
				#exp9:hover {
					background: url(../images/exp9.jpg) no-repeat;
				}
				
				#exp10:hover {
					background: url(../images/exp10.jpg) no-repeat;
				}
				
				#exp11:hover {
					background: url(../images/exp11.jpg) no-repeat;
				}
			
h2 {
	font-size: 15px;
	text-align: left;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	text-align: left;
	font-weight: bold;
}

#footer {
	color: #d9e6e1;
	text-align: right;
	position: relative;
	top: -250px;
	padding-right: 20px;	
}

#footer.frame {
	display: block;
	top: 42px;
	width: 600px;
}
	
#services {
	border: 2px solid #006351;
	padding: 4px;
	margin: 0px 0px 0px 12px;
	text-align: left;
}

#services a {
	display: block;
	height: 24px;
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 0px 24px;
	text-indent: 6px;
	line-height: 24px;
	color: #006351;
}

#services a:hover {
	margin: 0px 0px 0px 0px;
	border-left: 24px solid #006351;
	border-bottom: 1px solid #006351;
	height: 23px;
}

	#services_holder {
		float: left;
	}
	
	#details_holder {
		background: #599487;
		display: block;
		height: 120px;
		margin: 0px 0px 0px 280px;
		
	}
	
		#details_holder .details {
			color: #ffffff;
			padding: 4px 8px;
			text-align: left;
			line-height: 16px;
			font-size: 11px;
		}
		
		#details_holder li {
			list-style-type: square;
			list-style-position: outside;
			margin: 0px 0px 0px 16px;
			padding: 0px;
		}

#contact {
	text-align: left;
	margin: 20px 0px 0px 0px;
}

	#contact h2 {
		margin: 0px 0px 0px 15px;
	}
	
	#contact p {
		padding: 0px 0px 0px 30px;
		font-size: 13px;
	}

a#feature, a#feature2 {
	display: block;
	margin: 10px 0px 0px 0px;
}

.phone {
	background: url(../images/icon_phone.gif) no-repeat 0px 3px;
}

.email {
	background: url(../images/icon_email.gif) no-repeat 0px 3px;
}

.phone, .email {
	text-indent: 20px;
	padding: 4px;
	margin-top: 2px;
	font-size: 13px;
}

.left { float: left; }