body {
	color: #000000;	
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #B2B3B6;

}

/* Common Stuff -----------------------------*/

ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

.pic-bdr
{border: 3px solid #cccccc;
}

.project-text
{padding: 0 0 6px 0;
line-height: 16px;
font: 11px Arial, Helvetica, sans-serif;
}

.home-text
{padding-left: 12px;
margin: 0; 
line-height: 18px;
}

.lead
{color: #336666;
line-height: 16px;
font: 11px Arial, Helvetica, sans-serif;
}


.servicesHeader
{
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

#servicesOffered

{
	margin-left: 15px;
	color: #8b5e3b;
}

#logo {    /* clickable area */
float: left;
  height: 82px;
  width: 95px;
margin: 15px 0 0 867px;
}

img
{padding: 0;
margin: 0;
border: 0;
}

a:link {text-decoration: none; color:#43635d;}
a:visited {text-decoration: none; color:#43635d;}
a:active {text-decoration: none; color:#43635d;}
a:hover {text-decoration: none; color:#43635d;}

.fullstoryTitle
{font-weight: bold;
color: #43635d;
font-size: 14px;
}



/* WHOLE PAGE CONTAINER -----------------------------*/

#page-container {
width: 960px;
margin:0 auto;
}
	
	

/* Header  -----------------------------*/
#header-home{
width: 960px;
height: 255px;
float: left;
padding: 0;
}

#header{
width: 960px;
height: 111px;
float: left;
padding: 0;
}

.boxes
{margin-left: 87px;
}


 #buttons
 {width: 960px;
padding: 0;
 }
 
  #buttons div
 {float: left;
 }
 
  #links
 {width: 778px;
 height: 35px;
margin-left: 92px;
 font-size: 10px;
 }
 
   #links-home
 {width: 786px;
 height: 35px;
margin-left: 87px;

 }
  
 
   #links-project-nav
 { display: block;
 width: 960px;
 height: 60px;
padding: 0;
 background:url(../images/temp_nav/inner_nav_bg.gif) no-repeat;
clear: both;
 }
 
 
 
 
/* Homepage -----------------------------*/ 
 #content-area
 {width: 960px;
 height: 434px;
 padding: 0;
 background:url(../images/menlo_5_1.jpg) no-repeat;
 clear:both;
 }
 
#homeCopy
 {
 width: 786px;
 height: 302px;
margin-left: 87px;
  background:url(../images/copyBG.jpg) no-repeat;
  clear:both;
 
 }
 
 #homeCopy div.left
 {display: inline;
 width: 470px;
 height: 250px;
 margin:10px 0 0 5px;
 float: left;
 text-align:right;
 padding: 5px 5px 5px 15px;
 }
 
 .we-are
{color: #43635d;
font-size: 30px;
text-align: right;
}
.we-are-desc
{
text-align: right;
margin-left: 60px;
	font-size: 10px;
	padding: 6px 0 6px 0;
}

 #homeCopy div.right
 {position:relative;
  display: inline;
 width: 249px;
 height: 210px;
 margin: 25px 0 0 10px;
 float: left;
 }
 
 
 /* Main Nav -----------------------------*/
 
 
 #btn-home-index{ 
	width: 96px; 
	height: 35px;
	border:0;
	padding:0;
	margin: 0;
	background:url(../images/main_nav/btn_home_ind.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-home-index:hover{ background-position: bottom left; }

 #btn-home{ 
	width: 92px; 
	height: 35px;
	border:0;
	padding:0;
	margin:0;
	background:url(../images/main_nav/btn_home.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-home:hover{ background-position: bottom left; }

#btn-about{ 
	width: 85px; 
	height: 35px;
	border:0;
	padding:0;
	margin:0;
	background:url(../images/main_nav/btn_about.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-about:hover{ background-position: bottom left; }
 
 
#btn-landPlanning{ 
	width: 85px; 
	height: 35px;
	border:0;
	padding:0;
	margin:0;
	background:url(../images/main_nav/btn_landPlanning.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-landPlanning:hover{ background-position: bottom left; }


#btn-siteEngineering{ 
	width: 85px; 
	height: 35px;
		border:0;
	padding:0;
	margin:0;
	background:url(../images/main_nav/btn_siteEngineering.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-siteEngineering:hover{ background-position: bottom left; }



#btn-wetlands{ 
	width: 86px; 
	height: 35px;
		border:0;
	padding:0;
	margin:0;
	background:url(../images/main_nav/btn_wetlands.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-wetlands:hover{ background-position: bottom left; }


#btn-landscape{ 
	width: 84px; 
	height: 35px;
		border:0;
	padding:0;
	margin:0;
	background:url(../images/main_nav/btn_landscape.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-landscape:hover{ background-position: bottom left; }


#btn-roadwork{ 
	width: 84px; 
	height: 35px;
		border:0;
	padding:0;
	margin:0;
	background:url(../images/main_nav/btn_roadwork.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-roadwork:hover{ background-position: bottom left; }


#btn-construction{ 
	width: 86px; 
	height: 35px;
		border:0;
	padding:0;
	margin:0;
	background:url(../images/main_nav/btn_construction.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-construction:hover{ background-position: bottom left; }

#btn-contact-index{ 
	width: 95px; 
	height: 35px;
		border:0;
	padding:0;
		margin:0;
	background:url(../images/main_nav/btn_contact_ind.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-contact-index:hover{ background-position: bottom left; }

#btn-contact{ 
	width: 91px; 
	height: 35px;
		border:0;
	padding:0;
		margin:0;
	background:url(../images/main_nav/btn_contact.gif) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-contact:hover{ background-position: bottom left; }




 
/* Easy Scroller-----------------------------*/ 
 
 #easyscroll
 {top: 35px;
 }
 
 #easyscrollnav, #easyscrollnav li {
		margin:0;	
		padding:0;
}	

#easyscrollnav {
position: absolute;
	padding: 9px 0 0 230px;
		width: 9px;
		z-index: 1000;
}

#easyscrollnav li {
        color: #404A50;
		cursor:pointer;
		float:left;
		height: 9px;
		margin: 0px;		
		padding:0 ;
		text-indent: -9000px;
		width: 9px;
		overflow: hidden;
}			
		
		
#easyscrollnav #btnUp { background-image:url(../images/scroll_up.gif)!important;}
#easyscrollnav #btnDown { background-image:url(../images/scroll_down.gif)!important;  margin-top: 1px; }
#easyscrollnav #btnReset {background-image:url(../images/btnReset.gif)!important; }


		#projectScroll
	{
	width: 249px;
		height: 210px;
		background: #dcdddf url(../images/featured_proj_title.gif) no-repeat;
		color: #000000;	
	font: 0.69em Arial, Helvetica, sans-serif;
	line-height: 1.13em;
	
		}
		
	.spacer
	{
	padding: 23px 0 0 0;
		}
		
		
		#easyScrollPosition
		{position: relative;
	top: 35px;
		}
	
		.featuredProject
		{
		background: #dcdddf url(../images/featured_proj_bg.jpg) no-repeat;
		width: 239px;
		height: 38px;
		float:left;
		margin: 5px 0 0 5px;
		padding: 0;
		color: #43635d;
		}
		
		.fpImage
		{float: left;
		width: 52px;
		height: 38px;}
		
		.featuredProjectDetails
		{float: left;
		width: 170px;
		padding-left: 15px;
		}
		
		.projectName
		{color: #43635d;
			font: bold 11px Arial, Helvetica, sans-serif;
			font-style:italic;}
			
			.projectCity
			{
		color: #0000;
			font: normal 10px Arial, Helvetica, sans-serif;
			font-style:italic;
			line-height:12px;
		}
		
			.featuredProjectDetails a:link
		{color: #43635d; text-decoration: none;}
		
			.featuredProjectDetails a:visited a:active
		{color: #43635d; text-decoration: none;}
		
			.featuredProjectDetails a:hover
		{color: #43635d; text-decoration: underline;}


/* Featured Project Text -----------------------------*/ 

.fp-specs
{
	font-size: 11px;
	color: #58595B;
	line-height: 17px;
	font-weight: bold;
}

.fp-description
{
	font-size: 11px;
	margin-bottom: 7px;
}

.fp-services
{
	color: #8b5e3b;
	font-size: 11px;
	margin-bottom: 7px;
	margin-top: 7px;
}

.fp-services-detail
{
	margin-left: 25px;
	color: #8b5e3b;
}

.fp-services-detail-header
{
	margin-left: 10px;
	color: #8b5e3b;
}

/* Project Pages -----------------------------*/ 

 #content-area-inner
 {width: 960px;
 height: 370px;
 padding: 0;
 }
 


#featuredProjectPages
{width: 245px;
height: 370px;
float:left;
}

#inner-nav
{margin: 45px 0 0 80px;
}


 #edison
 {width: 960px;
height: 434px;
background: #ffffff url(../images/edisonBG.jpg) no-repeat;
float:left;
}

#edisonContent
{width: 715px;
 height: 370px;
float:left;
}


 #iport
 {width: 960px;
height: 434px;
background: #ffffff url(../images/iportBG.jpg) no-repeat;
float:left;
}


#iportContent
{width: 715px;
 height: 370px;
float:left;
}


 #lily
 {width: 960px;
height: 534px;
background: #ffffff url(../images/lilyBG.jpg) no-repeat;
float:left;
}

#lilyContent
{width: 715px;
 height: 370px;
float:left;
}

 #raritan
 {width: 960px;
height: 434px;
background: #ffffff url(../images/raritanBG.jpg) no-repeat;
float:left;
}
 

#raritanContent
{width: 715px;
 height: 370px;
float:left;
}

 
 #promenade
 {width: 960px;
height: 434px;
background: #ffffff url(../images/promenadeBG.jpg) no-repeat;
float:left;
}
 

#promenadeContent
{width: 715px;
 height: 370px;
float:left;
}

 #whale
 {width: 960px;
height: 464px;
background: #ffffff url(../images/whaleBG.jpg) no-repeat;
float:left;
}

#whaleContent
{width: 715px;
 height: 370px;
float:left;
}

#projectContent
{width: 600px;
height:259px;
text-align: left;
margin: 65px 0 0 33px;
}


#projectContent div.pics
{width: 275px;
float: left;
margin-left:5px;
}

#projectContent div.words
{width: 290px;
float: left;
margin-left: 20px;
}			
	
	
/*  Services */

 #about
 {width: 960px;
height: 578px;
background: #ffffff url(../images/AboutUsBG.jpg) no-repeat;
float:left;
}

 #landPlanning
 {width: 960px;
height: 578px;
background: #ffffff url(../images/landPlanningBG.jpg) no-repeat;
float:left;
}

 #siteEngineering
 {width: 960px;
height: 578px;
background: #ffffff url(../images/siteEngineeringBG.jpg) no-repeat;
float:left;
}

 #wetlands
 {width: 960px;
height: 578px;
background: #ffffff url(../images/wetlandsBG.jpg) no-repeat;
float:left;
}

 #landscape
 {width: 960px;
height: 578px;
background: #ffffff url(../images/landscapeBG.jpg) no-repeat;
float:left;
}

 #roadwork
 {width: 960px;
height: 578px;
background: #ffffff url(../images/roadworkBG.jpg) no-repeat;
float:left;
}
 
  #construction
 {width: 960px;
height: 578px;
background: #ffffff url(../images/constructionBG.jpg) no-repeat;
float:left;
}

#servicesContent
{width: 375px;
height: 488px;
 margin: 55px 0 0 470px;
float:left;
}



/* Project Page Left Nav -----------------------------*/

#btn-warren{ 
	width: 161px; 
	height: 38px;
	border:0;
	padding:0;
	margin: 0;
	background:url(../images/btn_warren.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}

#btn-warren-select{ 
	width: 161px; 
	height: 39px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_warren_select.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}


#btn-raritan{ 
	width: 161px; 
	height: 38px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_raritan.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}

#btn-raritan-select{ 
	width: 161px; 
	height: 39px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_raritan_select.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}




#btn-edison{ 
	width: 161px; 
	height: 38px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_edison.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}

#btn-edison-select{ 
	width: 161px; 
	height: 39px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_edison_select.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}



#btn-lily{ 
	width: 161px; 
	height: 38px;
		border:0;
	padding:0;
	margin: 0;
	background:url(../images/btn_lily.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}


#btn-lily-select{ 
	width: 161px; 
	height: 39px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_lily_select.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}


#btn-whale{ 
	width: 161px; 
	height: 38px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_whale.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}

#btn-whale-select{ 
	width: 161px; 
	height: 39px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_whale_select.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}


#btn-carteret{ 
	width: 161px; 
	height: 38px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_carteret.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}

#btn-carteret-select{ 
	width: 161px; 
	height: 39px;
		border:0;
	padding:0;
margin: 0;
	background:url(../images/btn_carteret_select.gif) no-repeat;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}

/* Contact Page -----------------------------*/
#contact

{width: 960px;
height: 454px;
background: #ffffff url(../images/contactBG.jpg) no-repeat;
float:left;
}


#contact-right
{width:409px;
border-left: 1px solid #ccc;
margin: 5px 0 0 0;
float: left;
}

.map
{padding-left: 15px;
}

*html #contact-left
{
display: inline;
}


#contact-top
{width:720px;
padding: 5px;
text-align: left;
font: 12px Arial, Helvetica, sans-serif; 
margin: 25px 0 0 92px;
float: left;
display: inline;
color: #999999;
}


#contact-left
{width:325px;
padding: 5px;
text-align: left;
font: 12px Arial, Helvetica, sans-serif; 
margin: 5px 0 0 92px;
float: left;
display: inline;
color: #999999;
}


.contact-big
{color: #999999;
font-size: 30px;
padding-bottom:8px;
}


/* Contact Form -----------------------------*/

#contact_form					

{ width:325px;
 margin:0;; 
 height: auto; 
 padding: 0;
	font: 9px Arial, Helvetica, sans-serif; 
	}
	
	
form fieldset					
{ 
margin:0px; 
width:325px; 
border:0;
display:block; 
padding: 0px 10px 5px; 
}


form fieldset legend	
{ 

color:#3D7169;
padding:0;
margin:0px 0px 10px 0px; 

 }



.col-left
{
float:left;
height:15px;
margin:5px 0 0 0;
padding: 0;
text-align:right;
width: 60px;
color:#333; 
text-transform:uppercase;
}

.col-right
{

height:25px;
margin :0;
text-align:right;
width: 60px;
color:#333; 
text-transform:uppercase;
}



input.text-input
{ margin:2px 0 8px 0;
padding: 0;
color:#333;
 background-color: #cccccc;
 border: solid 1px #ffffff; 
 width: 235px;
 height: 15px;
  }
  
  input.text-input-half
{ margin:2px 0 8px 0;
padding: 0;
color:#333;
 background-color: #cccccc;
 border: solid 1px #ffffff; 
 width: 90px;
  }
 
   input.text-input-zip
{ margin:2px 0 8px 0;
padding: 0;
color:#333;
 background-color: #cccccc;
 border: solid 1px #ffffff; 
 width: 65px;
  }
  
     input.text-input-country
{ margin:2px 0 8px 0;
padding: 0;
color:#333;
 background-color: #cccccc;
 border: solid 1px #ffffff; 
 width: 100px;
  }

.submit
{float: right;
padding-right: 25px;
}


#comment
{background-color: #cccccc;
width: 215px;
margin:2px 0 0 0;
 border: solid 1px #ffffff;
}

input.button
{ 
padding:3px 6px;
border:2px solid #fff; 
margin:20px 0px 0px 0px; 
color:#3D7169; 
font-family: Arial, Helvetica, sans-serif;
background:#CCC; 
-moz-border-radius:5px; 
}

input.button:hover
{ background:#009FAA none repeat scroll 0% 0%; 
color:white; }

#footer
{width: 960px;
height: 20px;
background: #ffffff url(../images/footerBG.jpg) no-repeat;
padding-top: 5px;
color: #fff;	
	font: 10px Arial, Helvetica, sans-serif;
	text-align:center;
	clear:both;

}

a.footerLinks
{padding: 0 5px 0 0;
text-decoration:none;
color: #fff;
}