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







body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 24px;
	background-image: url(../images/fieldbg.jpg);
	background-repeat: repeat;
	background-color: #E1EBF4;
	color: #000;
	background-attachment: fixed;
}

body a {
	color: #6C9021;
	text-decoration: none;
	
}

body a:hover {
	color: #86B318;
	text-decoration: underline;	
}

#headerbox {
	width: 100%;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #45A0FC;
	background-image: url(../images/bgtest.jpg);
	height: 408px;
}



#header {
	overflow: hidden;
	width: 880px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 88px;
}

#header h2 a {
	display: block;
	width: 320px;
	height: 88px;
	float: left;
	text-indent: -9999px;
	background-image: url(../images/grassads-logo-roll-christmas.png);
	}
#header h2 a:hover {
	background-image: url(../images/grassads-logo-roll-christmas.png);
	}
	
	
#header ul#navigation {
	width: 560px;
	float: right;
	}
		#header ul#navigation li {
			float: right; list-style: none;
		}


#header ul#navigation li a {
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #92BB2F;
	text-decoration: none;
	margin-top: 28px;
	width: 120px;
	height: 35px;
	padding-top: 10px;
	background-color: #E7F4F8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: url(../images/buttons-roll.jpg);
	margin-left: 10px;
			}


#header ul#navigation li a:hover, #header ul#navigation li a.active {
	background-image:url(../images/buttons.jpg);
	color: #FFF;
	text-decoration: none;
				}
				

#content {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}


#scrollerbox {
	width: 520px;
	height: 260px;
	float: left;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	background-image: url(../images/scroller/scroller-bg.png);
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	
}
#feature {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	height: 320px;

}




#scroller {
	width: 520px;
	height: 260px;
	overflow: hidden;
	float: left;
}
			
	
#scroller ul { 
			width: 2600px;}

#scroller ul li {
			float: left;}


#introright {
	width: 260px;
	float: left;
	font-size: 12px;
	background-image: url(../images/quote-paper.png);
	height: 280px;
	padding: 20px;
	background-repeat: no-repeat;
	
}
#footerbox #footer .bestsigns {
	float: left;
	height: 110px;
	width: 320px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	line-height: 16px;
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#footerbox #footer .bestsigns a {
	width: 220px;
	float: left;
	background-image: url(../images/bestsigns.png);
	background-repeat: no-repeat;
	margin-left: 55px;
	height: 50px;
	text-indent: -5000px;
	overflow: hidden;
	margin-top: 10px;
}
#footerbox #footer .bestsigns a:hover {
	background-image: url(../images/bestsigns-roll.png);
}




#introright img {
float: left;
}

#introright a {
	width: 260px;
	height: 58px;
	float: left;
	margin-top: 10px;
	background-image: url(../images/quote-but.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}



#lhs {
	width: 560px;
	float: left;
	font-size: 11px;
	line-height: 24px;
	margin-top: 0;
	margin-right: 20px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	
	}
.wideshadow {
	float: left;
	width: 560px;
	background-image: url(../images/welcomebg.png);
	height: 20px;
}
#lhs .lhsbox {
	background-image: url(../images/bgtestttttt.jpg);
	width: 520px;
	padding-right: 20px;
	padding-left: 20px;
	background-repeat: repeat;
	padding-top: 20px;
	float: left;
}

	
#lhs h1 {
	width: 520px;
	background-image: url(../images/big.png);
	height: 58px;
	text-indent: -9999px;
	}
#content #lhs #video {
	float: left;
	width: 520px;
	padding-top: 20px;
	padding-bottom: 20px;
}

	
#lhs img {
	height: 100px;
	float: left;
	width: 140px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	}
	
#lhs .firstsec {
	width: 160px;
	float: left;
	font-size: 10px;
	line-height: 20px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	}
	
#lhs a {
	width: 160px;
	height: 25px;
	float: left;
	background-image: url(../images/fpbuts.jpg);
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-top: 5px;
	text-align: center;
	margin-bottom: 10px;
	
	}

	
#lhs .third {
	width: 160px;
	float: left;
	font-size: 10px;
	line-height: 20px;
	}
