body {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #000;
	background: #d9d1cd url(img/bg.gif) repeat-x top;
	margin: 0;	padding: 0; text-align: center;
}
img {	border: none; }
a { color: #33715a; text-decoration: none; font-weight: bold; }
a:hover, a:active { text-decoration: underline; color: #000; }

.white { color: #fff; }
.green { color: #33715a; }
#container { width: 806px; height: 620px; position: relative; margin: 0 auto; text-align: left;}
.logo {	position: absolute;	left: 0;	top: 46px; }
#straplines {	position: absolute;	left: 0;	top: 420px; }
  .strapline-divider { margin: 0 1px; }
.email {	position: absolute;	left: 0;	top: 450px; color: #33715a; }

#main { width: 806px; height: 274px; position: absolute; left: 0; top: 122px;
background: url(img/main-bg.gif) no-repeat top left; }
#mainleft { width: 180px; height: 274px; float: left; color: #fff; }
#mainright { width: 621px; height: 274px; float:right; color: #fff; overflow: hidden; }

#contentbox { 	position: absolute;	left: 0;	top: 458px; 
width: 796px; border: 5px solid #ebe9e7;  overflow: visible;
background: #d9d1cd url(img/content-box-divider.gif) repeat-y 175px 0; }



#nav { width: 140px; height: 128px; margin: 0 0 0 35px; display: inline; float: left; }
#nav ul { list-style-type: none; padding: 4px 0 0; margin: 0;  }
#nav ul li { padding: 0; margin: 4px 0; width: 130px; text-align: right; line-height: 0.9em; }
#nav ul li a { font-weight: normal; display: block; margin: 0; padding: 2px 0; width: 130px; }
#nav ul li a:hover, #nav ul li a:active { color: #000; text-decoration: none; }

#subnav { width: 140px; height: 128px; margin: 0 0 0 15px; display: inline; float: left; }
#subnav ul { list-style-type: none; padding: 4px 0 0; margin: 0;  }
#subnav ul li { padding: 0; margin: 4px 0; width: 130px; line-height: 0.9em; }
#subnav ul li a { font-weight: normal; display: block; margin: 0; padding: 2px 0; width: 130px; }
#subnav ul li a:hover, #subnav ul li a:active { color: #000; text-decoration: none; }

#nav a.current, #subnav a.current { color: #000; }

#content { width: 598px; margin: 8px 6px 6px; float: right; display: inline; }
  #content p { margin: 0 0 12px; line-height: 1.2; }
		#content h4 { margin: 0 0 4px; font-weight: bold; color: #33715a; font-size: 1em; }

#contentshort { width: 425px; margin: 8px 6px 3px; float: right; display: inline; position: relative;}
  #contentshort p { margin: 0 0 12px; line-height: 1.2; }
  #contentshort p.projectsnav { margin: 0; text-align: right; padding: 0; color: #fff; }
		#contentshort p.projectsnav a { color: #33715a; }
		#contentshort p.projectsnav a:hover, #contentshort p.projectsnav .current { color: #000; text-decoration: none; }
		#contentshort p.projectsnav a, #contentshort p.projectsnav .current { display: inline; padding: 4px 6px 2px; }
		
#contentshort p.projectsfooter { width: 286px; position: absolute; left: 0; bottom: 0; margin: 0; font-size: 0.85em; color: #333; }
	
.key { position: absolute; top: 86px; left: 190px; width: 140px;}
  .key p { margin: 0; font-size: 0.9em;}
		.key img { position: relative; top: 4px; margin-right: 3px; }
		
#contentshort ol { width: 100%; margin: 0 0 6px; padding: 0; }
#contentshort ol li { line-height: 1em; border-bottom: 1px solid #ebe9e7; color: #33715a; list-style-type: none;
padding: 4px 0 4px;}
#contentshort ol li.first { padding: 0 0 2px; }
#contentshort ol li.res { background: url(img/icon-res.gif) no-repeat right center; }
#contentshort ol li.com { background: url(img/icon-com.gif) no-repeat right center; }
#contentshort ol li img { position: absolute; right: 5px; }
#contentshort ol a { font-weight: normal; color: #33715a; }
#contentshort ol a:hover, #contentshort ol a:active, #contentshort ol a.current { color: #000; text-decoration: none; }

.clearfloat {	clear: both;	margin: 0;	padding: 0;	height: 2px;	line-height: 2px;	overflow: hidden; }

.footer {	position: absolute;	left: -5px;	color: #33715a; padding-top: 15px; }
.footer p { padding: 0; margin: 10px 0; font-size: 12px;}
.footer p a { font-weight: normal; }
.footer p a:hover, .footer p a:active { color: #000; }
.footer p a:link, .footer p a:visited  {  }

#content p.cslink { margin: 0 0 4px; }
.cslink a { display:block; background: #86b453; padding: 6px 10px; margin: 18px 8px 0 0; font-weight: normal; }
.cslink a:link, .cslink a:visited { color: #fff; }
.cslink a:hover, .cslink a:active { background: #33715a; text-decoration: none; }

#mainleft h3 { margin: 16px 16px 6px 12px; font-weight: normal; font-size: 1.2em; }
#mainleft h4 { margin: 0 16px 10px 12px; font-weight: normal; font-size: 1em; }
#mainleft p { margin: 10px 16px 10px 12px; line-height: 1.5; }
#mainleft a, #mainrightfirst a, #mainrightsecond a { color: #e0d6ac; font-weight: normal; }
#mainleft a:hover, #mainleft a:active, #mainleft a.current, #mainrightfirst a:hover, #mainrightfirst a:active, #mainrightfirst a.current { color: #000; text-decoration: none; }

#mainright.cs { background: #86b453; }
#mainright.cs h3 { margin: 0 0 8px; }

#mainrightfirst { margin: 14px 12px 13px 16px; width: 266px; }
  #mainrightfirst p { line-height: 1.3; margin: 0 0 12px; }
#mainrightsecond { width: 325px; float: right; margin: 0; }
#mainrightfull { margin: 14px 12px 13px 16px; width: 586px; height: 247px; overflow: auto; }
  #mainrightfull p { line-height: 1.3; margin: 0 0 12px; }
.cs #mainrightfirst p { line-height: 1.12; margin: 0 0 6px; }
.cs #mainrightfirst a:link, .cs #mainrightfirst a:visited { color: #33715a; }
.cs #mainrightfirst a:hover, .cs #mainrightfirst a:active { color: #000; }


.floorplanthumb { float: left; margin: 14px 0 0 16px; display: inline; width: 105px; text-align: center; line-height: 1; }
.floorplanthumb img { padding-bottom: 4px; margin: 0; }
.floorplanthumb a, .floorplanthumb a:link { color: #fff; font-weight: normal; }
.floorplanthumb a:visited { color: #ddd; font-weight: normal; }
.floorplanthumb a:hover, .floorplanthumb a:active { color: #000; text-decoration: none; font-weight: normal; }
.newline { clear: left; }

.gallerythumb { float: left; margin: 0 17px 10px 0; }
.gallerythumblast { float: left; margin: 0 0 10px 0; }
.gallerythumbbottom { margin-bottom: 0; }