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

body{
	/*background:rgb(65, 50, 9) ;*/
	background-color:rgb(215, 200, 160);
	background-image:url(../imgs/background.jpg);
	background-position:center center;
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#181802;
	line-height:1em;
}

a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#687933;
	text-decoration:none;
}	

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#3A3829;
	line-height:1em;
	display: inline;
}	


h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3A3829;
	line-height:1em;
}	

h2 a{
	color:#57543E;
}

h2 a:hover{
	color:#687933;
}

strong{
	font-weight:bolder;
}

#homepageH1s{
	position:absolute; 
	top:341px; 
	width: 500px;
	left:225px;
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: center;
	border-top:2px solid #D07243;
	border-bottom:2px solid #D07243;

}

#placement{
	position: relative;
	top:0px;
	width: 950px;
	margin: 0 auto 0 auto;
	padding:0;
	/*min-height:650px;
    height:auto !important;
    height:650px;*/
	/*background-color:rgb(215, 200, 160);*/
}

.bodycopy{
	text-align:left;
}

.header{
	height: 165px;
	width: 950px;
	margin:0;
	padding:0;
	background-color: rgb(104, 121, 51);
}

#headerHome{
	background-image: url(../imgs/header.jpg);
}

#logo{
	position:absolute;
	z-index:50;
	top:81px;
	left:290px;
}

/* MAIN NAV */

#nav ul{
   list-style:none;
   list-style-type:none;
   margin:0 0 0 0;
   padding:0 0 0 0;
   }
#nav ul li{
   float:left;
   margin:0 0 0 0;
   padding:0 0 0 0;
   height:16px;
   }
a.homeB{
   background: url(../imgs/mainNav_Home.gif) no-repeat;
   width:44px;
   height:16px;
   display:block;
   }

a.firmB{
   background: url(../imgs/mainNav_Firm.gif) no-repeat;
   width:36px;
   height:16px;
   display:block;
   }

a.projectB{
   background: url(../imgs/mainNav_Projects.gif) no-repeat;
   width:72px;
   height:16px;
   display:block;
   }


a.contactB{
   background: url(../imgs/mainNav_Contact.gif) no-repeat;
   width:64px;
   height:16px;
   display:block;
   }
#nav ul li.pipe,
#nav ul li.pipe img{
   width:12px;
   height:16px;
   display:block;
   }

a.homeB, a.firmB, a.projectB, a.contactB{
   background-position:0px -16px;
   height:16px;
   }

a:hover.homeB, a:hover.firmB, a:hover.projectB, a:hover.contactB{
   background-position:0px 0px;
   }


#nav {
	position:relative;
	width:258px;
	left:670px;
	padding:0;
	margin:0;
	
	/*padding-top:20px;
	padding-bottom:200px;*/
	}

	
#nav_main_BC{
	background-position:0px 0px;
	}

#navrule{
	position:absolute;
	top: 128px;
	height: 2px;
	font-size:1px;
	line-height:0;
	width:950px;
	background-color: rgb(104, 121, 51);
}

#navruleHome{
	position:absolute;
	top: 173px;
	height: 2px;
	font-size:1px;
	line-height:0;
	width:950px;
	background-color: rgb(104, 121, 51);
}
	

#textbox{
	position:relative;
	width:436px;
	left:262px;
	margin-top:210px;
	font-size:.69em;
}

#textboxTable{
	width:400px;
	margin: 8px 0 8px 0;
}

#textboxTD_L{
	width:50%;
	border-right-style:dotted; 
	border-right-width:thin; 
	border-right-color:#000000;
	padding-right:8px;
	vertical-align:top;
}

#textboxTD_R{
	width:50%;
	padding-left:8px;
	vertical-align:top;
}


#contentTopBar{
	position: relative;
	top: -1.6em;
}

/*-------------------------------CONTACT------------------------------------------------------*/
.mapbox{
	position:relative;
	width:900px;
	left:25px;
	margin-top:60px;
	padding-bottom:20px;
	border-top:2px;
	border-top-style:solid;
	border-top-color: #D07243;
	font-size:.69em;
	
}
.formbox{
	position:relative;
	width:500px;
	left:275px;
	margin-top:60px;
	padding-bottom:20px;
	border-top:2px;
	border-top-style:solid;
	border-top-color: #D07243;
	font-size:.69em;
	
}

.contact_breadcrumb{
	position: relative;
	top: -1.2em;
	left: 18px;
	color:#3A3829;
}
.backtocontact{
	width:12px; 
	height:12px; 
	position:relative; 
	top:-3px;
	background-color:#D07243; 
}
.backtocontact:hover{
	background-color:#ee7727; 
}