#portright {
	width: 260px;
	float: left;
	font-size: 12px;
	background-image: url(../images/quote-paper.png);
	height: 280px;
	padding: 20px;
	background-repeat: no-repeat;
	
}
#infobox {
	width: 520px;
	height: 260px;
	float: left;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	background-image: url(../images/scroller/scroller-bg.png);
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	
}
#portright .contact {
	list-style-type: none;
	width: 220px;
}
#portright .contact li img {
	float: left;
	margin-right: 15px;
}

#portright .contact li {
	float: left;
	height: 35px;
	width: 260px;
	line-height: 35px;
	font-size: 12px;
	margin-bottom: 15px;
	color: #547433;
	font-weight: bold;
}
#portright .contact li a {
	color: #547433;
}



#infobox a {
	color: #55733C;
	text-decoration: none;	
}
#infobox a:hover {
	color: #86B318;
	text-decoration: underline;
}
#infobox .lhtext {
	float: left;
	width: 297px;
	height: 190px;
	line-height: 25px;
}


ul#sections {
	margin-top: 10px;
	}


ul#sections li {
	width: 130px;
	float: left;
	list-style: none;
	height: 30px;
	margin-bottom: 5px;
	line-height: 25px;
	}
ul#sections li a{
	color: #55730F;
	text-decoration: none;
	}
	
ul#sections li a:hover {
	color: #86B318;
	text-decoration: underline;
	}

ul#sections li img{
	height: 30px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	}
#portmain {
	width: 840px;
	height: 590px;
	padding: 20px;
	background-image: url(../images/port-bg.png);
}

#scrollhead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	float: left;
	width: 610px;
	height: 60px;
	line-height: 50px;
	padding-left: 230px;
	margin-bottom: 10px;
	text-align: right;
}

#scrollhead h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	display: inline;
	font-weight: normal;
}

.lawnbowls {background-image: url(../images/lawnbowls-header.png);}
.nrl {
	background-image: url(../images/rugbyleague.png);
}
.union {
	background-image: url(../images/rugbyunion.png);
}
.afl {
	background-image: url(../images/afl.png);
}
.cricket {
	background-image: url(../images/cricket.png);
}
.golf {
	background-image: url(../images/golf.png);
}
.special {background-image: url(../images/special.png);}
.soccer {background-image: url(../images/soccer.png);}
.airport {
	background-image: url(../images/airports.png);
}
.special {
	background-image: url(../images/port-special.png);
}
.horses {
	background-image: url(../images/port-horses.png);
}



#portscroll #ul li{
	float: left;
	
	}

#portscroll #prev1{
	background-image: url(../images/portfolio/scrollbu-prev.png);
	float: left;
	height: 50px;
	width: 25px;
	margin-top: 200px;
}
#portscroll #next1{
	background-image: url(../images/portfolio/scrollbut.png);
	float: left;
	height: 50px;
	width: 25px;
	margin-top: 200px;
	}


.pics {
	height: 480px;
	width: 790px;
	padding:0;
	margin:0;
	overflow: hidden;
	float: left;
}
.pics img { height: 450px; width: 760px; padding: 14px; border: 1px solid #ccc; background-color: #eee; top:0; left:0; }
.pics img {-moz-border-radius: 10px; -webkit-border-radius: 10px;}

#servicesmain {
	width: 840px;
	padding: 20px;
	background-image: url(../images/servicestestbg.png);
	background-repeat: repeat;
	height: 100%;
	float: left;
	font-size: 12px;
}

#servicesmain .servicesleft {
	width: 540px;
	background-image: url(../images/servicestestbg.png);
	background-repeat: repeat;
	height: 100%;
	float: left;
	font-size: 12px;
	margin-right: 40px;
}

#servicesmain .servicesleft .hero{
	background-color: #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #ccc;
	padding: 19px;
}

#servicesmain .servicesleft .icon{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left;
	margin-right: 20px;
	height: 50px;
	width: 50px;
	display: block;
}

#servicesmain .servicesleft h1{
	background-image: url(../images/services/testimonials.png);
	float: left;
	height: 60px;
	width: 540px;
	margin-bottom: 20px;
	text-indent: -9999px;
	margin-top: 20px;
	clear: both;
	display: block;
}

#servicesmain .servicesleft .testbox {
	float: left;
	width: 540px;
	margin-bottom: 20px;

}
#servicesmain .servicesleft .testbox .testinfo {
	float: left;
	width: 470px;

}
#servicesmain .servicesright{
	padding: 19px;
	float: left;
	width: 220px;
	height: 100%;
	background-color: #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}




