/*

Site Colours
---------------------------
Green: #8cc010
Orange: #f7941e
Brown: #956d2f
---------------------------

*/

/* @group Elements */

body {background: #000 top center no-repeat; font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; font-size:12px;color:#000;margin:0;padding:0;min-width:960px;}
ul.arrow li {background:transparent url(../images/bullet_arrow.png) no-repeat;background-position: 0px 2px;padding-left:20px;line-height:18px;}
input.text {background:#fff url(../images/textbox.png) repeat-x;font-size:13px;padding:4px;border:1px solid #001d4c;width:275px;}
a.bright {color:#00aeef;}
a.bright:hover {text-decoration:none;}
a.dull {color:#666;text-decoration:none;}
a.dull:hover {text-decoration:underline;}
ul.list { list-style-type: disc; padding-left: 20px; }

/* @end */
/* @group Structuce */
div.sandj { margin-left: -380px; left: 50%; display: block; position: absolute; font-size: 9px; font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; width: 185px; top: 444px; text-align: center; }
div.stonej { margin-left: -215px; left: 50%; display: block; position: absolute; font-size: 9px; font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; width: 175px; top: 444px; text-align: center; }

div#header { margin: 0 auto; height: 146px; width: 810px; color: #956d2f; font-weight: bold; font-size: 11px; font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; }
div#header a#home { float: left; display: block; height: 140px; width: 500px; }
div#header a#home span { display: none; }

div#header div#contact { float: right; height: 80px; width: 200px; padding-top: 50px; padding-right: 15px; }
div#header div#contact div { border-left: 1px solid #956d2f; height: 80px; }
div#header div#contact div span { display: block; padding-left: 10px; padding-top: 35px; }
div#header div#contact div span a { color: #956d2f; }

div#header div#lang_selector { position: absolute; left: 50%; margin-left: 200px; top: 58px; }
div#header div#lang_selector div.lng { margin-top: 5px; display: block; }
div#header div#lang_selector a { float: left; width: 37px; height: 26px; }
div#header div#lang_selector a:hover { background: transparent url(../images/lang-hover.png) no-repeat; }
div#header div#lang_selector a.s { background: transparent url(../images/lang-select.png) no-repeat; }
div#header div#lang_selector img { margin: 6px auto 0; width: 25px; height: 14px; }
#lang_tip { border: 0; z-index: 5; left: 871px; background: transparent url(../images/lang.png) no-repeat;  position: absolute; top: 45px; font-size: 10px; color: #fff; width: 47px; height: 16px; padding-bottom: 3px; text-align: center; }

div#nav { margin: 0 auto; height: 43px; width: 810px; }
div#nav ul { }
div#nav li { float: left; }
div#nav li a { margin-left: 1px; display: inline-block; height: 43px; text-align: center; padding-top: 16px; font-family: Franklin Gothic Medium, Tahoma, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #8cc010; text-decoration:none; }
div#nav li a.selected  { color: #000; background: url(../images/select-nav.png) repeat-x; }

div#nav li a.home { width: 100px; color: #27582b; }
div#nav li a.products { width: 103px; }
div#nav li a.about { width: 107px; }
div#nav li a.envirolab { width: 107px; }
div#nav li a.dealers { width: 100px; }
div#nav li a.video { width: 83px; }
div#nav li a.faq { width: 83px; }
div#nav li a.contact { width: 116px; }

div#nav li a span { display: block; height: 10px; margin: 0 auto; }
div#nav li a span b { display: none; }

div#nav li a.home span { width: 26px; background-position: 0px 0px; }
div#nav li a.home:hover span { background-position: 0px -40px; }
div#nav li a.home.selected span { background-position: 0px -40px; }

div#nav li a.products span { width: 47px; background-position: -125px 0px; }
div#nav li a.products:hover span { background-position: -125px -40px; }
div#nav li a.products.selected span { background-position: -125px -40px; }

div#nav li a.about span { width: 45px; background-position: -250px 0px; }
div#nav li a.about:hover span { background-position: -250px -40px; }
div#nav li a.about.selected span { background-position: -250px -40px; }

div#nav li a.envirolab span { width: 49px; background-position: -375px 0px; }
div#nav li a.envirolab:hover span { background-position: -375px -40px; }
div#nav li a.envirolab.selected span { background-position: -375px -40px; }

div#nav li a.dealers span { width: 39px; background-position: -500px 0px; }
div#nav li a.dealers:hover span { background-position: -500px -40px; }
div#nav li a.dealers.selected span { background-position: -500px -40px; }

div#nav li a.video span { width: 28px; background-position: -625px 0px; }
div#nav li a.video:hover span { background-position: -625px -40px; }
div#nav li a.video.selected span { background-position: -625px -40px; }

div#nav li a.faq span { width: 26px; background-position: -750px 0px; }
div#nav li a.faq:hover span { background-position: -750px -40px; }
div#nav li a.faq.selected span { background-position: -750px -40px; }

div#nav li a.contact span { width: 53px; background-position: -875px 0px; }
div#nav li a.contact:hover span { background-position: -875px -40px; }
div#nav li a.contact.selected span { background-position: -875px -40px; }

body.nl div#nav li a.products span { width: 52px; }
body.nl div#nav li a.dealers span { width: 75px; }
body.nl div#nav li a.contact span { width: 39px; }

a.chalkboard { margin-left: 300px; left: 50%; display: block; position: absolute; background-repeat: no-repeat; width: 176px; height: 223px; top: 280px; z-index: 99; }
/*  margin-left: 690px; */

div#body { margin: 0 auto 8px auto; height: 455px; width: 780px; overflow: auto; }
div#body_noof { margin: 0 auto; width: 800px; }
div#body_sidebar { position:relative; float: right; height: 455px; width: 664px; overflow: auto; }
div#body_sidebar_text { position:relative; float: right; height: 455px; width: 615px; overflow: auto; margin: 5px 20px; }
div#body_sidebar_big { position:relative; float: right; height: 405px; width: 440px; overflow: auto; margin-top: 40px; margin-right: 20px; }
div#body_sidebar_envirolab { position:relative; float: right; height: 410px; width: 350px; overflow: auto; margin-top: 5px; margin-right: 5px; padding: 15px; }

div#footer { clear: both; margin: 0 auto; width: 810px; }
div#footer div { position: absolute; top: 700px; font-size:9px; color: #fff; width: 810px; }
div#footer div a { color: #fff; margin: 0 10px; }
div#footer div a.terms { color: #fff; margin-left: 50px; }
div#footer div a.graymatter { float: right; position: relative; left: 15px; top: -10px; display: block; width: 100px; height: 25px; }
div#footer div a.graymatter span { display: none; }

div#sub-nav {float: left; position: absolute; height: 463px; width: 145px; top: 221px; margin-left: -9px; background: transparent url(../images/sub-nav.jpg) no-repeat; }
div#sub-nav ul { position: relative; top: 10px; z-index: 5; left: 20px; width: 120px; }
div#sub-nav ul li { min-height: 11px; margin-top: 15px; font-weight: 600; background-repeat: no-repeat; }
div#sub-nav ul li a { display: block; }
div#sub-nav ul li a span { display: block; margin-left: 15px; margin-top: 1px; float: left; }
div#sub-nav ul li a span b { display: none; }
div#sub-nav ul li.selected { background-image: url(../images/select-sub-nav.png); }
div.sub-nav-content { float: right; left: -40px; position: relative; background-repeat: no-repeat; width: 609px; height: 435px; }

.green { color: #8cc010; }
.orange { color: #f7941e; }

div#sub-contact {float: left; position: absolute; height: 465px; width: 521px; top: 221px; margin-left: -9px; background: transparent url(../images/sub-contact.jpg) no-repeat; }
div#sub-envirolab {float: left; position: absolute; height: 484px; width: 421px; top: 201px; margin-left: -9px; background: transparent url(../images/sub-envirolab.jpg) no-repeat; }
div#sub-about {float: left; position: absolute; height: 464px; width: 323px; top: 221px; margin-left: -9px; background: transparent url(../images/sub-about.jpg) no-repeat; }

div.follow { color: #8cc010; }
div.follow a { float: left; display: block; width: 26px; height: 25px; margin-left: 1px; }
div.follow a b { display: none; }
div.follow div { margin-top: 3px; }
div.follow a.fb { background: transparent url(../images/ico-fb.png) no-repeat; }
div.follow a.in { background: transparent url(../images/ico-in.png) no-repeat; }
div.follow a.tw { background: transparent url(../images/ico-tw.png) no-repeat; }

.aval { display: block; margin-left: 15px; position: absolute; text-align: center; top: 390px; z-index: 5; display: block; font-size: 8px; width: 50px; font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; }
.fhome { margin: 5px 0px; }
a.dsf { margin-left: -10px; display: block; width: 185px; height: 42px; background: transparent url(../images/ico-ds.png) no-repeat; }
a.dsf b { display: none; }
a.dsf.btm { position: absolute; left: 50%; top: 600px; margin-left: 200px; }

/* @end */
/* @group Home Page */

input#email { float: left; background:url(../images/textbox.png); font-size:12px;padding:3px;border:0;width:140px; margin-right: 5px; }
div.sign span { display: block; margin-top: 20px; font-weight: normal; color: #808181; }

div.home-text { background: transparent no-repeat; line-height: 100%; margin: 15px 15px 0 25px; float: left; display: block; width: 327px; height: 230px; text-align: right; font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; font-size: 13px; line-height: 25px; }
div.home-text span { display: block; padding: 15px 20px 0 0; }

#body #frame { float: left; display: block; width: 389px; height: 260px; background: transparent url(../images/home-frame.png) no-repeat; padding: 12px; }
#sub-envirolab #frame { float: left; position: absolute; top: 77px; left: 48px; }
#sub-envirolab .quote { position: absolute; top: 330px; left: 55px; width: 300px; color: #956d2f; font-weight: bold; font-size: 11px; font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; }
#sub-envirolab .quote span { color: #8cc010; display: block; text-align: right; font-size: 10px; padding-right: 10px; }

#frame img { position:absolute; z-index:8; opacity:0.0; margin: auto; }
#frame img.active { z-index:10; opacity:1.0; }
#frame img.last-active { z-index:9; }
div#home-foot {  margin: 0 auto; width: 817px; font-size: 9px; font-size: 9px;  }
div.home-foot2 { position: absolute; top: 468px; margin-left: -1px; width: 817px; height: 217px; background: no-repeat; }

div.news { float: left; position: relative; top: 42px; left: 39px; color: #956c2e; width: 310px; }
div.news h2 { margin-top: 6px; color: #8cc010; font-weight: bold; font-size: 10px; }
div.news a { color: #8cc010; text-decoration:none; }
div.news a.blog { display: block; width: 140px; height: 36px; top: 92px; position: absolute; }
div.news a.blog span { display: none; }
div.news div { float: left; color: #8cc010; font-weight: bold; font-size: 10px; position: absolute; top: 95px; }
div.news div.sign { margin-left: 167px; } 

div.news div.newsletter { display: block; position: relative; left: 180px; top: 13px; }

div.shows { float: left; position: relative; top: 40px; left: 110px; color: #956c2e; width: 160px; font-style: italic; }
div.shows h2 { margin-top: 7px; color: #f7941e; font-weight: bold; font-size: 10px; font-style: normal; }
div.shows h3 { font-style: normal; }
div.shows a { color: #f7941e; text-decoration:none; }

div.showsl { float: left; position: relative; top: 45px; left: 110px; width: 160px; }
div.showsl a { color: #9a7332; display: block; margin-top: 2px; font-weight: bold; }

div.links { padding-top: 10px; float: left; position: relative; top: 40px; left: 154px; color: #9a7332; width: 145px; }
div.links a { color: #9a7332; display: block; margin-top: 2px; font-weight: bold; }
div.links a.dsf { margin-top: 45px; }

a#david { display: block; position: absolute; top: 100px; width: 180px; height: 50px; }
a#david span { display: none; }

/* @end */
/* @group Products */

div.products-envirosand { float: right; left: -10px; position: relative; background-repeat: no-repeat; width: 639px; height: 455px; }
div.products-envirosand div { display: block; position: relative; left: 230px; top: 60px; width: 400px; font-size: 11px; line-height: 120%; }

div.products-envirostone { float: right; left: -10px; position: relative; background-repeat: no-repeat; width: 639px; height: 455px; }
div.products-envirostone div { display: block; position: relative; left: 230px; top: 60px; width: 400px; font-size: 11px; line-height: 120%; }


body.nl .aval { display: none; }
span.space { display: block; width: 150px; height: 55px; float: right; }
span.jp { display: block; font-size: 12px; width: 220px; font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif; margin-bottom: 15px; }

ul.features { text-align: center; margin-top: 10px; font-weight: bold; color: #8cc010; }
ul.features li { display: inline; padding: 0 2px; margin-top: 5px; }

div.products-enviropave { float: right; left: -40px; position: relative; background-repeat: no-repeat; width: 609px; height: 435px; }
div.products-enviropave div { display: block; position: relative; left: 230px; top: 60px; width: 400px; font-size: 11px; line-height: 120%; }

ul.products li a span { height: 9px; }
ul.products li.sand a span { width: 75px; background-position: 0px 0px; }
ul.products li.stone a span { width: 80px; background-position: -75px 0px; }
ul.products li.pave a span { width: 71px; background-position: -155px 0px; }

ul.products li a i { width: 22px; height: 18px; display: block; float: left; position: relative; top: -8px; }

a#lock { display: block; width: 200px; height: 50px; position: absolute; top: 500px; margin-left: 15px; }
a#lock span { display: none; } 

/* @end */
/* @group FAQ */

div#faq { padding: 10px 40px; }
div#faq h3 { padding: 3px 0 3px 50px; text-indent: -40px; }
div#faq h3 a { text-decoration:none; color: #8cc010; font-weight: bold; font-size: 13px; }
div#faq div { padding: 25px 10px 25px 40px; }

/* @end */
/* @group Dealers */

div#body_dealers { float: right; height: 455px; width: 605px; overflow: auto; margin-top: 20px; margin-right: 20px; }
div#body_dealers h2 { font-size: 18px; color: #956d2f; margin-bottom: 5px; }
div#body_dealers img { float: right; margin-top: 4px; cursor: pointer; }

form#dealers { margin: 10px 0; }
form#dealers input#addressInput { width: 300px; border: 1px solid #000; }
form#dealers input.def { color: #555555; }

div#map { float: left; overflow: hidden; width:355px; height:340px }

div#sidebar { float: right; overflow: auto; height: 340px; font-size: 11px; color: #000; width: 225px; margin-left: 3px; padding-right: 5px; line-height: 120%; }
div#sidebar h3 { font-size: 16px; color: #956d2f; margin-bottom: 8px; }
div#sidebar div { padding: 8px 0 8px 3px; cursor: pointer; border-bottom: 1px solid #ebdfc1; }
div#sidebar div:hover { background-color: #dddddd; }
div#sidebar div span { display: block }
div#sidebar div span.name { font-weight: bold; color: #8cc010; font-size: 12px; }

ul.dealers li a span { height: 8px; }

ul.dealers li.find a span { width: 65px; background-position: 0px 0px; }
ul.dealers li.find:hover a span { background-position: 0px -40px; }
ul.dealers li.find.selected a span { background-position: 0px -20px; }

ul.dealers li.become a span { width: 82px; background-position: -125px 0px; }
ul.dealers li.become:hover a span { background-position: -125px -40px; }
ul.dealers li.become.selected a span { background-position: -125px -20px; }

ul.dealers li.media a span { width: 65px; background-position: -250px 0px; }
ul.dealers li.media:hover a span { background-position: -250px -40px; }
ul.dealers li.media.selected a span { background-position: -250px -20px; }

/* @end */
/* @group Video */

div#sub-nav-vid {float: left; position: absolute; height: 463px; width: 145px; top: 221px; margin-left: -9px; background: transparent url(../images/sub-nav.jpg) no-repeat;  }
div#sub-nav-vid ul { position: relative; top: 10px; z-index: 5; left: 15px; width: 250px; }
div#sub-nav-vid ul li { min-height: 11px; margin-bottom: 15px; font-weight: 600; background-repeat: no-repeat; }
div#sub-nav-vid ul li a { display: block; }
div#sub-nav-vid ul li a span { display: block; margin-left: 15px; margin-top: 1px; float: left; background-repeat: no-repeat; }
div#sub-nav-vid ul li a span b { display: none; }
div#sub-nav-vid ul li.selected { background-image: url(../images/select-sub-nav.png); background-position: left center; }

object.video { float: right; margin-top: 15px; margin-right: 45px; width: 560px; height: 340px; }

ul.video li a span { height: 8px; width: 115px; margin-bottom: 15px; }
ul.video li{ height: 8px; }
ul.video li.intro { height: 34px; }
ul.video li.agriculture { height: 24px; }

ul.video li.intro a span { height: 34px; background-position: 0px 0px; }
ul.video li.intro a:hover span { background-position: 0px -35px; }
ul.video li.intro.selected a span { background-position: 0px -35px; }

ul.video li.install a span { background-position: -125px 0; }
ul.video li.install a:hover span { background-position: -125px -35px; }
ul.video li.install.selected a span { background-position: -125px -35px; }

ul.video li.rainfall a span { background-position: -250px 0; }
ul.video li.rainfall a:hover span { background-position: -250px -35px; }
ul.video li.rainfall.selected a span { background-position: -250px -35px; }

ul.video li.agriculture a span { background-position: -375px 0; height: 24px; }
ul.video li.agriculture a:hover span { background-position: -375px -35px; }
ul.video li.agriculture.selected a span { background-position: -375px -35px; }

body.nl ul.video li.intro { height: 24px; }
body.nl ul.video li.intro a span { height: 24px; }
/* @end */
/* @group Contact Us */

div#body_contactus { font-size: 13px; line-height: 120%; float: right; height: 405px; width: 260px; overflow: auto; margin-top: 40px; margin-right: 10px; }
div#body_contactus h2 { color: #8cc010; font-size: 14px; margin-bottom: 12px; }
div#body_contactus span { display: block; margin-bottom: 12px; }
div#body_contactus a { color: #000; }

/* @end */
/* @group IE6 */

div#ie div.header { font-weight:bold; font-size: 18px; background: url('../images/nav_alt.png') no-repeat; width:960px;  padding: 10px 0 10px 15px; color: #fff1e1; }
div#ie div.content { font-size: 14px; background-color: #fff; padding: 7px; margin-bottom: 10px; }
div#ie div.content div.browser { display: block; margin: 20px auto; width: 775px; }
div#ie div.content div.browser span { width: 155px; float: left; text-align: center; display: block; }
div#ie div.content div.browser span img { padding-left: 25px; display: block; }
div#ie a {text-decoration:none;color:#303B4F;}
div#ie a:hover {text-decoration:underline;}
div#ie a.link:hover {text-decoration:underline;}

/* @end */

* { line-height: 140%; }