@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #4c4c4c;
	background: #fff url(images/header-slither.gif) repeat-x 0 100px;	
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	display: block;
}

#container {
	width: 974px;
	text-align: left;
	margin: 0px auto;
	position: relative;
	height: auto;
	padding: 0;
	min-height: 100%;
	display: block;
	top: 0;
}

#header{
	display: block;
	height: 331px;
	width: 974px;
	position: relative;
	z-index: 10;
	top: 0;
	left: 0;
}

.header-middle{
	float: left;
	width: 974px;
	margin: 2px 0 0 0;
	position: relative;
	display: block;
	top: 0px;
	height: 265px;
}

.flash{
	float: left;
	width: 701px;
	height: 265px;
	position: relative;
	}

#FlashID{
	float: left;
	width: 701px;
	height: 265px;
	position: relative;
	
	}


.logo{
	position: relative;
	height: 57px;
	width: 408px;
	top: 20px;
	margin-left: 0px;
	float: left;
	clear: both;
	border: 0;
}

.logo img{
	position: relative;
	height: 57px;
	width: 408px;
	clear: both;
	border: 0;
}

.top-contacts{
	position: relative;
	float: right;
	margin: 50px 0 1px 10px;
	color: #3b6e04;
	font-size: 24px;
	line-height: 1.3em;
	}

.content{
	width: 974px;
	position: relative;
	margin: 0px 0 0px 0px;
	padding: 20px 20px 0px 30px;
	background: url(images/middle-slither.gif) repeat-y;
	}

.left-col{
	width: 670px;
	float: left;
	margin: 20px 60px 0 0;
	}

.right-col{
	width: 170px;
	float: left;
	margin: 20px 0 0 0;
	}
.right-col li{}


.home-gal{
	border: 3px solid #c7dbaa;
	margin: 0 0 5px 5px;
	}

.homelink{
	width: 205px;
	margin: 10px 0px 0 0;
	float: left;
	}

.divide{
	float: left;
	margin: 10px 10px 0 10px;
	}

.benefits{
	background: url(images/benefits-bg.gif) no-repeat;
	width: 656px;
	height: 93px;
	padding: 10px;
	margin: 10px 0 10px 0;
	}
	
.link{
	float: left;
	padding: 2px 0 0 5px;
	}

.benefits h2{
	float: left;
	}

ul.bullets{
	margin: 0;
	padding: 0;
	float: left;
	width: 320px;
	}

li.greenstar{
	background: url(images/green-star.gif) no-repeat 0 6px;
	list-style-type: none;
	padding: 2px 0px 0 13px;
	}

.hire-grass{
	background: url(images/home-banner.jpg) no-repeat;
	width: 676px;
	height: 48px;
	margin: 20px 0 10px 0;
	border: 0;
	}
.hire-grass a {border: 0;}
.hire-grass img {border: 0;}
.hire-grass h2{ padding: 7px 0 0 5px;}
.hire-grass p{ padding: 3px 0 0 5px;}

.hire-grass-left{
	float: left;
	width: 350px;
	}

.hire-grass-right{
	float: left;
	padding: 5px 0 0 0;
	width: 200px;
	}

.right-col ol{
	padding: 5px 0 0 20px;
	margin: 0;
	}
	
.right-col li{
	
	}	
	
/* about us styles */

.benefit{
	margin: 5px 0 10px 0;
	float: left;
	width: 680px;
	}
	
.benefit img{
	float: left;
	width: 192px;
	height: 95px;
	margin: 0 10px 0 0
	}

.benefit h3{
	float: left;
	padding: 0 0 5px 0;
	margin: 0;
	}
	
.benefit p{
	float: left;
	width: 470px;
	}
	
/* testimonials and project styles */

.project{
	width: 670px;
	float: left;
	margin: 0 0 10px 0;
	}

.project-image{
	width: 200px;
	height: 92px;
	float: left;
	padding: 0 10px 0 0;
	}

.testimonial{
	background: url(images/benefits-bg.gif) no-repeat;
	width: 635px;
	height: 83px;
	clear: both;
	padding: 20px;
	margin: 10px 0 0 0;
	}
	
