body {
  	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image:url(http://www.dlzdesign.co.uk/mm/Grass0003_2_S.jpg);
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:1000px;		/* Minimum width of layout - remove line if not required */
	size:90%;
	text-align:center;
}	
	#fixed {
   margin:0 auto;
   width:100%;   /* you can use px, em or % */
   text-align:center;
   padding:0px;
}

	a {
		color:#369;
		width:auto;
	}
	a:hover {
		color:#fff;
		background:;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
	margin:0px 0 5px;
	border: 0px;
	}
	/* Header styles */
	#header {
	clear:none;
	float:left;
	width:100%;
	padding: 0px;
	text-align:right;
	margin:0px;
	height: 120px;
	}
	#header img{
	margin-left: 0px;
	margin-top: 0px;
	}
	#header p,
	#header h1,
	#header h2 {
	color:#91B91B;
	width:100%;
	padding: 0px;
	text-align:center;
	margin: 0px;
	}
	#banner	{
	background-image:url(images/bannertop.png);
	float:right;
	text-align:center;
	width: 60%;
	height: 90px;
	color: #95BF1C;
	margin-right: 20px;
	margin-top: 20px;
	padding:0px;
	position:relative;
	}
	#logo	{
	float:left;
	width: 300px;
	margin-top:20px;
	margin-left:20px;
	position:relative;
	}
	/* 'widths' sub menu */
	#menu {
	clear:both;
	margin:0;
	height:30px;
	padding:0px 10px !important;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
	font-size: 14px;
	background-color:#999999;
	background-image:url(images/bgmen.jpg);
	background-repeat:repeat-x;
	border-bottom:#669900 medium solid;	
		}
#menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu li {
	float:left;
	width:150px;
	list-style:none;
	border-left:#333333 thin solid;
	border-right:#333333 thin solid;	
} 
#menu li a {
	height: 30px;
	line-height: 30px;
	float: left;
	width: 150px;
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	text-align: center;	
} 
#menu ul li a:hover{
	border-bottom:#0000CC medium solid;
}
	#search	{
	float:right;
	text-align:center;
	width: 200px;
	height: 59px;
	position: relative;
	background-image:url(images/search.png);
	background-repeat:no-repeat;
	line-height: 17px;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
	float:left;
	position:relative;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	}
	/* 3 Column settings */
	.threecol {
		background:;		/* right column background colour */
	}
	.threecol .colmid {
		right:27%;			/* width of the right column */
		background:;		/* center column background colour */
	}
	.threecol .colmid li {
	font-size: 12px;
	margin: 0;
	list-style:square;
	line-height: 18px;
	}
	.threecol .colmid a {
	display: inline;
	color: #1248ab;
	text-decoration: none;
	width: auto;
	list-style: none;
	}
	.threecol .colmid a:hover {
	color: #95bf14;
		}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:;	/* left column background colour */
	}
	.threecol .col1 {
	width:66%;			/* width of center column content (column width minus padding on either side) */
	left:96%;			/* 100% plus left padding of center column */
	background:#ffffff;
	text-align:left;
	padding-left: 2px;
	padding-right: 2px;
	min-width:400px;
	font-size:12px;
	}
	.threecol .col1	h1	{
	color:#669900;
	font-size: 18px;
	padding-bottom: 5px; 
	padding-top: 5px; 
	padding-left: 3px;
	}
	.threecol .col2 {
	width:18%;			/* Width of left column content (column width minus padding on either side) */
	left:11%;
	color: #abcd44;
	text-align:left;

	font-size: 14px;
	background-color: #333333;
	}
	.threecol .col2	h2	{
	color:#669900;
	font-size: 14px;
	padding-bottom: 3px; 
	padding-top: 3px; 
	padding-left: 5px;
	}
	.threecol .col2 ul {
	list-style: none;
	margin: 0;
	padding-left: 0px;
	border: none;
	}
	.threecol .col2 li {
	font-size: 14px;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #686868;
	width: 100%;
	}
	.threecol .col2 li a {
	display:block;
	padding:5px;
	background-color: ;
	color: #fff;
	font-size:11px;
	text-decoration: none;
	width: 100%;
	height:25px;
	line-height:25px;
	list-style:none;
	}
	.threecol .col2 li a:hover {
	background-color: #abcd44;
	color: #000000;
	width:100%;
		}

	.threecol .col3 {
	width:13%;			/* Width of right column content (column width minus padding on either side) */
	left:78%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	text-align: center;
	background-color:#333333;
	height: auto;
	color: #999999;
	font-size: 10px;
	min-width:100px;
	}
	
	#parent {
/* set a width here if needed*/
}
#parent div {
	width:48%;
	float:left;
	margin:5px;
	border-bottom: 1px solid #bbbcb9;
	border-left: 1px solid #bbbcb9;
	border-right: 1px solid #bbbcb9;
	text-align:center;
}
.client {
	width: 600px;
	height:auto;
	clear:both;
/* set a width here if needed*/
}
.client div {
	width:160px;
	float:left;
	margin:20px;
	text-align:center;
	display: block;
	height: auto;
	vertical-align: middle;
}
	#home	{
	width: 99%;
	margin:2px;
	margin-right:2px;
	padding:2px;
	background-image: url(images/ban.jpg);
	padding-top: 5px;
	padding-bottom: 0px;
	}
	#top {
	width:300px;
	float:right;
	font-size:11px;
	height:40px;
	background:url(images/topbg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:10px;
	}
	#top ul {
	list-style:none;
	padding:0;
	margin:0;
}
	#top li {
	float:left;
	width:70px;
	list-style:none;	
} 
	#top li a {
	height: 40px;
	line-height: 40px;
	float: left;
	width: 60px;
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	text-align: center;	
} 
	#top ul li a:hover{
	color:#0000FF;
}
	/* Footer styles */
	#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	background-color:#333333;
	margin-top: 10px;
	font-size: 12px;
	}
	#footer p {
	padding:10px;
	margin:0;
	color: #FFFFFF;
	}
	#cloud	{
	float:right;
	width: 30%;
	padding:10px;
	}
	/*  */
	#banner	{
	text-align:center;
	background: none;
	padding-top:0px;
	margin-top:0px;
	width: 500px;
	height: 107px;
	}
	#cont	{
	float:right;
	width: 500px;
	background-image:url(images/contbg.png);
	color:#999999;
	font-style:italic;
	font-weight:bold;
	}
	#cont a	{
	color:#999999;
	}
	SPAN.price {
	color:#009900;
	font-weight:bold;
	}
	#contactban {
	width:300px;
	height:59px;
	float: left;
	}
