body {
		margin: 5px 0 0 0;
		padding:0;
		background:#000 url('images/bg.gif') repeat;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
		}

#frame {
		width:960px;
		background: #e6f8a6;
		margin:0 auto 20px auto;
		padding:0;
		text-align:left;
		}
		
/*nav*/	
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav a {
  font: bold 13px "Trebuchet MS", arial, helvetica, sans-serif;
	display: block;
	width: 100px;
	text-align:center;
	background:#B8DE5F;
	padding: 5px 0 0 0;
	height: 28px;
	}
#nav a:hover {
	background-color:#B8DE5F;
	color: #fff;
}
#nav li {
	float: left;
	 /*width: 10em; opera*/
	}
/*hide subs*/
#nav li ul {
	position: absolute;
	width: 10em;
	left: -1999em;
}
/*on hover show subs, little .sfhover javascript for ie*/
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}
/*on click show subs for ipad*/
#nav li:active ul {
	left: auto;
}
#home a {
	width: 100px;
	}
#galleries a {
	width: 153px;
	}
#galleries a:hover {
	color: #4B7836;
}
#team a {
	width: 155px;
	}
#kudos a {
	width: 100px;
	}
#services a {
	width: 178px;
	}
#services a:hover {
	color: #4B7836;
	}
#builders a {
	width: 160px;
	}
#contact a {
	width: 114px;
	}
#nav li ul a {
	padding: 5px 0 0 0;
	height: 20px;
	width: 170px;
	text-decoration: none;
	}
#nav li ul li a:hover {
	background-color:#B8DE5F;
	color: #fff;
}

h1 {
	font-size: medium;
	color: #333;
	padding: 19px 0 0 0;
		}
h2 {
	font-size: medium;
	color: #f90505;
	
		}		
/* homepage */
#content {
		padding: 0px;
		background:url('images/focalpoint.jpg') top center no-repeat;
		width:960px;
		height:325px;
		}
#right {
		width:250px;
		float:right;
		padding: 5px 20px 10px 20px;
		color:#fff;
		font-size: small;
		}
#hleft {
		clear:left;
		width:230px;
		float:left;
		padding: 19px 0 10px 19px;
		margin:0;
		font-size: small;
		}
#content3 {
		width:680px;
		padding: 20px 10px 20px 0;
		margin-left: 260px;
		font-size: small;
		}
/* design galleries and pages without black */
#gcontent {
		width:920px;
		padding: 40px 20px 20px 20px;
		background: #E3FAA2;
		font-size: small;
		min-height:525px;
		}
* html #gcontent {height:525px;}

div.float {
  float: left;
  }
div.gfloat {
  float: left;
  }
  
div.float p {
   text-align: center;
   width: 120px;
   margin: 0 0 10px 0;
   padding: 8px 14px;
   }
div.gfloat p {
   text-align: center;
   width: 120px;
   margin: 0 0 10px 0;
   padding: 2px;
   }
   
.photo img {
	border: solid 1px #4B7836;
	}

.photo:hover {
visibility:visible;
}

.photo:hover img {
	border: solid 1px #A6CF4D;
	}
	
.gallery {
	border: solid 1px #000000;
	}	
	
/* idea gallery */	
#left {
		float: left;
		width: 490px;
		padding-top: 20px;
		text-align: center;
		font-size: small;
		min-height:515px;
		}
* html #left {height:515px;}

#content2 {
		width:470px;
		margin-left: 490px;
		padding-top: 35px;
		font-size: small;
		min-height:500px;
		}
* html #content2 {height:500px;}

#icontent {
		width:920px;
		padding: 20px;
		background: #E3FAA2;
		font-size: small;
		}
div.ifloat {
  float: left;
  }
  
div.ifloat p {
   margin: 0;
   padding: 3px;
   }
   
/* contact page */
#ccontent {
		padding-top: 20px;
		background:url('images/focalpoint2.jpg') top center no-repeat;
		width:960px;
		min-height:325px;
			}
* html #ccontent {height:325px;}

a.onblack:link {
	color: #A6CF4D;
	text-decoration: none;
	}
a.onblack:visited {
	color: #A6CF4D;
	text-decoration: none;
	}
a.onblack:hover {
	color: #4B7836;
	text-decoration: none;
	}
a.onblack:active {
	color: #4B7836;
	}
	
/* team page */
#content3b {
		width:920px;
		padding: 40px 20px 20px 20px;
		background: #000;
		color:#ccc;
		font-size: small;
		}
.team {
	border: solid 1px #A6CF4D;
	margin: 5px 10px;
	}
.white	{
	color:#fff;
	}
.green	{
	color:#A6CF4D;
	}
	
.clearer {
 height:1px;
 overflow:hidden;
 margin-top:-1px;
 clear:both;
}		
	
a:link {
	color: #4B7836;
	text-decoration: none;	
	}
a:visited {
	color: #4B7836;
	text-decoration: none;
	}
a:hover {
	color: #A6CF4D;
	text-decoration: none;
	}
a:active {
	color: #A6CF4D;
	}

#footer {
	clear: both;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: x-small;
	text-align:center;
	color:#ccc;
	padding: 0 0 10px 0;
	}

a.footer:link {
	color: #ccc;
	text-decoration: none;
	}
a.footer:visited {
	color: #ccc;
	text-decoration: none;
	}
a.footer:hover {
	color: #999;
	
	}
a.footer:active {
	color: #999;
	}