.testimonial p{
	color: #3b6e04;
}

.horizontal-divide{
	color: #c4c4c4;
	font-size: 12px;
	padding:  0 0 10px 0;
	}

/* shop styles */

.shopintro-left{
	width: 450px; 
	float: left;
	margin: 0 0 20px 0;
	}

.shopintro-right{
	float: right; 
	width: 195px;
	padding: 0 0 35px 0;
	}

.shop-leisure-space, .shop-leisure-space:hover{
	padding: 0 8px 0 0;
	width: 218px;
	height: 72px;
	float: left;
	margin-bottom: 40px;
	cursor: pointer;
	}

/* .shop-leisure-space{ background: url(images/shop-leisure.jpg) no-repeat;} */
/* .shop-leisure-space:hover{ background: url(images/shop-leisure-over.jpg) no-repeat;} */
.shop-leisure-space{ background: url(images/shop-leisure-over.jpg) no-repeat;}


.shop-play-space,.shop-play-space:hover{
	padding: 0 8px 0 0;
	width: 218px;
	height: 72px;
	float: left;
	margin-bottom: 40px;
	cursor: pointer;	
	}

.shop-play-space{ background: url(images/shop-play.jpg) no-repeat; }
.shop-play-space:hover{ background: url(images/shop-play-over.jpg) no-repeat;}

.shop-sport-space,.shop-sport-space:hover{
	width: 218px;
	height: 72px;
	float: left;
	margin-bottom: 40px;
	cursor: pointer;
	}
	
.shop-sport-space{ background: url(images/shop-sport.jpg) no-repeat;}
.shop-sport-space:hover{ background: url(images/shop-sport-over.jpg) no-repeat;}

#leisure-products{
	display: block;
	clear: both;
	}

#play-products{
	display:none;
	clear: both;
	}

#sport-products{
	display:none;
	clear: both;
	}

.product-horizontal-divide{
	color: #c4c4c4;
	font-size: 12px;
	padding:  0 0 10px 0;
	margin-top: 7px;
	clear: both;
	}

.shop-product-info{
	width: 670px;
	float: left;
	clear: both;
	display: block;
	}


.shop-product-info img{
	width: 100px;
	height: 100px;
	padding: 1px;
	border: 1px solid #4a850c;
	margin: 0 10px 0 0;
	float: left;
	}

.shop-product-info h3{
	float: left;
	
	}

.shop-product-info p{
	float: left;
	width: 500px;
	}

.greenbg{
	background-color: #3b6e04;
	color: #fff;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	}

.greenbg-fixed{
	color: #4c860d;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	}

.golf-products{
	border: 1px solid #3b6e04;
	width: 650px;
	padding: 10px;
	float: left;
	}

.golf-products img{width: 71px; float: left;}
p.product-items{font-size: 14px; padding-top: 5px; width: 180px; float: left;}
.golf-products h2{float: left; width: 550px; padding-bottom: 20px;}


.sports-surfaces{
	background-color: #eff7e4;
	width: 650px;
	padding: 10px;
	float: left;
	margin: 20px 0 0 0;
	}

.icons{
	margin: 20px 0 0 0;
	color: #70b544;
	font-weight: bold;
	width: 100px;
	float: left;
	padding: 0 4px 0 4px;
	height: 100px;
	}

.icons img{height: 56px; padding: 0 0 5px 10px;}
.icons p{text-align: center;}

.hardwearing{
	border: 1px solid #3b6e04;
	width: 650px;
	padding: 10px;
	float: left;
	margin: 20px 0 20px 0;
	height: 130px;
	}

.hardwearing h2{float: left; width: 560px; padding: 0px 0 0 0;}

.largertxt{font-size: 14px;}

.shop-hire{
	margin: 20px 0 30px 0;
	clear:both;
	}
.shop-hire h2 {
	padding-top:30px; 
}
/* contact styles */

.hire{
	margin: 10px 0 10px 0;
	background-color: #f3f7ee;
	padding: 20px;
	}

.contactForm{
	padding: 0;
	margin: 5px 0 0px 0;
	float: left;	
	width: 680px;
	height: 300px;
}	

.contactForm .label {
	float: left;
	clear: left;
	width: 130px;
	margin: 5px 10px 0 0;
	text-align: left;
	padding: 5px 0 0 0;
}

input.contactname, input.contactnumber, input.contactemail, textarea.contactmessage,  select.category{
	width: 530px;
	background-color: #fff;
	margin: 5px 0 0 0;
	padding: 3px 0 3px 0;
	float: left;
	border: 1px solid #999;
}

.join-team{
	border: 1px solid #477c0f;
	padding: 5px;
	background-color: #fff;
	}

.go{
	margin: 5px 0 0 140px;	
	}


/* navigation styles */

#nav{
	width: 257px;
	height: 265px;
	float: left;
	position: relative;
	top: 0px;
	margin: 0 0 0 0px;
	padding: 35px 0 0 16px ;
	background: url(images/nav-bg.jpg) no-repeat;
}

#nav ul.buttons {
	margin: 0;
	list-style-type: none;
	font-size: 14px;
	padding: 0 0 0 0px;
	float: left;
}



