body
{
  margin: 0px;
  padding: 0px;
  color:#666666;
  font: normal 101%/1.2em Arial,Helvetica, sans-serif;
  text-align: center;
  background: #557F01 url("../images/bg.jpg") top center scroll;
}

img
{
  vertical-align: text-bottom;  
  border: 0px;
}

#skip
{
  display:none;
}


#center
{
  position: relative;
  text-align: left;
  width: 627px;
  margin: 40px auto 40px;
  border: 2px solid #5F605F;
  background: white;
  font: normal 9px/13px Verdana, sans-serif;
}

#navigation
{ 
  height: 140px;
  margin:0;
  padding: 0;
 }

#main
{ 
  margin: 40px 0px 40px 20px;
  float: left;
  width: 240px;
 }

#callout
{ 
  float: right;
  margin: 40px 0px 0px;
  width: 300px;
 }
 
#footer
{ 
  height: 50px;
  padding: 10px 20px;
  background: #DFDFDF url("../images/bot1.jpg") repeat-x top left;
 }

#footer a
{ 
  color: #666666;
 }

h1, h2
{ 
  display: none;
 }

a {
	text-decoration: none;
	color:#90AA00;
}

a:hover{text-decoration:underline;}

p { 
  margin: 0 0 1.5em;
 }

h3 
{
  text-indent: -999em;
  overflow: hidden;
  padding: 0;
  margin: 0 0 1em;
  height: 15px;
  width: 200px;
 }
#services h3 { background: transparent url("../images/titles/services.gif") top left no-repeat; }
#clients h3 { background: transparent url("../images/titles/clients.gif") top left no-repeat; }
#about h3 { background: transparent url("../images/titles/about.gif") top left no-repeat; }
#contact h3 { background: transparent url("../images/titles/contact.gif") top left no-repeat; }
#callout h3 { background: transparent url("../images/titles/latest_projects.gif") top left no-repeat; }



h4 {
  margin: 1em 0px 0.2em;
  padding: 0px;
  font-size: 1.2em;
}

label 
{ 
  display: block;
  width: 120px;
  margin-top: 1em;
 }

input, textarea
{ 
  padding: 3px;
  border: 2px solid #ededed;
 }

address
{ 
  font-style: normal;
  margin-top: 1em;
}

ul
{ 
  list-style: none outside;
  margin: 0 0 1em;
  padding:0;
}

li
{ 
  margin: 0;
  padding-left: 15px;
  background: transparent url("../images/dotpoint.gif") no-repeat  0px 6px;
 }


blockquote
{ 
  margin: 0;
  font-size: 10px;
  background: transparent url("../images/quote.gif") no-repeat  top left;
text-indent: 20px;
  padding: 5px;
 }
cite
{ 
  display: block;
  text-align: right;
 }
 
#callout blockquote
{ 
clear: both;
 }
.client
{ 
  width: 130px;
  float: left;
  margin: 0px 0px 2em 10px;
 }

.client a
{ 
  display: block;
  background: transparent url("../images/arr.jpg") no-repeat left center;
  margin: 3px 0px;
  padding: 3px 0px 0px 20px;
  color: black;
  text-decoration: underline;
 }
 hr {
	border: none;
	color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	}
p.footerspace {
	height: 500px;
	}
	textarea {
	height: 200px;
	width: 200px;
}