#contact_subbreadcrumb{
	position: relative;
	width:100px;
	text-align:right;
	right: -790px;
	top: -2.2em;
	color:#3A3829;
	
}
#form_subbreadcrumb{
	position: relative;
	width:100px;
	text-align:right;
	right: -390px;
	top: -2.2em;
	color:#3A3829;
	
}
/*----------------------------- FIRM? ----------------------------------------------------*/

.firmbox{
	position:relative;
	width:440px;
	left:272px;
	margin-top:60px;
	padding-bottom:20px;
	border-top:2px;
	border-top-style:solid;
	border-top-color: #D07243;
	font-size:.69em;
	
}

.firmbox p{
	position:relative;
	margin-bottom:10px;
}

.firm_breadcrumb{
	position: relative;
	top: -1.2em;
	left: 18px;
	color:#3A3829;
}

.firm_breadcrumb a:hover{
	
	color:#3A3829;
}

.backtofirm{
	width:12px; 
	height:12px; 
	position:relative; 
	top:-3px;
	background-color:#D07243; 
}


.backtofirm:hover{
	background-color:#ee7727; 
}

.firmnavseparatorblock{
	width:4px; 
	height:4px; 
	position:relative; 
	top:-2px;
	background-color:#D07243;
	margin-left:4px;
	margin-right:1px;
}

#firmnav{
	position:relative;
	top: -3em;
	left: 212px;
	border-left:2px;
	border-left-style:solid;
	border-left-color: #D07243;
	padding-left: 10px;
	padding-bottom:3px;
}
#firmnav p{
	float:left;
}
#firmnav h2{
	display: inline;
}

#firm_subbreadcrumb{
	position: relative;
	width:200px;
	text-align:right;
	left: 238px;
	top: -2.2em;
	color:#3A3829;
	
}

/*----------------------------- PROJECTS MAIN ----------------------------------------------------*/
#headerProjects{
	background-image: url(../imgs/header2.jpg);
}

#breadcrumb{
	position: relative;
	top: -1.5em;
}

.projectsbox{
	position:relative;
	width:460px;
	left:245px;
	margin-top:170px;
	border-top:2px;
	border-top-style:solid;
	border-top-color: #D07243;
	font-size:.69em;
}

#projectsboxMain{
	border-top-color: #D07243;
}

.projectsTable{
	width:460px;
	margin: 8px 0 8px 0;
}

#projectsTableSub{
	position:relative;
	top:-12px;
}

#projectsTD_L{
	width:50%;
	border-right-style:dotted; 
	border-right-width:thin; 
	border-right-color:#000000;
}

#projectsTD_R{
	width:50%;
	padding-left:16px;
	vertical-align:top;
}

#projectsTD_R p{
	margin-bottom:10px;
}

#projectsTD_firm{
	width:95%;
	padding-left:8px;
	vertical-align:top;
}

#projectsTD_firm p{
	text-align:left;
}

#projectlist{
	position:relative;
	top:-10px;
}

#projectsTD_R h2{
	line-height:1.5em;
	/*line-height:3em;*/
}

#nav_projects_subtable{
	position:relative;
	width: 220px;
	height: 220px;
}

#nav_projects_subtable td{
	text-align:center;
}


#projectsGreenspacesbutton img{
	margin-bottom:6px;
	border:#6699cc solid 4px;
}
#projectsGreenspacesbutton img:hover{
	border:#41abe7 solid 4px;
}


#projectsLandplanningbutton img{
	margin-bottom:6px;
	border:#cc7c2d solid 4px;
}
#projectsLandplanningbutton img:hover{
	border:#e58c19 solid 4px;
}


#projectsCommercialbutton img{
	margin-bottom:6px;
	margin-top:6px;
	border:#922213 solid 4px;
}
#projectsCommercialbutton img:hover{
	border:#c51915 solid 4px;
}


#projectsResidentialbutton img{
	margin-bottom:6px;
	border:#776859 solid 4px;
}
#projectsResidentialbutton img:hover{
	border:#bb9457 solid 4px;
}


/*----------------------------- PROJECTS GREENSPACES SUB ----------------------------------------------------*/

#headerGreenspaces{
	background-image: url(../imgs/header3.jpg);
}

#projectsboxGreenspaces{
	border-top-color: #6699cc;
}

#overh2GS a:hover{
	color:#6699cc;
}


/*----------------------------- PROJECTS LANDPLANNING SUB ----------------------------------------------------*/

#headerLandplanning{
	background-image: url(../imgs/header4.jpg);
}

#projectsboxLandplanning{
	border-top-color: #cc7c2d;
}

#overh2LP a:hover{
	color:#cc7c2d;
}


/*----------------------------- PROJECTS COMMERCIAL SUB ----------------------------------------------------*/

#headerCommercial{
	background-image: url(../imgs/header.jpg);
}

