/* IE & FF Fix */
* {margin:0; padding:0;}
html, body {margin:0px; padding:0px; background:#dfd8d5; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

/* Classes */
a {color: #666;}
a:hover {color: #000;}
p {margin:0px; padding:20px 0 0 0; line-height:165%;}
.floatLeft {float:left; margin-right:30px }
.floatRight {float:right; margin-left:30px }
.clearBoth {clear:both;}


/* Main Page */
#page-container {width:800px; margin:auto;}

/* Header */
#header {}

/* Navigation */
#primary-navigation {width:100%; background:#7bc243;}
#primary-navigation ul {clear: both; background: #7bc243; margin: 0px; padding: 0px; list-style: none; width:100%; font-size:12px;} 
#primary-navigation ul li {position: relative; float:left; width:20%;} 
#primary-navigation li ul {position: absolute; z-index:100000; left: 0px; top: 25px; display: none;}
#primary-navigation li ul li ul {position: absolute; z-index:100002; left: 97px; top: -1px; display: none;}
#primary-navigation li ul li { clear: both; width:100%; border-top:1px solid #9de464}
#primary-navigation ul li a {display: block; text-decoration: none; color: #FFF; background: #7bc243; padding:5px; text-align:center;}
#primary-navigation ul li a.currentPage {display: block; text-decoration: none; color: #FFF; background: #9de464; padding:5px; text-align:center;}
#primary-navigation ul li a:hover {background:#9de464; color:#FFF;}
#primary-navigation li:hover ul, #primary-navigation li.over ul {display: block;} 

/* Main Content */
#content-container { clear:both; width:746px; float:left; background:#fff; padding:27px;}

/* Secondary Navigation */
#secondary-navigation {float:left; width:240px;}
#secondary-navigation ul li {list-style:none;}
#secondary-navigation h2 {background:url(../../images/general/title-bullet.jpg) no-repeat 0 50%; padding:5px 0 5px 40px; text-transform:uppercase; color:#231f20; font-size:18px}
#secondary-navigation ul { padding:30px 0 0 6px;}
#secondary-navigation ul li {list-style:none; background:url(../../images/backgrounds/green-arrows.gif) no-repeat 0% 50%; padding:0 0 0 26px; line-height:25px;}

/* Homepage */
#home-cta1 {float:left; width:342px; background:url(../../images/backgrounds/cta-bg.jpg) repeat-x top left #ddd6d3; border:1px solid #ddd6d3; padding:23px; padding-left:0; margin-bottom:30px;}
#home-cta1 img {float:left;}
#home-cta1 h2 {font-size:18px}
#home-cta1 a {color: #7bc243;}
#home-cta1 a:hover {color: #CCCCCC;}
#home-cta1 p {margin:0px; padding:5px 0 10px 0; line-height:145%;}

#home-cta2 {float:right; width:365px; background:url(../../images/backgrounds/cta-bg.jpg) repeat-x top left #ddd6d3; border:1px solid #ddd6d3; padding:23px 0;  margin-bottom:30px;}
#home-cta2 img {float:left;}
#home-cta2 h2 {font-size:18px}
#home-cta2 a {color: #7bc243;}
#home-cta2 a:hover {color: #CCCCCC;}
#home-cta2 p {margin:0px; padding:5px 0 29px 0; line-height:145%;}

/* Primary Content */
body.index #primary-content {float:left; width:465px; border-left:1px solid #ddd6d3; padding-left:30px; padding-bottom:45px;}
body.index #primary-content h1,h2 {background:url(../../images/general/title-bullet.jpg) no-repeat 0 50%; padding:5px 0 5px 40px; text-transform:uppercase; color:#231f20; font-size:18px}
body.index #primary-content img { float:left; margin:20px 30px 0 0}
body.index #primary-content a {color: #7bc243;}
body.index #primary-content a:hover {color: #8dc63f;}
body.index #primary-content span { color:#669933; font-weight:bold }

body.three-column #primary-content {float:left; width:100%; border-bottom:1px solid #ddd6d3; padding-bottom:30px}
body.three-column #primary-content  h1,h2,h3 {background:url(../../images/general/title-bullet.jpg) no-repeat 0 50%; padding:5px 0 5px 40px; text-transform:uppercase; color:#231f20; font-size:18px}
body.three-column #primary-content ul {padding:30px 0 0 6px;}
body.three-column #primary-content li {list-style:none; background:url(../../images/backgrounds/green-arrows.gif) no-repeat 0% 50%; padding:0 0 0 26px; line-height:25px;}
body.three-column #primary-content img { float:right; margin:60px 20px 0 50px }
body.three-column #primary-content span { color:#7bc243 }

body.three-column #sub-areas-of-usage {float:left; width:430px; padding-right:24px; margin-top:33px; border-right:1px solid #ddd6d3}
body.three-column #sub-areas-of-usage ul {float:left; padding:30px 0 0 6px; margin-right:25px;}
body.three-column #sub-areas-of-usage li {list-style:none; background:url(../../images/backgrounds/green-arrows.gif) no-repeat 0% 50%; padding:0 0 0 26px; line-height:25px;}
body.three-column #sub-areas-of-usage blockquote {font-size:12px; font-weight:bold; color:#000; margin-top:20px;}

body.three-column #sub-dilution-ratios {float:left; width:258px; margin-left:24px; margin-top:33px;}
body.three-column #sub-dilution-ratios ul {padding:30px 0 0 6px;}
body.three-column #sub-dilution-ratios li {list-style:none; background:url(../../images/backgrounds/green-arrows.gif) no-repeat 0% 50%; padding:0 0 0 26px; line-height:25px;}
body.three-column #sub-dilution-ratios dl {margin-top:20px;}
body.three-column #sub-dilution-ratios dt {font-size:12px; font-weight:bold; color:#000; padding-bottom:5px;}
body.three-column #sub-dilution-ratios dd {}

#site-prices { margin-top:30px}
#site-prices h2 { margin-bottom:15px}

/* Footer */
#footer {clear:both; background:url(../../images/backgrounds/footer-bg.jpg) repeat-x bottom left #7cc545; font-size:11px; padding:0 37px 25px 0;}
#footer a {color:#FFF; font-weight:bold}
#footer a:hover {color:#000;}
#lowerNav {float:right; width:418px; text-align:left; list-style:none; color:#000; margin:20px 0 7px 0;}
#lowerNav li {display:inline; padding:5px; margin:30px 0;}
#footer-addy {float:right; width:413px; font-size:11px; color:#fff; padding-left:5px}
#footer-addy p {margin:0px; padding:0; line-height:20px;}
#footer-addy address { font-size:10px; font-style:normal; color:#000; margin-bottom:10px; line-height:15px;}

