/* 
Databasics.uk.com  shades of green stylesheet June 2010 by Adrian Whelan ASW Web & Media http://web.adrianwhelan.com*/

/*CSS Reset*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

body{
	background-color:#fff;
	background-image:url(images/bg2.gif);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	font-size:80%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	
}
/*Text styles*/
h2{
	font-size:1.68em;
	font-weight:normal;
	margin:20px 0px 0px 20px;
	
}

h3{
	font-size:1.2em;
	font-weight:normal;
	margin:20px 0px 10px 0px;
	
}
h4{
	font-size:1em;
	font-weight:bold;
	margin:10px 0px 0px 20px;
	
}

p{
margin:20px 60px 20px 0px;
line-height:1.8em;
	
}
/*structure*/
#container { 
	width:960px;  
	background-color:#b3bead;
	background-image:url(images/cont_bg.gif);
	background-repeat:repeat-x;
	margin: 10px auto; 
	padding:0;
	text-align: center; 
	overflow:auto;
}

#topbar{
	width:960px;
	height:140px;
	margin:0px 0px 0px 0px;
	padding:0;
	background-image:url(images/topbar_bg.gif);
	background-repeat:no-repeat;
	}
#topTitle{
	float:left;
	width:760px;
	height:64px;
	margin:0;
	padding:0;
}


h1{
  text-indent: -9999px;
  float: left;
}

h1 a:link, h1 a:visited {
  display: block;
  background: url(images/logo3.png);
  background-repeat:no-repeat;
  background-position: 0px -64px;
  float: left;
  width: 760px;
  height: 64px;
  	text-decoration: none;
	margin:0px 0px 0px 40px;
	padding:0;
  
}
h1 a:hover {
  display: block;
  background: url(images/logo3.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  float: left;
  width: 760px;
  height: 64px;
	margin:0px 0px 0px 40px;
	padding:0;
	}

#phone{
	float:left;
	margin:10px 40px 0px 40px;
	padding:0px 0px 0px 30px;
	background-image: url(images/phone2.png);
	background-repeat:no-repeat;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	
}

	
#topNav{
  float: right;
	width:100%;
	height:50px;
	margin:20px 0px 0px 0px;
	background-image:url(images/nav_bg.jpg);
	color:#f8fafd;
}
#topNav ul{
	float:right;
	width:460px;
	margin:10px 120px 0px 80px;
	color:#eff2eb;
	overflow:hidden;
}
#topNav li{
  list-style-type: none;
  display: block;
  float: left;
  width:90px;
  text-align: center;
  font-size:1em;
  font-weight:bold;
  margin: 0px;
  border-right: 1px solid #f8fafd;
}
#topNav li a:link, #topNav li a:visited{
	color:#eff2eb;
	text-decoration:none;
	}
#topNav li a:hover{
	color:#FF0;
	text-decoration:none;
	}
#active{
	color:#6F0;
	text-decoration:none;
	}
	


/* ---- content stuff ---- */



#content{
	width:920px;
	margin:10px 10px 40px 10px;
	background-color:#fff;
	padding:20px 0px 10px 0px;
	text-align:left;
	border:1px solid #CCC;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 -1px 1px #666;
    -moz-box-shadow:0 0 1px #666;
    box-shadow:0 1px -1px #666;
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'holder' class */


}

#content h2{
	margin:10px 0px 0px 40px;
	color:#409b02;
	font-size:1.8em;
}

#content h3{
	font-size:1.2em;
	font-weight:normal;
	margin:20px 0px 10px 40px;
	color:#cc3500;

	
}
#content h4{
	font-size:1em;
	font-weight:bold;
	margin:10px 0px 0px 40px;
	color:#409b02;
	
}
#content ul{

	margin:10px 0px 0px 40px;

}
#content .headline{
	font-size:1em;
	font-weight:bold;
	margin:20px 40px 10px 40px;
	color:#333;
}

#content .subhead{
	font-size:1em;
	font-weight:bold;
	color:#333;
}
#content p{
	margin:20px 40px 20px 40px;
	font-size:.9em;
	line-height:1.2em;
}
#content a:link,#content a:visited{
	color:#3486e0;
	text-decoration:none;
}
#content a:hover{
	color:#0C0;
	text-decoration:none;
}

#content ul{
	
  list-style-type: disc;
  list-style-position:outside;
  margin:0px 20px 10px 40px;
}	
	
