/**************************************************
1. Style Reset
**************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* Unordered Lists */

ul{
list-style: none;
}

/* Blockquote / Quote */
blockquote, q{
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* Focus styles */

:focus{
outline: 0;
}

/* remember to highlight inserts somehow! */

ins{
text-decoration: none;
}

del{
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table{
border-collapse: collapse;
border-spacing: 0;
}

p{
margin: 0;
line-height: 1.6em;
}	

.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */

/* Layout */

html {
height: 102%;
}

body {
background:url(../img/bg.jpg);
background-repeat:repeat-x;
background-color:#9DC750;
}

#wrapper {
padding-top:0px;
width:858px;
margin:auto;
}	

#header{
float:left;
width:858px;
margin-top:30px;
}

h1{
float:left;
width:205px;
}

#topnav {
float:left;
width: 648px;
height: 50px;
background:url(../img/topnavbg.gif);
background-repeat:repeat-x;
background-color:#FFF;
margin-top:93px;
border-top:2px solid #E3EBD6;
}

#topnav ul { height: 50px; }
#topnav ul li { display: inline;}
#topnav ul li a {
display: block;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#000;
text-decoration: none;
border-right:1px solid #ccc;
padding-top:15px;
padding-left:31px;
padding-right:32px;
height:35px;
}

#topnav ul li a:hover {
color:#A3CA59;
}

#lowernav{
float:left;
width:846px;
background-color:#A3CA59;
margin-left:4px;
border-left:2px solid #C7CEB8;
border-right:1px solid #ccc;
}

#lowernav ul { height: 26px; }
#lowernav ul li { display: inline;}

#lowernav ul li a {
display: block;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration: none;
height:21px;
padding-top:5px;
margin-left:22px;
margin-right:22px;
}

#lowernav ul li a:hover {
color:#333;
text-decoration:underline;
}

#centrepiece{
float:left;
width:848px;
height:205px;
background:#FFF;
padding:1px;
margin-left:4px;
}

#content{
float:left;
width:820px;
background:#FFF;
padding:15px;
margin-left:4px;
}

#accreditation{
float:left;
width:820px;
background:#FFF;
padding:15px;
margin-left:4px;	
}

#accreditation img{
margin-right:120px;
}

h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:17px;
color:#B48421;
margin-bottom:15px;
}

p, table, h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
line-height:150%;
}

h3{
font-weight:bold;
margin-bottom:10px;
}

p{
margin-bottom:10px;	
}

#content ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin-top:12px;
line-height:150%;
}

#content li{
	line-height:normal;
	margin-top:0px;
	list-style-image:url(../img/bulet.png);
	margin-left:20px;	
}


#content ul{
margin-bottom:15px;	
}

#footer{
float:left;
width:820px;
text-align:center;
padding-left:15px;
padding-right:15px;
padding-top:5px;
margin-bottom:15px;
}

#footer p{
color:#FFF;	
}

#footer a:link, #footer a:visited{
color:#FFF;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;	
}

#left{
float:left;
width:550px;	
}

#right{
float:left;
width:240px;
margin-left:20px;
}

#right img{
width:230px;	
padding:2px;
border:1px solid #093;
margin-top:8px;
}

.bottom-border{
border-bottom:1px dashed #0CF;	
margin-bottom:10px;
}

#content a:link, #content a:visited{
color:#093;
text-decoration:none;
}

#content a:hover{
color:#093;
text-decoration:underline;
}

.mobile-homes{
float:left;
width:800px;
border-bottom:1px dashed #0CF;
margin-bottom:10px;
}

.mobile-homes img{
float:left;
width:200px;
padding:5px;
padding-bottom:45px;
}

.product_photos{
float:left;
width:200px;
padding:2px;
border:1px solid #093;
margin-right:10px;
}

.img_lhs{
float:left;
margin-right:5px;
width:200px;
}

.img_rhs{
float:right;
margin-left:5px;
width:200px;
}

.list-padding{
padding-left:220px;
}

.clear{
clear:both;	
}

.cellheader{
background:#9DC750;
border:none;
}

table{
margin-bottom:15px;	
}

td{
border-bottom:1px dashed #0CF;	
padding:2px;
}

.hidden{
display:none;
}