@charset "UTF-8";
/* CSS Document */

/* UNIVERSAL ELEMENTS */

body{background:top left url(../img/bg.jpg) repeat-x #b7cac7;}


h2{
	font: normal 34px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#00483a;
	margin-bottom:20px;
	padding-top:20px;
	font-weight:100;
}

h3{
	font: normal 16px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#00483a;
	margin-bottom:10px;
	padding-top:30px;
	
}

h4{
	font: normal 19px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#00483a;
	padding-top:30px;
	
}

h5, h6{
	font: normal 12px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#00483a;
	margin-bottom:5px;
}

h6 {
	float:right;
	font-size:17px;
	margin-top:25px;
	text-align:right;
	}



p{
	font:normal 12px/1.8em Arial,"Univers Light", Helvetica, sans-serif;
	color:#565656;
	margin-bottom:20px;
	
}

p strong{ font-weight:bold;}

a{ color:#5d9389;}

a:hover{ color:#4d7d74;}


/****** MY ELEMENTS ******/

#hdr{
	margin:0 auto;
	height:135px;
	z-index:90;
	position:relative;

}

#bdy{	 
	margin:-40px auto 0;
	border:1px solid #cdd4d2;
	position:relative;
	
}

#main_cont{
	background:bottom left repeat-x url(../img/main_bg.gif) #fBFBFB;
	border:solid 2px #fBFBFB;
	position:relative;
	}

#lft_col{	padding-bottom:40px;}

#lft_col_cont{	padding-left:20px;}
	
#rgt_col{ 	padding-bottom:40px;}

#rgt_col_cont{padding-left:20px;}

#rgt_col_cont p{ line-height:1.3em;}



#logo{
	text-indent:-9999px;
	background:-15px -47px no-repeat url(../img/logo.png);
	display:block;
	position:absolute;
	right:-35px;
	top:5px;
	height:125px;
	width:200px;
	float:right;
	}

#home_page #logo{
	text-indent:-9999px;
	background:-15px -47px no-repeat url(../img/logo.png);
	display:block;
	position:relative;
	left:-55px;
		top:5px;
	height:125px;
	float:left;
	}
	
ul#nav{
	padding-top:35px;
	float:left;
}

ul#nav li{
	float:left;
	padding:5px 0;
	}

ul#nav li a{
	font:normal 14px/1.4em Georgia, "Times New Roman", Times, serif;
	font-stretch: semi-condensed;
	font-weight:200;
	text-decoration:none;
	color:#414141;
	margin-right: 20px;
	margin-top:5px;
	padding-top:3px;
	}

ul#nav li a:hover,
#home_page ul#nav li a#nav_home,
#who_page ul#nav li a#nav_who,
#work_page ul#nav li a#nav_work,
#services_page ul#nav li a#nav_services,
#green_page ul#nav li a#nav_green,
#contact_page ul#nav li a#nav_contact{
	color:#00705a;
	border-top:solid 2px #00705a;
	}
	

#ftr{
	margin:0 auto;
	text-align:left;
	font:normal 10px/1.3em Arial, Helvetica, sans-serif;
	color:#9EA19F;
	padding:15px 0 80px;
}

#ftr ul#social_media{float:right;}

#ftr ul#social_media li{
	float:left;
	padding-left:10px;
	}

#ftr ul#social_media li#share_this{
	float:right;
	padding-left:10px;
	margin-top:-5px;
	}



/******* PAGE-SPECIFIC STYLES *******/


#main_img{
	position:absolute;
	bottom:-20px;
	right:10px;
	
	}



#home_page #main_img{
	position:relative;
	top:-2px;
	right:-8px;
	background-color:#FBFBFB;
	}
	


#who_page #main_img{
	right:-80px;
	
	
	}


ul#sub_nav {
	border-top:1px solid #e8eeed;	
	margin:20px;
	}

ul#sub_nav li{
	border-bottom:1px solid #e8eeed;
	height:43px;
	background:no-repeat url(../img/subnav_bg.jpg) 10px 17px;
	}

ul#sub_nav li#sub_work{
	 background-position:0 0;
	}

ul#sub_nav li#sub_services{
		 background-position:0 -235px;

	}

ul#sub_nav li#sub_green{
		 background-position:0 -107px;

	}
	
ul#sub_nav li#sub_contact{
		 background-position:0 -158px;

	}
	
ul#sub_nav li#sub_who{
		 background-position:0 -55px;

	}

ul#sub_nav li a{
	font:normal 17px/1em Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#365851;
	padding:15px 0 0 85px;
/*	padding:15px 0 0 90px;*/
	display:block;
	}

ul#sub_nav li a:hover{
	text-decoration:underline;
	color:#00705a;
	}

ul#services_list{
	padding:0px 0 110px;
	
	}

ul#services_list li{
	font:normal 11px/1.1em Arial, Helvetica, sans-serif;
	margin:0 0 7px 10px;
	padding-left:10px;
	background:no-repeat url(../img/list_arrow.gif) 0 5px;
	
	}

#contact_page #rgt_col_cont{ padding:170px 20px 120px;}

form{
	padding:20px;
	background-color:#eff6f4;
	border:solid 1px #64a296; 
	}

#label_col{
	 float:left;
	 width:110px;
	
}

#input_col{
	float:left;
	width:220px;
}

label{
	float:left;
	text-align:right;
	display:block;
	width:100px;
	font:normal 12px/1em Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	color:#414141;
}

label span{ color:#64a296; }

input, textarea{
	 
	margin-bottom:10px;
	float:right;
	width:200px;
	background:#FFF;
	border:solid 1px #797979;
	display:inline-block;
	}

textarea{
	overflow:auto;
}

#submit_btn{
	background-color:#64a296;
	border:solid 1px #797979;
	padding:2px 5px;
	color:#FFF;
	float:right;
	width:auto;
	}

#submit_btn:hover{
	cursor:pointer;
	background-color:#4d7d74;
	
	}
	

ul#work_samples{
	border-top:1px solid #e8eeed;	
	border-bottom:1px solid #e8eeed;	
	margin:0px 20px 0px;
	padding:20px 0 10px 0px;
	}

ul#work_samples li{
	width:48px;
	height:48px;
	margin:0 11px 11px 0;
	float:left;
	overflow:hidden;
	}

ul#work_samples #sample_title{
	margin:-10px 0 20px;
	padding:0;
	background-color:#FBFBFB;
	width:70%;
	height:auto;
	font:normal 17px/1em Georgia, "Times New Roman", Times, serif;
	color:#797979;
	float:none;
	}

ul#work_samples li a{
	border:solid 2px #dcdcdc;	
	line-height:1em;
	display:block;
	padding:0;
	height:44px;
	width:44px;
	}

ul#work_samples li a:hover{
	border:solid 2px #64a296;	
	}
	
#fish_movie{
	position:absolute;
	top:-2px;
	right:-2px;
	}

#click_here{
	text-indent:-9999px;
	background:top left url(../img/click_btn.png) no-repeat;
	width:200px;
	height:36px;
	display:block;
	position:absolute;
	bottom:20px;
	left:10px;
	}

a:hover#click_here{
	text-indent:-9999px;
	background:bottom left url(../img/click_btn.png) no-repeat;
	}