#content li{
	margin:10px 20px 0px 20px;
}	
.quote{
	width:560px;
	background-color:#E9F1F3;
	margin:0px 20px 10px 40px;
	padding:10px;
	font-size:.8em;
}	
.quote li{
list-style-type: none;  
  margin:0px 40px 10px 20px;
	font-style:italic;
	}	
	
.quote li h4{
	float:right;
	font-style:normal;
	margin:10px 100px 10px 0px;
}
#up{
	height:20px;
	background-image:url(images/up.png);
	background-repeat:no-repeat;
	padding: 0px 0px 10px 30px;
	margin:10px 10px 20px 60px;
	text-align:left;
	
}	
	
#pagelinks{
	dispay:block;
	margin:0px 100px 0px 0px;
	text-align:left;
}
#pagelinks li{
  list-style-type: none;
  display: inline;
  font-size:1em;
  font-weight:normal;
	text-align:left;
  margin: 0px 10px 20px 0px ;
}	
/*projects page side box*/
#projbar{
	float:right;
	display:block;	
	width:280px;
	height:1120px;
	margin:20px 0px 40px 20px;
	}

/*services page side box*/
#oxford{
	width: 320px;
	margin:0;
	padding:0px 10px 10px 0px;
	font-size:.8em;
	background-color:#F0F0F0;
	border:1px solid #999;
}
#oxford h3{
	color:#409b02;
	margin:20px 10px 10px 20px;
}
#oxford h4{
	color:#cc3500;
	margin:0px 10px 10px 20px;
}	
#oxford p{
	line-height:1em;
	margin:0px 10px 10px 20px;
	color:#666;
}
.slope{
	font-style:italic;
	font-size:.8em;
	color:#666;
}
.small{
	font-size:.8em;
	}
/* banner stuff*/	
	
	
#smaller{
	font-size:90%;
	
}	
#banner{
	display:block;
	width:880px;
	height:160px;
	background-image:url(images/banner_bg3.png);
	background-repeat:no-repeat;
	margin:10px 20px 10px 20px;
  text-indent: -9999px;
	}

#banner_button{
	position:relative;
	top:210px;
	left:640px;
	width:178px;
	height:46px;
	display:block;
	margin:0px 40px 20px 0px;
  text-indent: -9999px;
	}
	

#banner_button a:link, #banner_button  a:visited {
  display: block;
  background: url(images/yellbutton.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
  width: 178px;
  height: 46px;
  	text-decoration: none;
	margin:0;
	padding:0;
  
}
#banner_button a:hover {
  display: block;
  background: url(images/yellbutton.png);
  background-position: 0px -50px;
  background-repeat:no-repeat;
  width: 178px;
  height: 46px;
	margin:0;
	padding:0;
	}
/*features boxes home page)*/

#features{
	display:block;
	width:900px;
	height:450px;
	margin:0px 10px;
	text-align:left;
}	

#features h2{
	font-size:1.4em;
	font-weight:normal;
	margin:20px 0px 0px 20px;
	
}

#features h3{
	font-size:1.2em;
	font-weight:normal;
	margin:20px 0px 10px 0px;
	
}	
.featurebox{
	display:block;
	float:left;
	width:420px;
	height:440px;
	margin:0px 15px 20px 15px;
	background-image:url(images/featurebox_bg.gif);
	}
.featurebox img{
	float:right;
	margin:20px 20px 20px 20px;
	}
	
	
.featurebox h2{
	font-size:1.4em;
	font-weight:normal;
	margin:40px 0px 0px 20px;
	
}

.featurebox h3{
	font-size:1.2em;
	font-weight:normal;
	margin:20px 0px 10px 0px;
	
}	

.featurebox p{
	font-size:1em;
	margin: 0px 20px 10px 20px;
	line-height:1.1em;
	
	}	
	
.featurebox ul{
	font-size:90%;
	
	line-height:11px;
}
.readmore{
	font-size:16px;
	margin:0px 20px 10px 280px;
	}




#praise{
	display:block;
	width:880px;
	height:220px;
	margin:10px 20px 20px 20px;
	padding:20px 0px 0px 0px;
	background-image:url(images/praise_bg.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	
	
}
#praise1{
	font-size:16px;
	color:#e05d0d;
	margin:20px 10px 10px 40px;
	
}

#praise2{
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	lineheight:20px;
	margin:20px 60px 0px 60px;
	
}

#praise3{
	float:right;
	font-size:14px;
	font-weight:bold;
	margin:20px 80px 10px 300px;
	line-height:14px;
}
.big{
	font-size:20px;
	font-weight:bold;
	margin:0;
	}
	
	
	
	