#servicesmain .servicesright ul li {
	list-style-type: none;
	line-height: 30px;
	float: left;
	width: 200px;
	margin-bottom: 8px;
	color: #000;
	font-weight: bold;
	
	
	
}
#servicesmain .servicesright ul li img{
	float: left;
	margin-right: 10px;
}

#servicesmain .servicesright .social {
	margin-bottom: 10px;
	display: block;

}
#servicesmain .serviceblock {
	float: left;
	height: 100%;
	width: 840px;
	font-size: 12px;
	margin-bottom: 20px;
}

#servicesmain .headline {
	margin-bottom: 20px;
	float: left;
	width: 840px;
	display: block;
}

#servicesmain .photo {
	background-color: #FFF;
	padding: 19px;
	border: 1px solid #ccc;
	float: left;
	background-color: #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
	height: 133px;
	width: 200px;
}
#content #servicesmain .serviceblock .picblock {
	float: left;
	width: 240px;
	margin-right: 20px;
	height: 200px;
}
.picblock .portlink {
	float: left;
	width: 240px;
	text-align: center;
	padding-top: 2px;
}

#servicesmain .moreinfo {
	float: left;
	width: 840px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 10px;
	margin-top: 10px;
}


.shadow{
	float: left;
	width: 880px;
	height: 20px;
	bottom: -20px;
	background-image: url(../images/shadow880.png);
	
}


#clients {
	width: 840px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	margin-right: 0;
	margin-left: 0;
	float: left;
	background-image: url(../images/clients-bg.png);
	height: 170px;
	padding: 20px;
	}
#clients .title {
	width: 250px;
	height: 27px;
	float: left;
	background-image: url(../images/clientsbg.jpg);
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-top: 3px;
	background-color: #E1E8EA;
	text-align: center;
	
	}	
#clients .getflash {
	float: right;
}	

#clients .getflash a {
	color: #5C7A16;
}	

	#clients #logos {
	width: 840px;
	height: 100px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	
	}



#bot {
	height: 300px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;

	
}


#footerbox {
	height: 220px;
	background-image: url(../images/sky-bg.jpg);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #45A0FC;

}

#footerbox #footer {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	height: 200px;
	padding-top: 20px;
	color: #333;

}
 #footerbox #footer img {
	float: left;
	width: 340px;
	height: 120px;
 }


#footerbox #footer .listbox {
	width: 250px;
	float: left;
	margin-right: 20px;
	height: 180px;
	margin-bottom: 20px;
	
}

#footerbox #footer #copyright {
	font-size: 10px;
	line-height: 18px;
	float: left;
	height: 80px;
	width: 340px;
	}
	
#footerbox #footer #copyright a {
	color: #587612;
	text-decoration: none;
	}
.listbox h1 {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	width: 240px;
	height: 27px;
	color: #FFF;
	background-image: url(../images/clientsbg.jpg);
	padding-top: 3px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #9DCCFA;

}

.listbox ul{
	width: 250px;
	margin-right: 20px;
	float: left;


}

.listbox ul li{
	height: 26px;
	margin-bottom: 5px;
	width: 245px;
	list-style: none;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #53710D;
	padding-bottom: 5px;

}
.footbut a {
	color: #84B319;
	text-decoration: none;
	width: 100px;
	float: left;
	margin-right: 10px;
	background-color: #FFF;
	padding-left: 5px;
}

.footbut a:hover {
	background-color: #7DA918;
	width: 100px;
	color: #FFF;
}
#search {
	float: left;
	width: 260px;
	
	
	
}
#special {
	width: 200px;
	height: 200px;
	position: absolute;
	background-image: url(../images/blgo-button.png);
	float: right;
	margin-left: 190px;
	margin-top: -80px;
}
#content #news #special a {
	color: #FFF;
}


#special a {
	height: 20px;
	width: 120px;
	margin-top: 120px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-right: 40px;
	margin-left: 40px;
	text-align: center;
	line-height: 12px;
	color: #FFF;
	float: left;
}

