/* type */
	
body { background-color: #e6e6e6; font: 80% verdana, helvetica, arial, sans-serif; color: #333; }

img { border: 0; }

p { font: 1em/1.4em verdana, helvetica, arial, sans-serif; margin: 0 0 1em 0; }

ol, ul { line-height: 1.4em; }

h1 { font: bold 1.2em verdana, arial, helvetica, sans-serif; margin: auto 0 auto 0; }

h2 { font: bold 1em verdana, arial, helvetica, sans-serif; margin: 1em 0 1em 0; }

h3 { font: bold 1em verdana, arial, helvetica, sans-serif; margin: 1em 0 1em 0; color: #999; }

a:link { color: #036; }

a:active { color: #039; }

a:visited { color: #003; }

a:hover { color: #039; }

/* layout */

div#main { width: 700px; margin: 25px auto 25px auto; text-align: left; }

div#chemstream { height: 121px; background: url(../images/header.jpg) top left no-repeat; }

div#chemstream a { display: block; padding-top: 110px; width: 700px; background: url(../images/header.jpg) top left no-repeat; overflow: hidden; /* WIN IE5 hack */ height: 110px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

div#menu { float: left; width: 163px; }

div#content { margin: 0 8px 0 173px; padding: 1em; background-color: #fff; border: 1px solid #ccc; }

div#footer { margin: 5px 8px 0 173px; padding: 1em 1em 0 1em; font-size: .8em; text-align: center; background-color: #fff; border: 1px solid #ccc; }

/* nav - look ma, no javascript */

div#menu ul#navigation { list-style-type: none; margin: 0; padding: 0; }

/* nav blue state */

body.water div#menu ul#navigation li#nav-water { background: url(../images/water_blue.gif) top left no-repeat; padding-top: 43px; width: 163px; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

body.electric div#menu ul#navigation li#nav-electric { background: url(../images/electric_chem_blue.gif) top left no-repeat; padding-top: 43px; width: 163px; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

body.aeration div#menu ul#navigation li#nav-aeration { background: url(../images/aeration_blue.gif) top left no-repeat; padding-top: 43px; width: 163px; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

body.baffles div#menu ul#navigation li#nav-baffles { background: url(../images/baffles_blue.gif) top left no-repeat; padding-top: 43px; width: 163px; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

body.chemicals div#menu ul#navigation li#nav-chemicals { background: url(../images/treatment_blue.gif) top left no-repeat; padding-top: 43px; width: 163px; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

body.contact div#menu ul#navigation li#nav-contact { background: url(../images/contact_blue.gif) top left no-repeat; padding-top: 43px; width: 163px; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

body.about div#menu ul#navigation li#nav-about { background: url(../images/about_blue.gif) top left no-repeat; padding-top: 43px; width: 163px; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

/* nav up state */

div#menu ul#navigation li#nav-water a { display: block; padding-top: 43px; width: 163px; background: url(../images/water_up.gif) top left no-repeat; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }
div#menu ul#navigation li#nav-electric a { display: block; padding-top: 43px; width: 163px; background: url(../images/electric_chem_up.gif) top left no-repeat; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

div#menu ul#navigation li#nav-aeration a { display: block; padding-top: 43px; width: 163px; background: url(../images/aeration_up.gif) top left no-repeat; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

div#menu ul#navigation li#nav-baffles a { display: block; padding-top: 43px; width: 163px; background: url(../images/baffles_up.gif) top left no-repeat; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

div#menu ul#navigation li#nav-chemicals a { display: block; padding-top: 43px; width: 163px; background: url(../images/treatment_up.gif) top left no-repeat; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

div#menu ul#navigation li#nav-contact a { display: block; padding-top: 43px; width: 163px; background: url(../images/contact_up.gif) top left no-repeat; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

div#menu ul#navigation li#nav-about a { display: block; padding-top: 43px; width: 163px; background: url(../images/about_up.gif) top left no-repeat; overflow: hidden; /* WIN IE5 hack */ height: 43px; voice-family: "\"}\""; voice-family: inherit; height: 0; }

/* nav over preload */

div#menu ul#navigation li#nav-water { background-image: url(../images/water_over.gif); }

div#menu ul#navigation li#nav-electric { background-image: url(../images/electric_chem_over.gif); }

div#menu ul#navigation li#nav-aeration { background-image: url(../images/aeration_over.gif); }

div#menu ul#navigation li#nav-baffles { background-image: url(../images/baffles_over.gif); }

div#menu ul#navigation li#nav-chemicals { background-image: url(../images/treatment_over.gif); }

div#menu ul#navigation li#nav-contact { background-image: url(../images/contact_over.gif); }

div#menu ul#navigation li#nav-about { background-image: url(../images/about_over.gif); }

/* nav over */

div#menu ul#navigation li#nav-water a:hover { background: url(../images/water_over.gif) top left no-repeat; }

div#menu ul#navigation li#nav-electric a:hover { background: url(../images/electric_chem_over.gif) top left no-repeat; }

div#menu ul#navigation li#nav-aeration a:hover { background: url(../images/aeration_over.gif) top left no-repeat; }

div#menu ul#navigation li#nav-baffles a:hover { background: url(../images/baffles_over.gif) top left no-repeat; }

div#menu ul#navigation li#nav-chemicals a:hover { background: url(../images/treatment_over.gif) top left no-repeat; }

div#menu ul#navigation li#nav-contact a:hover { background: url(../images/contact_over.gif) top left no-repeat; }

div#menu ul#navigation li#nav-about a:hover { background: url(../images/about_over.gif) top left no-repeat; }

/* css tabs  */
/* http://unraveled.com/projects/css_tabs/ */

ul#tabnav { font: bold 11px verdana, arial, sans-serif; list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #f63; margin: 1em 0 1em 0; line-height: 1.2em; }

ul#tabnav li { float: left; height: 21px; background-color: #fc6; margin: 2px 2px 0 2px; border: 1px solid #f63; }

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { border-bottom: 1px solid #fff; background-color: #fff; }

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { color: #000; }

#tabnav a { display: block; color: #666; text-decoration: none; padding: 4px; }

#tabnav a:hover {
background: #fff;
}

/* star 7 hack to be nice to Opera */

html*#tabnav a { float: left; }

/* block */

/* inline */

.hidden { display: none; }

.right { float: right; margin: 0 0 1em 1em; }

.left { float: left; margin: 0 1em 1em 0; }

.clear { clear: both; }

.button { background-color: #018cde; color: white; font-style: bold; }