/*----- client page stuff----*/

.punters{
	float:right;
	display:block;
	width:320px;
	height:600px;
	margin:0px 40px 40px 40px;
	padding:0;
}
.punters h4,{
	margin:0;
	padding:0;
	font-size:12px;
	color:#cc3500;
	font-weight:bold;
}
.punters ul{
	margin:0;
	padding:0;
}
.punters li{
	list-style-type:none;
	list-style-position:outside;
}
/*------environ mental---*/
#green{
	float:right;
	margin:0;
	padding:0;
	margin:20px, 20px, 40px,40px;
}
	
	
	
/*---- footer stuff ---- */

#footer{
	width:960px;
	margin: 20px auto; 
	padding:0;
	text-align: center; 
	overflow:auto;
	
	
}

#contact a:link, #contact a:hover, #contact a:visited{
	color:fff;
}
#legal{
	font-size:.9em;
	line_height:.9em;}
.footbox{
	float:left;
	width:240px;
	height:240px;
	margin:10px 20px 40px 20px;
	padding: 0px 10px 10px 10px;
	font-size:.8em;
	text-align:left;
}
.footbox img{
	float:left;
	margin:20px;
	}
.formbox{
	float:left;
	width:260px;
	margin:10px 20px 40px 20px;
	padding: 0px 0px 10px 0px;
	font-size:.8em;
	text-align:left;
}

.footbox h2, .formbox h2{
	margin:0px 0px 0px 20px;
	color:#fff;
}

.footbox h3, .formbox h3{
	font-weight:bold;
	margin:10px 0px 0px 20px;
	color:#fff;
}
.footbox p, .formbox p{
	line_height:.8em;
	margin:0px 0px 5px 20px;
	color:#fff;
	
}
.footbox ul{
	margin:0px 0px 10px 0px;
	}

#footbox li{
}

#footer a:link, a:visited  {
	color:#3486e0;
	
}
#footer a:hover  {
	color:#910000;
}


/*form styles*/
input{
    width: 260px;
	background-color:#f8f8f8;
	border:1px solid #838f7d;
   	margin-bottom: 5px;
	overflow:auto;
}

textarea{
	width: 260px;
	height: 100px;
	background-color:#f8f8f8;
	border:1px solid #838f7d;
   	margin-bottom: 5px;
	overflow:auto;
}

#submitbutton{
margin:10px 0px;
width: 260px;
background-color:#838f7d;
border:1px solid #999;
color:#fff;
}


#company{
	float:left;
	width:220px;
	margin:20px 0px 10px 60px;
	padding: 10px 0px 10px 10px;
	font-size:.8em;
	text-align:left;
	background-color:#b3bead;
	border:2px solid #EAEADF;
	
}
#company h2{
	margin:0;
	color:#fff;
}
#company p{
	width:200px;
	line_height:.8em;
	margin:0px 0px 5px 0px;
	color:#fff;
	
}

#facebook{
	float:left;
	width:120px;
	height:60px;
	margin:20px 0px 10px 60px;
	padding:0;text-align:left;
}

#bottomlinks{
	float:left;
	display:block;
	width:920px;
	height:55px;
	margin:0px 20px;
	font-size:.9em;
	border-top:1px solid #999;
	
}
#bottomlinks ul{
	margin:0px 0px 0px 20px;
}
#bottomlinks li{
    list-style: none;
  display: block;
  float: left;
	text-align:center;
	margin:10px 10px 0px 10px;
}

#bottomlinks a:link, #bottomlinks a:visited{
	color:#fff;
	}


#bottomlinks a:hover{
	color:#09F;
	}

#legalinks{
	float:right;
	margin:0px 140px 0px 0px;
	font-size:.8em;
	font-style:italic;
}


/*general floats for re-use*/
.fltlft{
	float:left;;
	margin:20px 40px 0px 40px;
	padding:0;
}

.fltrt{
	float:right;
	width: 280px;
	margin:0px 40px 40px 40px;
	padding:10px 20px 20px 0px;
	border:1px solid #999;
}
.fltrt2{
	float:right;
	width: 320px;
	margin:0px 40px 40px 40px;
	padding:0;
}

bgimg{
	float:right;
	width: 320px;
	margin:0px 0px 0px 0px;
	padding:0;
	border:0;
}

.fltrt{
	float:right;
	width: 280px;
	margin:0px 40px 40px 40px;
	padding:10px 20px 20px 0px;
	border:1px solid #999;
}