#special a:hover {
text-decoration: underline;
}
#servicesmain .contactform {
	float: left;
	width: 520px;
}
#servicesmain #formhead {
	float: left;
	width: 520px;
	margin-right: 60px;
}
#servicesmain #formhead .allfields {
	background-color: #749008;
	float: left;
	border: 1px solid #FFF;
	width: 520px;
	color: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 20px;
	font-style: italic;
	margin-bottom: 20px;
	text-align: center;
}
.dateday {
	width: 60px;
	height: 25px;
}
.datemonth {
	width: 200px;
	height: 25px;
}
.dateyear{
	width: 95px;
	height: 25px;
}

.thanks {
	width: 480px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 40px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


#contactus ul li {
	width: 520px;
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
	list-style-type: none;
	
}
label {
	width: 143px;
	float: left;
	font-weight: normal;
	background-color: #92BB2F;
	color: #FFF;
	padding-left: 0px;
	margin-right: 5px;
	border: 1px solid #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	height: 25px;
	text-align: right;
	padding-right: 5px;
}

.forminfo {
	float: left;
	width: 361px;
	background-color: #FBFEE9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #CCC;
	height: 23px;
	
}

.formmessage {
	float: left;
	width: 361px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #CCC;
	height: 200px;

}

.formradiobut {
	float: left;
	width: 125px;
	height: 25px;

	
	}
.formbut {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float: right;
	width: 178px;
	margin-top: 5px;
	height: 40px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	background-image: url(../images/buttons.jpg);
	border: 1px solid #FFF;
	margin-left: 10px;
	margin-right: 2px;
	
}
.state {
	float: left;
	width: 361px;
	background-color: #FBFEE9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #CCC;
	height: 25px;
	line-height: 30px;

	
}
.serviceblock .fieldsports {
	width: 260px;
	float: left;
}
.newspic {
	margin-bottom: 5px;
	height: 180px;
	width: 260px;
}
.smlvideo {
	float: left;
	margin-right: 20px;
}
.newsheadline {
	color: #7DA616;
	font-size: 24px;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
	width: 540px;
	display: block;
	text-indent: 0;
}
.dateline {
	float: left;
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.bigpic {
	background-color: #EEE;
	padding: 19px;
	float: left;
	width: 500px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
}
.soundbyte {
	float: left;
	width: 540px;
}
.soundbyte img {
	float: left;
	margin-right: 10px;
}
.fineprint {
	font-size: 9px;
	line-height: 18px;
}
#pagertest {
	height: 25px;
	width: 800px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;


}
#pagertest a {
	background-color: #EEE;
	height: 26px;
	width: 25px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	color: #666;
	font-size: 12px;
	border: 1px solid #ccc;
	top:0;
	left:0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: none;

}

#pagertest a.activeSlide {
	background-color: #ccc;
	color: #fff;
	background-image: url(../images/scroller/navbut.png);
	border: 1px solid #FFF;
}
#news {
	width: 260px;
	float: left;
	background-image: url(../images/recentbgnew.png);
	padding: 20px;
	height: 815px;
	
}

#news h3 {
	width: 260px;
	background-image: url(../images/recent-news.png);
	height: 58px;
	margin-bottom: 5px;
	float: left;
	text-indent: -9999px;
	
}
#news a {
	color: #6E9518;

}

#news dl dt {
	width: 35px;
	float: left;
	overflow: auto;
	color: #FFF;
	font-size: 18px;
	line-height: 34px;
	background-color: #86B317;
	text-align: center;
	margin-right: 15px;
	}
#news dl dt span {
	font-size: 13px;
	text-transform: uppercase;
	display: block;
	;
	background-color: #E1E8EA;
	margin-top: 3px;
	color: #666;
		}
#news dl dd {
	float: left;
	width: 210px;
	font-size: 11px;
	margin-bottom: 20px;
	line-height: 20px;
		}

#news dl h4 {
	font-size: 18px;
	font-weight: normal;
	color: #92BB2F;
	margin: 0 0 5px 0;
		}
		
.feedsweep_link { color: #6E9518;
}

	
.feedsweep_headline {
	font-size: 14px;
	font-weight: normal;
	color: #92BB2F;
	float: left;
	margin-bottom: 10px;
	}

.feedsweep_date {
	font-size: 10px;
	color: #666;
	float: left;
	width: 230px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7EA81A;
	background-image: url(../images/feedicon.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	
	} 		
		
	