#nav ul.buttons li{ 
	list-style-type: none;
	float: left;
	padding: 0;
}

#nav ul.buttons a {
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 7px 1px 5px 5px;
	font-weight: normal;	
	text-align: left;
	background: url(images/nav-but.gif) no-repeat;
	height: 23px;
	width: 255px;
}




#nav ul.buttons a:hover {
	color: #fff;
	background: url(images/nav-but-over.gif) no-repeat;
	height: 23px;
	width: 255px;
}





/* footer styles */

.footer{
	width: 100%; 
	position: relative;
	height: 113px;
	background: url(images/footer-bg.jpg) repeat-x;
	z-index: 10;
	padding: 0;
	margin: 0;
	text-align: center;
}

.footer-middle{
	background: url(images/bottom-curve.png) no-repeat;
	text-align: center;
	width: 974px;
	height: 33px;
	padding-top: 50px;
	margin: 0px auto;
	}



.footer p{
	padding-top: 10px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

.footer a{
	text-decoration: none !important; 
	color: #fff !important; 
	padding: 0px;	
	font-weight: bold;	
}

.footer a:hover,{
	text-decoration: underline !important;  
	color: #fff !important; 	
}



/* text styles */

h1, h2, h3, h4, h5, h6 { 
	margin: 0px;
	padding: 0px;
}

h1{
	color: #3b6e04;
	font-size: 18px;
	font-weight: normal;
	}

h1.other-pages{
	color: #3b6e04;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	}

h2{
	color: #3b6e04;
	font-size: 18px;
	font-weight: normal;	
}

h2.doubleline{
	color: #8cd600;
	font-size: 30px;
	font-weight: normal;
	font-family: Helvetica, sans-serif;
	padding: 0 0 0px 0;
	height: 70px;

}

h3{
	font-size: 14px;
	color: #3b6e04;
	font-weight: normal;
	padding: 0 0 0px 0;
	margin-bottom: 5px;	
}

h4{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;		
}

h5{
	color: #0a5d0b;
	font-weight: bold;
	font-size: 11px;
	padding: 0;!important
}

h6{
	color: #c9191b;
	font-size: 16px;
	padding: 5px 0 5px 0;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}



.green{
	color: #d5e04d;
}


.bold{
	font-weight: bold;
}

a {
	/*color: red;
	text-decoration: none;
	border: 2px solid orange;*/
}
a img {
	color: #70b12b;
	text-decoration: none;
	border: 2px solid green;
}

a:link{
	color: #70b12b;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #70b12b;
	text-decoration: none;
}

a:visited{
	color: #70b12b;
	text-decoration: none;
}

#spacer { clear: both }
#gallery_t { position:relative;
			left:35px}
#gallery_t td{
		margin:10px;				
}

.super {
	vertical-align:super;
}