@import url('reset.css');
@import url('form.css');
@import url('slimbox2.css');
@import url('validation.css');

/* Common Elements ---------------------------------------------------------------------------------------------------------------------------- */
body {font:62.5%/1.8em Arial, sans-serif; background:#1c1c1c; color:#c5c5c5;}
h1 {font-size:18px; padding-bottom:20px; color:#009b66;}
h2 {font-size:16px; padding-bottom:10px;}
p {font-size:12px; padding-bottom:20px;}
a {color:#c5c5c5; text-decoration:underline; font-size:12px;}
a:hover {text-decoration:none;}

/* Container Elements ------------------------------------------------------------------------------------------------------------------------- */
#wrapper {background:#232323;}
#container {margin:0 auto; width:934px; padding:0 13px;}
#header {height:120px; padding-top:30px;}
#banner {height:330px; padding}
#content {clear:both; margin-top:25px;}
#primary {float:left; width:680px;}
#secondary {float:right; width:221px; padding-right:5px;}
#footer-wrapper {background:url(../images/core/footer-bg.gif) repeat-x  #1c1c1c;}
#footer {height:100px; padding-top:15px; color:#525252; margin:0 auto; width:934px; padding:150px 13px 0 0;}

/* Header Elements ---------------------------------------------------------------------------------------------------------------------------- */
#logo {display:block; background:url(../images/core/rollout_grass.gif) no-repeat; height:59px; width:702px; text-indent:-9999em;}
#contact_info {float:right; width:200px; margin-bottom:12px; font-size:12px;}
#contact_info .title {color:#009b66;}
#contact_info #phone {padding-top:5px;}

#nav {clear:both; height:25px; margin-top:20px;}
#nav li {float:left; padding-right:3px;} 
  
  #nav li a {display:block; height:25px; font-size:14px; background:#1b1b1b; color:#c5c5c5; line-height:25px; text-decoration:none; text-align:center;}
    #nav li#nav-home a {width:98px;}
    #nav li#nav-residential a { width:130px;}
    #nav li#nav-commercial a { width:134px;}
    #nav li#nav-sporting_fields a { width:152px;}
    #nav li#nav-schools_childcare a { width:184px;}
    #nav li#nav-faqs a { width:89px;}
    #nav li#nav-contact_us a { width:125px;}
    
    body#home-page #nav li#nav-home a,
    body#residential-page #nav li#nav-residential a,
    body#commercial-page #nav li#nav-commercial a,
    body#sporting_fields-page #nav li#nav-sporting_fields a,
    body#schools_childcare-page #nav li#nav-schools_childcare a,
    body#faqs-page #nav li#nav-faqs a,
    body#contact_us-page #nav li#nav-contact_us a,
    #nav li a:hover {color:#009b66; font-weight:bold;}
	
	 /* Sub Navigation ------------------------------------------------ */
    #nav li ul {display:none;}
    #nav li ul li {float:none;}
    #nav li ul li a {}    
	 #nav li ul li a:hover {}

/* Banner Elements  ---------------------------------------------------------------------------------------------------------------------------- */
#heroshots {
   float:left;
   width:690px;
   height:310px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border:2px solid #7b7b7b;
   -webkit-box-shadow:3px 4px 10px #000;
   -moz-box-shadow:3px 4px 10px #000;
}

/* CTA Elements  ------------------------------------------------------------------------------------------------------------------------------- */
#cta {clear:both;height:60px; padding-top:12px;}
#cta li {float:left; width:224px; padding-right:12px;}
#cta li a {display:block; height:60px; width:224px; text-indent:-9999em;}
#cta li#cta-residential a {background:url(../images/core/residential.gif) no-repeat;}
#cta li#cta-commercial a {background:url(../images/core/commercial.gif) no-repeat;}
#cta li#cta-sporting_fields a {background:url(../images/core/sporting_fields.gif) no-repeat;}
#cta li#cta-schools_childcare {padding-right:0!important;}
#cta li#cta-schools_childcare a {background:url(../images/core/schools_childcare.gif) no-repeat;}
#cta li a:hover {background-position:0 -60px!important;}

    
/* Content Elements  --------------------------------------------------------------------------------------------------------------------------- */
   #primary ul {list-style:disc; padding-left:20px;}
  /* Page Elements ------------------------------------------------- */  
  body#home-page #primary {float:left; width:504px!important; padding-right:20px;}
  body#home-page #secondary {float:right; width:340px!important; padding-right:0;}
  
      /* Additional Page Elements ----------------------------------------- */
      #gallery {
         list-style:none!important;
         -moz-border-radius:5px;
         -webkit-border-radius:5px;
         border:2px solid #7b7b7b;
         -webkit-box-shadow:3px 4px 10px #000;
         -moz-box-shadow:3px 4px 10px #000;
      }
      
      #gallery li {float:left; padding:25px 35px 25px 13px;}
      #gallery li img {
         -webkit-box-shadow:3px 4px 10px #000;
         -moz-box-shadow:3px 4px 10px #000;
      }   
      #gallery .endcol {padding-right:0;}
      
      #faqs {font-size:12px; list-style:none!important;}
      #faqs h2 {font-size:14px; color:#009b66;}
      #faqs li {padding-bottom:20px}
      #faqs li ul li {padding-bottom:0;}
      #faqs li ol {list-style:decimal; padding-left:20px;}
      
      body#contact_us-page #secondary #enquiry_form {margin-top:40px;}
      
      iframe {
         -moz-border-radius:5px;
         -webkit-border-radius:5px;
         border:2px solid #7b7b7b;
         -webkit-box-shadow:3px 4px 10px #000;
         -moz-box-shadow:3px 4px 10px #000;
      }
      

/* Footer Elements ----------------------------------------------------------------------------------------------------------------------------- */
#affiliates {float:right;}
#affiliates li {float:left; padding-left:10px;}
#footer ul#sitemap li {display:inline;}
#footer a {color:#545454; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* Enquiry Form Elements ------------------------------------------------------------------------------------------------------------------------ */

#enquiry_form {
   float:right; width:205px; height:300px; background:url(../images/core/enquiry-bg.gif) repeat-x; padding:10px 0 0 15px; margin-bottom:30px;
   -webkit-box-shadow:3px 4px 10px #000;
   -moz-box-shadow:3px 4px 10px #000;
}

#enquiry_form li {margin-bottom:4px; background:#fff; border:1px solid #292929; width:188px;}
#enquiry_form label {height:17px; color:#8e8e8e; padding:3px 0 0 7px ; font-size:12px;}
#enquiry_form input {height:17px; color:#8e8e8e; padding:4px 0 0 5px; background:none; border:none; font-size:12px; width:180px; }
#enquiry_form textarea {height:32px; width:180px; color:#8e8e8e; background:none; border:none; padding:5px 0 0 5px; font-family:Arial; font-size:12px; resize:none; overflow:hidden;}

#enquiry_form li#textarea label {padding-top:4px;}
#enquiry_form li#form_title {border:none; background:none;}
#enquiry_form li.button {background:none; border:none;}
#enquiry_form li.button label {display:none;}
#enquiry_form li.button input {float:right; width:68px; height:32px; border:none; background:url(../images/core/submit-bg.gif) no-repeat; text-indent:-9999em; cursor:pointer;}