/* Absopure Recycle */

body {background-color:#64af4b; background-image:url(images/bg_body.gif); background-position: 0px 0px; background-repeat: repeat-x; margin:0px; padding: 0px;line-height: 1.2em; font-family: Helvetica; font-size: 11px;}
a {color:#122b15;}
a:hover {color:#006601;}

html,body { height:100%; }

html>body #container {height:auto;min-height:100%;}

#bb-image {height:158px;width:504px; background: url(images/bb_home.jpg) 0px 0px no-repeat; float:right;}
#bb-pimage {height:158px;width:504px; background: url(images/bb_product.jpg) 0px 0px no-repeat; float:right;}

#billboard {background-color:#FFF; background-image: url(images/bb_footer.jpg); background-position:bottom left; background-repeat:repeat-x; height:164px;margin:0px; position:relative; width:735px;}
#breadcrumb  {list-style: none;}
#breadcrumb li {display: block; float: left; margin: 0px 8px; height: 24px; vertical-align: middle; padding-top:5px; }
#breadcrumb a {color:#122b15;}
#breadcrumb a:hover {color:#006601;}
#container {background-color:#FFF; margin:0px auto; width:735px; clear:both;}
#content {width:435px; display: block; float: left;background-color: #fff;line-height: 1.3em; padding: 0px 20px;border-left: 1px solid #8e8e8e; margin-top:20px; min-height: 290px; overflow: hidden;}
#content h1 { font-size:14px; font-weight:bold; color:#31522C; margin:1em 0; }
#content h1#home {background: url(images/heading_welcome.jpg) -15px 0px no-repeat; display: block; width:200px; height:27px; text-indent: -3000px;}
#content h1#hyd {background: url(images/hydrationfacts.gif) 0px 0px no-repeat; display: block; width:200px; height:27px; text-indent: -3000px;}
#content h1#about {background: url(images/aboutus.gif) 0px 0px no-repeat; display: block; width:200px; height:27px; text-indent: -3000px;}
#content h1#contact {background: url(images/contactus.gif) 0px 0px no-repeat; display: block; width:200px; height:27px; text-indent: -3000px;}
#content h1#enviornment {background: url(images/environment.gif) 0px 0px no-repeat; display: block; width:200px; height:27px; text-indent: -3000px;}
#content h1#prod{background: url(images/prod.jpg) 0px 0px no-repeat; display: block; width:200px; height:27px; text-indent: -3000px;}

#footer {width:600px; margin: 0px auto; text-align: center; padding:20px 0px; text-align: center;}
#footer p {color:#cacaca;}
#heading {background-color:#FFF; background-image: url(images/bg_heading.jpg); background-position: 0px 0px; background-repeat: no-repeat; height:129px;margin:0px; position:relative; width:735px;}
#logo {background-image: url(images/logo.jpg); background-position: 0px 0px; background-repeat: no-repeat; width:135px; height: 110px; position:  absolute; left:20px; top:5px;}
#nav {width:216px; list-style: none; margin: 15px 10px 0px 0px; padding: 0px;display: block; float: left; font-size: 15px;text-indent: -3000px;}
#nav li {background: url(images/sprite.jpg) -500px -500px no-repeat; display:block; margin:5px 0px; float: right; height:14px; }
#submenu {width: 255px; display: block; float: left; background-color: #fff; margin-top:20px;}
#subnav {font-family: Helvetica; font-size: 11px; width:215px;list-style: none;padding: 0px; margin: 0px; }
#subnav a {color:#003263; text-decoration: underline;}
#subnav li {height: 67px; margin-bottom: 15px;background: url(images/btn_dots.jpg) bottom right no-repeat; clear: left;}
#subnav img {border:0px; display: block; float: left;margin:0px 10px;clear: both;}
#title {background-image: url(images/title.jpg); background-position: 0px 0px; background-repeat: no-repeat; width:216px; height: 35px; position: absolute; left:250px; bottom:20px;}

/* Classes */
.clear {clear: both;}
.hidden {visibility: hidden;}
.none {display: none;}
.list_sep {background: url(images/list_sep.jpg) 0px 0px no-repeat;display:block; width:1px;}
/* Nav Classes */

.nav_home {background-position: 0px 0px; background: url(images/sprite.jpg) 0px 0px no-repeat; display:block; width:142px; height: 14px; }
.nav_home_active, .nav_home:hover {background: url(images/sprite.jpg) 0px -14px no-repeat; display:block; width:142px; height: 14px; text-indent:  -3000px;}

.nav_home2 {background: url(images/sprite.jpg) -142px 0px no-repeat; display:block; width:142px; height: 14px; }
.nav_home2_active, .nav_home2:hover {background: url(images/sprite.jpg) -142px -14px no-repeat; display:block; width:142px; height: 14px; text-indent:  -3000px;}

.nav_product { background: url(images/sprite.jpg) -284px 0px no-repeat; display:block; width:142px; height: 14px; }
.nav_product_active, .nav_product:hover { background: url(images/sprite.jpg) -284px -14px no-repeat; display:block; width:142px; height: 14px; text-indent:  -3000px;}

.nav_about { background: url(images/sprite.jpg) -426px 0px no-repeat; display:block; width:142px; height: 14px; }
.nav_about_active, .nav_about:hover {background: url(images/sprite.jpg) -426px -14px no-repeat; display:block; width:142px; height: 14px; text-indent:  -3000px;}

.nav_contact {background: url(images/sprite.jpg) -568px 0px no-repeat; display:block; width:142px; height: 14px; }
.nav_contact_active, .nav_contact:hover {background: url(images/sprite.jpg) -568px -14px no-repeat; display:block; width:142px; height: 14px; text-indent:  -3000px;}

img.floatright {
float:right;
border:1px solid;
margin:15px;
}
img.floatleft {
float:left;
border:1px solid;
margin:15px;
}