﻿/* Global Reset */
* {margin:0; padding:0;}

/* Main Layout */
body {font-family:arial, helvetica, sans-serif; font-size:0.75em; color:#95a1aa;}
#wrapper {margin:0 auto; width:900px; line-height:16px;}
#logo {width:900px; height:70px; margin:14px 0px 32px 0px; text-align:right;}
#skip {position:absolute; top:15px; left:-9999px;}
#left {float:left; width:347px; margin-right:20px;}
#right {float:left; width:533px; min-height:330px; height:auto !important; height:330px;}
#aboutleft {float:left; width:347px; height:302px; margin-right:20px; background:url('/images/about-us.jpg')}
#manufacturingleft {float:left; width:347px; height:302px; margin-right:20px; background:url('/images/manufacturing.jpg')}
#innovationleft {float:left; width:347px; height:302px; margin-right:20px; background:url('/images/innovation.jpg')}
#qualityleft {float:left; width:347px; height:302px; margin-right:20px; background:url('/images/quality-assurance.jpg')}
#contactleft {float:left; width:347px; height:302px; margin-right:20px; background:url('/images/formBG.jpg');}
#contactthanksleft {float:left; width:347px; height:302px; margin-right:20px; background:url('/images/contact.jpg');}
#landingright {float:left; width:533px; height:302px; margin-bottom:28px;}
#fullwidth {float:left; width:900px; height:302px; margin-bottom:28px; background:url('/images/how-we-do-it-process.gif')}
#menu {clear:left; height:145px;}
#footer {float:left; width:900px; font-size:0.8em;}
#flash {width:900px; min-height:330px; height:auto !important; height:330px;}
#Scroller {position: relative; width: 470px; height: 256px; overflow: hidden;}

/* Navigation Menu */
#menu .heading {font-weight:bold; text-decoration:none; padding-bottom:9px; font-size:1.05em;}
#menu .activeheading {font-weight:bold; color:#f78f1e; padding-bottom:9px; font-size:1.05em;}
#menu .active, #menu a:hover {color:#f78f1e;}

.top {width:164px; height:9px;}
.middle {width:144px; min-height:22px; height:auto !important; height:22px; padding:0 10px;}
.bottom {width:164px; height:9px;}
.landingtop {width:533px; height:23px; background:url('/images/landing-top.gif') bottom no-repeat;}
.landingmiddle {width:503px; height:256px; background-color:#f2f4e8; padding-left:15px; padding-right:15px;}
.landingbottom {width:533px; height:23px; background:url('/images/landing-bottom.gif') no-repeat;}
.Scroller-Container {position: absolute;}
.aboutcontent {width:470px; height:256px; float:left; margin-right:11px;}
.aboutarrows {width:22px; height:256px; float:left;}
.up-arrow {margin-bottom: 208px; cursor:pointer;}
.down-arrow {cursor:pointer;}

#aboutmenu {float:left; width:164px; margin-right:20px; font-size:1.2em;}
#aboutmenu a {display:block; color:#a3abb1; text-decoration:none;}
#aboutmenu .heading {color:#c9d2a5;}
#aboutmenu .top {background:url('/images/green-top-light.gif') bottom no-repeat;}
#aboutmenu .middle {background:url('/images/green-mid-light.gif') repeat-y;}
#aboutmenu .bottom {background:url('/images/green-bottom-light.gif') no-repeat;}
#about #aboutmenu .heading {color:#778e1e;}
#about #aboutmenu .heading:hover {color:#f78f1e;}
#about #aboutmenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#about #aboutmenu .middle {min-height:107px; height:auto !important; height:107px; background:url('/images/green-mid.gif') repeat-y;}
#about #aboutmenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}
#home #aboutmenu .heading {color:#778e1e;}
#home #aboutmenu .heading:hover {color:#f78f1e;}
#home #aboutmenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#home #aboutmenu .middle {background:url('/images/green-mid.gif') repeat-y;}
#home #aboutmenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}

#manufacturingmenu {float:left; width:164px; margin-right:20px; font-size:1.2em;}
#manufacturingmenu a {display:block; color:#a3abb1; text-decoration:none;}
#manufacturingmenu .heading {color:#c9d2a5;}
#manufacturingmenu .top {background:url('/images/green-top-light.gif') bottom no-repeat;}
#manufacturingmenu .middle {background:url('/images/green-mid-light.gif') repeat-y;}
#manufacturingmenu .bottom {background:url('/images/green-bottom-light.gif') no-repeat;}
#manufacturing #manufacturingmenu .heading {color:#778e1e;}
#manufacturing #manufacturingmenu .heading:hover {color:#f78f1e;}
#manufacturing #manufacturingmenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#manufacturing #manufacturingmenu .middle {min-height:107px; height:auto !important; height:107px; background:url('/images/green-mid.gif') repeat-y;}
#manufacturing #manufacturingmenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}
#home #manufacturingmenu .heading {color:#778e1e;}
#home #manufacturingmenu .heading:hover {color:#f78f1e;}
#home #manufacturingmenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#home #manufacturingmenu .middle {background:url('/images/green-mid.gif') repeat-y;}
#home #manufacturingmenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}

#innovationmenu {float:left; width:164px; margin-right:20px; font-size:1.2em;}
#innovationmenu a {display:block; color:#a3abb1; text-decoration:none;}
#innovationmenu .heading {color:#c9d2a5;}
#innovationmenu .top {background:url('/images/green-top-light.gif') bottom no-repeat;}
#innovationmenu .middle {background:url('/images/green-mid-light.gif') repeat-y;}
#innovationmenu .bottom {background:url('/images/green-bottom-light.gif') no-repeat;}
#innovation #innovationmenu .heading {color:#778e1e;}
#innovation #innovationmenu .heading:hover {color:#f78f1e;}
#innovation #innovationmenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#innovation #innovationmenu .middle {min-height:107px; height:auto !important; height:107px; background:url('/images/green-mid.gif') repeat-y;}
#innovation #innovationmenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}
#home #innovationmenu .heading {color:#778e1e;}
#home #innovationmenu .heading:hover {color:#f78f1e;}
#home #innovationmenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#home #innovationmenu .middle {background:url('/images/green-mid.gif') repeat-y;}
#home #innovationmenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}

#qualitymenu {float:left; width:164px; margin-right:20px; font-size:1.2em;}
#qualitymenu a {display:block; color:#a3abb1; text-decoration:none;}
#qualitymenu .heading {color:#c9d2a5;}
#qualitymenu .top {background:url('/images/green-top-light.gif') bottom no-repeat;}
#qualitymenu .middle {background:url('/images/green-mid-light.gif') repeat-y;}
#qualitymenu .bottom {background:url('/images/green-bottom-light.gif') no-repeat;}
#quality #qualitymenu .heading {color:#778e1e;}
#quality #qualitymenu .heading:hover {color:#f78f1e;}
#quality #qualitymenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#quality #qualitymenu .middle {min-height:107px; height:auto !important; height:107px; background:url('/images/green-mid.gif') repeat-y;}
#quality #qualitymenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}
#home #qualitymenu .heading {color:#778e1e;}
#home #qualitymenu .heading:hover {color:#f78f1e;}
#home #qualitymenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#home #qualitymenu .middle {background:url('/images/green-mid.gif') repeat-y;}
#home #qualitymenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}

#contactmenu {float:left; width:164px; font-size:1.2em;}
#contactmenu a {display:block; color:#a3abb1; text-decoration:none;}
#contactmenu .heading {color:#c9d2a5;}
#contactmenu .top {background:url('/images/green-top-light.gif') bottom no-repeat;}
#contactmenu .middle {background:url('/images/green-mid-light.gif') repeat-y;}
#contactmenu .bottom {background:url('/images/green-bottom-light.gif') no-repeat;}
#contact #contactmenu .heading {color:#778e1e;}
#contact #contactmenu .heading:hover {color:#f78f1e;}
#contact #contactmenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#contact #contactmenu .middle {background:url('/images/green-mid.gif') repeat-y;}
#contact #contactmenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}
#home #contactmenu .heading {color:#778e1e;}
#home #contactmenu .heading:hover {color:#f78f1e;}
#home #contactmenu .top {background:url('/images/green-top.gif') bottom no-repeat;}
#home #contactmenu .middle {background:url('/images/green-mid.gif') repeat-y;}
#home #contactmenu .bottom {background:url('/images/green-bottom.gif') no-repeat;}

/* Page Titles */
h1 {font-size:1.3em; font-weight:bold; margin-bottom:18px;}
h2 {font-size:1.3em; color:#778e1d; margin-bottom:18px;} 
#about h1 {color:#778e1d;}
#manufacturing h1 {color:#778e1d;}
#innovation h1 {color:#778e1d;}
#quality h1 {color:#778e1d;}
#contact h1 {color:#778e1d;}
#fullwidth h1 {padding-left: 15px; padding-top: 23px;}

/* General */
#left img {padding-top:3px;}
#right a {color:#f78f1e; text-decoration:none;}
.landingmiddle a {color:#f78f1e; text-decoration:none;}
a {outline:none;}
ul {padding-left:10px;}
#aboutlefttext {width:170px; margin:23px 162px 0 15px; font-size:1em; color:#778e1d; line-height:16px;}
#aboutlefttext a {font-size:1em; color:#95a1aa; text-decoration:none;}
#contactleftform {width:317px; margin:23px 15px 0 15px; line-height:16px;}
#contactleftform span{color:#FF0000;}
#contact #right {color:#a3abb1;}
#leftlist {float:left; width:266px;}
#rightlist {float:left; width:266px;}

/* Contact form */
#contactForm{padding:0px;}
#contactForm div{clear:both;padding-bottom:10px;}
#contactForm input{float:left;width:240px;}
#contactForm textarea{float:left;width:244px;height:60px;margin-bottom:10px;}
#contactForm .submitbutton {font-weight:bold; color:#f78f1e; padding-bottom:9px; font-size:1.05em; background-color:#f2f4e8; border:0; padding:0; float:right; width:60px;}
.formLabel{float:left;width:60px;padding-right:5px;text-align:left;}

/* Anti-spam form field */
.standardField {display: none;}

/* Homepage */
#moreaboutus {padding:40px 5px 20px 5px;}
#moreaboutus a {color:#F78F1E;text-decoration:none;}

#moreaboutuslink {cursor:pointer;}

/* Footer */
#soilassociation {float:left; width:35px;}
#ecocert {float:left; width:50px;}
#links {float:left; width:700px; padding-top:10px;}
#contactlinks {float:left; margin-left:10px; width:175px; padding-top:10px;}
#links a {color:#95a1aa; text-decoration:none; padding:0 5px;}
#contactlinks a {color:#95a1aa; text-decoration:none; padding:0 5px;}
#phone {float:left; width:200px; text-align:right; padding-top:10px;}
#contactphone {float:left; width:630px; text-align:right; padding-top:10px;}