#projectsboxCommercial{
	border-top-color: #922213;
}

#overh2CI a:hover{
	color:#922213;
}
#overh2CIsub{
	text-indent:12px;
}
#overh2CIsub a:hover{
	color:#922213;
}


/*----------------------------- PROJECTS RESIDENTIAL SUB ----------------------------------------------------*/

#headerResidential{
	background-image: url(../imgs/header2.jpg);
}

#projectsboxResidential{
	border-top-color: #776859;
}

#overh2RS a:hover{
	color:#776859;
}

/*----------------------------- PROJECTS GALLERY PAGES ----------------------------------------------------*/
#logochip{
	position:absolute;
	z-index:50;
	top:54px;
	left:435px;
}

#gallery_nav{
	position: relative;
	top: -1.6em;
}

.gallery_breadcrumb{
	position: relative;
	top: -1.2em;
	left: 18px;
	color:#3A3829;
}


#gallery_subbreadcrumb{
	position: relative;
	width:500px;
	text-align:right;
	/*left: 478px;*/
	left:184px;
	top: -2.2em;
	color:#3A3829;
	
}


.gallerybox{
	position:relative;
	width:685px;
	left:112px;
	margin-top:60px;
	border-top:2px;
	border-top-style:solid;
	border-top-color: rgb(104, 121, 51);
	font-size:.69em;
}


.galleryTable{
	position:relative;
	top:-3em;
	width:685px;
	margin: 8px 0 8px 0;
}

#galleryTD_L{
	width:70%;
	vertical-align:top;
}

#galleryTD_R{
	width:30%;
	vertical-align:top;
	line-height:1.25em;
}

#galleryTD_R p{
	position:relative;
	margin-bottom:10px;
}

.galleryPic img{
	border: 2px solid;
}


.gallerybacktoproject{
	width:12px; 
	height:12px; 
	position:relative; 
	top:-3px;
}


.galleryPicforward, .galleryPicbackward{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	top:-.90em;
}

.galleryPicforward:hover, .galleryPicbackward:hover{
	color:#000;
}

.imagecounter{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	top:-1.15em;
	left:.3em;
}

#smlogo{
	position:relative;
	width:125px;
	height:32px;
	top:4px;
	left:215px;
}
#pdflink{
	position:relative; 
	padding-top:30px;
	}
	
#pdflink img{
	margin-right:10px;
}
	
#pdflink a{
	position:relative; bottom:10px;
}
	
/*----------------------------------GREENSPACES GALLERY------------------------------*/
#headerGreenspacesShort{
	background-image: url(../imgs/header3.jpg);
	height:120px;
}

#gPicborder_greenspaces img{
	border-color:#6699cc;
}

#gallerynav_greenspaces{
	background-color:#6699cc; 
}

#gallerynav_greenspaces:hover{
	background-color:#0099FF; 
}

#gPicbackandforth_greenspaces{
	color:#6699cc;
}
#gPicbackandforth_greenspaces:hover{
	color:#0099FF;
}

#imagecounter_greenspaces{
	color:#6699cc;
}

/*----------------------------------LANDPLANNING GALLERY------------------------------*/
#headerLandplanningShort{
	background-image: url(../imgs/header4.jpg);
	height:120px;
}

#gPicborder_landplanning img{
	border-color:#cc7c2d;
}

#gallerynav_landplanning{
	background-color:#cc7c2d; 
}

#gallerynav_landplanning:hover{
	background-color:#e58c19; 
}

#gPicbackandforth_landplanning{
	color:#cc7c2d;
}
#gPicbackandforth_landplanning:hover{
	color:#e58c19;
}

#imagecounter_landplanning{
	color:#cc7c2d;
}

/*----------------------------------COMMERCIAL GALLERY------------------------------*/
#headerCommercialShort{
	background-image: url(../imgs/header.jpg);
	height:120px;
}

#gPicborder_commercial img{
	border-color:#922213;
}

#gallerynav_commercial{
	background-color:#922213; 
}

#gallerynav_commercial:hover{
	background-color:#c51915; 
}
#gPicbackandforth_commercial{
	color:#922213;
}
#gPicbackandforth_commercial:hover{
	color:#c51915;
}

#imagecounter_commercial{
	color:#922213;
}

/*----------------------------------RESIDENTIAL GALLERY------------------------------*/
#headerResidentialShort{
	background-image: url(../imgs/header2.jpg);
	height:120px;
}

#gPicborder_residential img{
	border-color:#776859;
}

#gallerynav_residential{
	background-color:#776859; 
}

#gallerynav_residential:hover{
	background-color:#bb9457; 
}
#gPicbackandforth_residential{
	color:#776859;
}
#gPicbackandforth_residential:hover{
	color:#bb9457;
}

#imagecounter_residential{
	color:#776859;
}