/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:740px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:122px; 
  background-color:#FFFFFF; 
 width:100%;
 background-image:url('images/headerbg.jpg');
}

#pageheaderleft {width:55px; float: left;
 position: relative; display:inline;}
 
#pageheaderright {width: 85%;  float: left; 
 display:inline; 
 position: relative; padding-top:15px;}

 
#pageheaderrighthome {width: 89%;  float: left; 
 display:inline; 
 position: relative; padding-top:15px;}
 
 #header_right{
	text-align: right;
	 float: right; 
 display:inline; 
 position: relative;
 width:59%;
  background-image:url('images/box1.gif');
  background-position: right bottom; 
  height: 20px;
  	vertical-align:bottom;
  	padding-top:102px;


  
}
#header_left{
	text-align: left;
	 float: left; 
 display:inline; 
 position: relative;
 width:39%;  	padding-left:5px;
}


#nav { position:relative; 
 height:20px; 
  background-color:#FFFFFF; 
 width:100%;
 background-image:url('images/greencolour.jpg');

	}
 
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:; 
   background-image:url('images/bodygreen.jpg');
   background-position: top right;
   background-repeat: no-repeat;
 }
 
#footer{
 height:20px; 
  background-color:#FFFFFF; 
 clear:both;
  background-image:url('images/greencolour.jpg');

 } 
 
 #footer_right{
	text-align: right;
	 float: right; 
 display:inline; 
 position: relative;
 width:45%;
}
#footer_left{
	text-align: left;
	 float: left; 
 display:inline; 
 position: relative;
 width:55%;
}
 
.nav {
	font-family: Verdana;
	font-size: small;
	color: #FFFFFF;
	text-align: right;
}
a.nav:link a.nav:visited a.nav:active {
	font-family: Verdana;
	font-size: small;
	color: #FFFFFF;
	text-align: right;
	text-decoration: none;
}

a.nav:hover {
	font-family: Verdana;
	font-size: small;
	color: #ffffff;
	text-align: right;
	text-decoration:underline;
}

.whitetext {
	font-family: Verdana;
	font-size: small;
	color: #FFFFFF;
	text-align: right;
}
.tel {
	font-family: Verdana;
	font-size: small;
	color: #808080;
	text-align: right;
	vertical-align: bottom;
	font-weight: 800;
}

.body{
	font-family: Verdana;
	font-size: small;
	color: #000000;
	text-align: left;
}
.body_right{
	font-family: Verdana;
	font-size: small;
	color: #000000;
	text-align: right;
}


.body_center{
	font-family: Verdana;
	font-size: small;
	color: #000000;
	text-align: center;
}

h1 {
	color: #008000;
	font-family: Verdana;
	font-size: small;
	font-weight: 800;
}

li.bullet {
	font-family: Verdana;
	font-size: small;
	color: #008000;
	text-align: left;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	list-style-type:none;
	padding-left:20px;
	margin: 0;
	
}

.brochure {padding-right:20px;}
.homebullets {padding-top:15px;}

li.product {
	font-family: Verdana;
	font-size: small;
	color: #008000;
	text-align: left;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style-type:none;
	list-style-position:outside;
padding-left:20px;



}

.producthd {
	font-family: Verdana;
	font-size: small;
	color: #000080;
	text-align: left;
}

ul.product {list-style-position: outside; margin: 0px; padding:0px;}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */