@charset "utf-8";

/*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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* common styles */
.block{
display:block;
text-indent:-9999px;
}

.hide{
display:none;
}

.clearfloat{
clear:both;
font-size:1px;
height:1px;		
}

.indent{
padding-left:25px;
}

ul.horizontal li{
display:inline;
float:left;
margin-left:0;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

a{
text-decoration:none;
}


/* main layout */
html, body, #wrap{
height: 100%;
}

body > #wrap{
height: auto;
min-height: 100%;
}

body{
text-align:center;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:10px;
color:#fff;
position:relative;
background:url(../gfx/bg-header.jpg) repeat-x top left #1f1816;
}

	.inner{
	margin:0 auto;
	width:990px;
	text-align:left;
	position:relative;
	}
	
	#header.outer{
	height:285px;
	background:url(../gfx/bg-hdr-wave.png) no-repeat center 10px;	
	}
	
	#content{
	height:auto !important;
	padding-bottom:110px;
	}
		
	#footer.outer{
	height:105px;
	width:100%;
	position: relative;
	margin-top: -105px;
	clear: both;
	background:url(../gfx/bg-footer.jpg) repeat-x bottom left;
	}
	
/* header section  */	
	a#btnHome{
	background:url(../gfx/logo-pre-turf.png) no-repeat top left;
	width:198px;
	height:133px;
	position:absolute;
	top:23px;
	}
	
	a#btnEnquiry{
	background:url(../gfx/btn-enquiry.png) no-repeat top left;
	width:138px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	}
	
	a#btnEnquiry:hover{
	background-position:0 -49px;
	}
	
	h1#sectionTagline{
	width:713px;
	height:265px;
	position:absolute;
	background:no-repeat top left;
	top:0;
	right:0;
	}
	
	#txtTagline{
	background:url(../gfx/txt-tagline.png) no-repeat top left;
	height:34px;
	width:605px;
	position:absolute;
	top:194px;
	left:0;
	}
	
 /* page specific header images */
	body#index #sectionTagline, body#contact #sectionTagline, body#basic-lawn-care #sectionTagline, body#about-us #sectionTagline{
	background-image:url(../gfx/hdr-index.png);
	}
	
	body#commercialGallery #sectionTagline,	body#residentialGallery #sectionTagline, body#gallery #sectionTagline{
	background-image:url(../gfx/hdr-gallery.png);
	}
	
	body#howTo #sectionTagline{
	background-image:url(../gfx/hdr-installation.png);
	}
	
	body#products #sectionTagline, body#sir-walter #sectionTagline{
	background-image:url(../gfx/hdr-products.png)
	}
	
	body#tv #sectionTagline{
	background-image:url(../gfx/hdr-tv.png)
	}
	
	#flash{
	position:absolute;
	top:0;
	right:0;
	}
	
	.flashalt{
	position:absolute;
	top:40px;
	right:18px;
	}

/* content section  */

	#breadcrumbs{
	color:#CCCC33;
	font-size:9px;
	}
	#breadcrumbs a{
	font-size:9px;
	font-style:oblique;
	font-weight:bold;
	color:#CCCC33;
	}
	
	#pageContent table td{
	padding:0; margin:0;
	}

/* left nav section  */	
	#leftcol{
	width:175px;
	float:left;
	}
	
	ul#nav li{
	margin:9px 0;
	}
	
	ul#nav li ul{
	margin-left:35px;
	display:none;
	}
	
	ul#nav li a{
	color:#fff;
	font-size:18px;	
	}
	
	ul#nav li a:hover{
	color:#CCCC33;
	}
	
	ul#nav li ul li a{
	font-size:14px;
	color:#CCCC33;
	}
	
	ul#nav li ul li a:hover{
	color:#fff;
	}

 /* active page highlighting*/
 	
	/* submenu items */
 	#commercialGallery a#btnCommercial, #residentialGallery a#btnResidential
	{
	color:#fff;
	}
	
	#commercialGallery li#menuGall ul{
	display:block;
	}
	
	/* main menu items */
	#gallery a#btnGallery, #howTo a#btnHowTo,#products a#btnProducts, #tv a#btnWebisodes,#contact a#btnContactUs, #about-us a#btnAboutUs, #basic-lawn-care a#btnLawnCare #sir-walter a#btnSirWalter{
	color:#CCCC33;
	}
	

/* page content section  */	
	#pageContent{
	width:807px;/*795px;*/
	float:right;
	font-size:10px;
	}
	
	#pageContent a{
	color:#2200CC;
	}
	
	#pageContent a:hover{
	color:#000000;
	}
	
/* whitebox on content pages */
	.whiteboxTop{
	display:block;
	background:url(../gfx/bg-cont-top.png) no-repeat top center;
	height:15px;
	}
	#pageContent .whiteboxMid{
	background:url(../gfx/bg-cont-mid.png) repeat-y top center;
	padding:0px 20px;
	color:#000;
	margin-left:1px;
	line-height:1.8em;
	font-size:11px;
	}
	.whiteboxBot{
	display:block;
	background:url(../gfx/bg-cont-bot.png) no-repeat top center;	
	height:15px;
	margin-left:1px;
	}
	
	.whiteboxMid h1{
	color:#d5df3e;
	font-size:30px;
	}
	
	.whiteboxMid h2{
	color:#996633;
	font-size:14px;
	font-weight:bold;
	}
	
	.whiteboxMid h1,.whiteboxMid h2, .whiteboxMid p{
	padding:0.5em 0;
	}
	
	
/* footer section  */
	
	#footer .inner{
	padding-top:32px;
	height:70px;
	font-size:14px;
	font-style:italic;
	}
	
	p#copyright{
	text-align:center;
	font-size:11px;
	font-style:normal;
	margin-top:54px;
	font-weight:bold;
	padding-left:185px;
	}
	p#membersof{
	text-align:left;
	font-size:11px;
	font-style:normal;
	margin-top:0px;
	font-weight:bold;
	position:absolute;
	bottom:90px;
	left:192px;
	}
	#footer a{
	font-weight:bold;
	color:#fff;
	}
	
	#footer a:hover{
	text-decoration:underline;
	}
	
	a#logoSirWalter{
	width:99px;
	height:86px;
	background:url(../gfx/logo-sw.png) no-repeat top left;
	position:absolute;
	right:345px;
	bottom:18px;
	}
	a#logoTPA{
	width:79px;
	height:62px;
	background:url(../gfx/TPA-TurfLogo.jpg) no-repeat top left;
	position:absolute;
	left:338px;
	bottom:25px;
	}
	a#logoNSWTGA{
	width:140px;
	height:62px;
	background:url(../gfx/NSW-TGA.jpg) no-repeat top left;
	position:absolute;
	left:192px;
	bottom:25px;
	}
	a#logoVisa{
	width:100px;
	height:62px;
	background:url(../gfx/visa_logo.gif) no-repeat top left;
	position:absolute;
	right:115px;
	bottom:25px;
	}
	a#logoMastercard{
	width:100px;
	height:62px;
	background:url(../gfx/mastercard_logo.gif) no-repeat top left;
	position:absolute;
	right:10px;
	bottom:25px;
	}