/*
   screen.css
   artificiallawn
   
   Created by Cale Woodley on 2008-10-23.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");

body {
  background: #fff;
  font: 0.75em/1.50em Verdana, Arial, sans-serif;
}

#container {
  width: 970px;
  margin: 0 auto 10px;
}

ol { margin:10px 0 10px 20px; list-style:disc; }
ol li { padding-bottom:5px; }
.center { text-align:center; }
/*  =header
********************************/
#header {
  width: 970px;
  height: 181px;
  background: url("../images/core/header-background.jpg") no-repeat 35px -10px;
}

#header img#logo {
  float: left;
  display: inline;
  margin: 35px 0 0 14px;
}


/*  =banner
********************************/
#banner {
  width: 900px;
  padding: 16px 35px 0;
  position: relative;
}

#banner #slideshow {
  width: 702px;
  height: 334px;
  overflow: hidden;
  position: absolute;
  top: -41px;
  right: 0;
  background: url('../images/core/slideshow-background.jpg') 0 0 no-repeat;
}




#banner a#cta-contact {
  display: block;
  width: 233px;
  height: 85px;
  text-indent: -999em;
  background: url('../images/core/cta-contact1.gif');
}


/*  =nav
********************************/
#navigation {
  background: #000;
}

#navigation li a {
  display: block;
  width: 233px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -999em;
}

#navigation li a#nav-home {background-image: url('../images/nav/nav-home.png');}
#navigation li a#nav-schools {background-image: url('../images/nav/nav-schools.png');}
#navigation li a#nav-products {background-image: url('../images/nav/nav-products.png');}
#navigation li a#nav-diy {background-image: url('../images/nav/nav-diy.png');}
#navigation li a#nav-faq {background-image: url('../images/nav/nav-faq.png');}

#navigation li a#nav-testimonials {background-image: url('../images/nav/nav-testimonials.png');}
#navigation li a#nav-gallery {background-image: url('../images/nav/nav-gallery.png');}
#navigation li a#nav-links {background-image: url('../images/nav/nav-links.png');}


#navigation li a:hover {background-position: -233px 0;}


/*  =idealgrass
********************************/
#cta-idealgrass {
  margin: 0 0 0 35px;
  width: 917px;
  height: 48px;
  background: url('../images/core/cta-idealgrass.jpg') no-repeat;
  text-indent: -999em;
}


/*  =content
********************************/
#page-gallery #content { width: 827px; }

#content {
  width: 574px;
  padding: 23px;
  float: left;
  display: inline;
  margin: 15px 0 15px 35px;
  background: #e5e5e5;
  border-top: 4px solid #727272;
}

#content h1 {
  font-size: 2.00em;
  font-family: Georgia, "Times New Roman", serif;
  color: #000;
  font-style: italic;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

#content h2 {
  font-size: 1.4em;
  font-family: Georgia, "Times New Roman", serif;
  color: #000;
  font-style: italic;
}

#content hr {
	height: 1px;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
}

body#page-index #content h1 {
  width: 569px;
  height: 21px;
  text-indent: -999em;
  background: url('../images/core/index-h1.gif');
}

#page-schools #content ul { list-style:disc;} 
#page-schools #content .none {list-style:none;}

#content p {
  margin: 15px 0;
}

#content a {color: #6e8b0d;}
#content a:hover {text-decoration: none;}

#content img.float-right {
  float: right;
  display: inline;
  margin: 0 0 5px 15px;
  border: 2px solid #4D4D4D;
}

#content dl#faqs dt {
  font-weight: bold;
  border-bottom: 2px solid #B2B2B2;
  color: #4D4D4D;
  margin: 20px 0 0 0;
}

#content dl#faqs dd {
  margin: 5px 0;
}

#content ul#productnav li {float: left; display: inline; margin: 10px 10px 20px 0;}
#content ul#productnav a {padding: 5px; color: #000; background: #82C223; text-decoration: none;}
#content ul#productnav a:hover {background: #537C16; color: #fff;}

#content ul#diynav li {float: left; display: inline; margin: 10px 10px 20px 0;}
#content ul#diynav a {padding: 5px; color: #000; background: #82C223; text-decoration: none;}
#content ul#diynav a:hover {background: #537C16; color: #fff;}

#content ul#sportingnav li {float: left; display: inline; margin: 10px 10px 20px 0;}
#content ul#sportingnav a {padding: 5px; color: #000; background: #82C223; text-decoration: none;}
#content ul#sportingnav a:hover {background: #537C16; color: #fff;}

#content div.product {
  clear: both;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

#content div.diy {
  clear: both;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

#content div.sporting {
  clear: both;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

a.button-enquiry {
  display: block;
  width: 100px;
  padding: 5px;
  background: #363636;
  color: #fff  !important;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 2px solid #1D1D1D;
}
a.button-enquiry:hover {border: 2px solid #363636; background: #1D1D1D;}


#content div.p-putting .float-right {
  clear: right;
}


#content #right-col {
	width: 210px;
	float: right;
	padding-left: 20px;
	margin-top: 15px;
}

#content #right-col img {
	margin: 5px 0;
	border: 4px solid #cacaca;
}

#content #right-col p {margin: 0;}

#page-links #content p {margin-bottom:20px;}


.testimonials .quote {
	color: #82c223;
	font-weight: bold;
	font-size: 20px;
}

.testimonials {	
	font-weight: bold;
	padding: 5px 0;
}

.testimonials .from {
	font-size: 11px;
	font-style: italic;
	color: #666;
	font-weight: normal;
}



/*  =secondary
********************************/
#secondary {
	display: inline;
	float: left;
  width: 253px;
  margin: 15px 0 0 20px;
}

#secondary img {
  margin: 5px 10px 0 0;
}


/*  =footer
********************************/
#footer {
  width: 100%;
  height: 63px;
  background: url('../images/core/footer-background.gif') repeat-x;
  padding: 20px 0 0 0;
  clear: both;
}

#footer_content {
  width: 900px;
  margin: 0 auto;
  padding: 0 35px;
  height: 35px;
  background: url('../images/core/footer_content-background.gif') top center no-repeat;
  text-transform: lowercase;
  color: #fff;
}

#footer p {
  float: left;
  display: inline;
  margin: 8px 0 0 16px;
}

#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#footer p span {
  padding-left: 50px;
}

#footer img {
  float: right;
  display: inline;
  margin: 6px 16px 0 0;
}