@charset "UTF-8";
/* CSS Document */
a:focus {outline: none}

body {top: 0px; margin: 0px; padding-bottom: 30px; padding-top: 0px; padding-left: 0px; padding-right: 0px; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-sze: 10px; }

a {border: 0px; text-decoration: none;}
p.intro { font-size: 11px; padding-left: 8px; padding-right: 8px; }
p.introstyle1 { font-size: 9px; padding-left: 8px; padding-right: 8px; }


#container { width: 840px; /*height: auto; min-height: 100%;*/ height: 2000px; margin: 0px auto;  padding-bottom: 100px; }

#logobar {width: 835px; height: 121px; padding: 0px; margin: 0px;}
a.logo { display: block; width: 338px; height: 121px; background-image: url(images/logo.gif); background-repeat:no-repeat; float: left; padding: 0px; margin: 0px;}
#logobarright {width: 464px; height: 121px; background-image: url(images/factory.jpg); background-repeat:no-repeat; float: left; padding: 0px; margin: 0px;}
#logobarbase {padding: 0px; margin: 0px; width: 835px; height: 18px; background-image: url(images/topbar.jpg); background-repeat:no-repeat;}

#stage {width: 835px; height: 410px; background-color:#535353;}
#stagesecondary {width: 835px; height:191px; background-color:#535353; }
#stageflash {width: 323px; height: 385px; float: left; padding: 8px; background-color:#333; }
#stagevideo {width: 480px; height: 385px; float: left; padding: 8px; background-color:#333; }


#bott{ margin-top: 10px; width: 835px; height: 100%;}
#bottnav {width:362px; height:100%; float: left;}
/*#bottnav {width:464px; height:367px; float: left;}*/
#bottcomments {margin-left: 9px; width:464px; height:367px; float: left;}
a.commentheader {width: 226px; height: 61px; background-image: url(images/commentheader.gif); }

a.signup {display: block; width: 209px; height: 33px; float: right; margin-top: 80px; background-image:url(images/signup.gif);}




a.notclean {display: block; width: 362px; height: 47px;  background-image: url(images/btn_clean.gif); background-repeat: no-repeat; padding-top: 5px;}
a.notabundant {display: block; width: 362px; height: 47px;  background-image: url(images/btn_abundant.gif); background-repeat: no-repeat; padding-top: 5px;}
a.notcheap {display: block; width: 362px; height: 47px;  background-image: url(images/btn_cheap.gif); background-repeat: no-repeat; padding-top: 5px;}
a.notreplacement {display: block; width: 362px; height: 47px;  background-image: url(images/btn_replacement.gif); background-repeat: no-repeat; padding-top: 5px;}
a.notneeded {display: block; width: 362px; height: 47px;  background-image: url(images/btn_needed.gif); background-repeat: no-repeat; padding-top: 5px;}

a.notclean:hover {background-position: -362px top; }
a.notabundant:hover {background-position: -362px top;}
a.notcheap:hover {background-position: -362px top;}
a.notreplacement:hover {background-position: -362px top;}
a.notneeded:hover {background-position: -362px top;}

/*LIVE STATE    */

a.notcleanlive {display: block; width: 362px; height: 47px;  background-image: url(images/btn_clean.gif); background-repeat: no-repeat; padding-top: 5px; background-position: -362px top;}
a.notabundantlive {display: block; width: 362px; height: 47px;  background-image: url(images/btn_abundant.gif); background-repeat: no-repeat; padding-top: 5px; background-position: -362px top;}
a.notcheaplive {display: block; width: 362px; height: 47px;  background-image: url(images/btn_cheap.gif); background-repeat: no-repeat; padding-top: 5px; background-position: -362px top;}
a.notreplacementlive {display: block; width: 362px; height: 47px;  background-image: url(images/btn_replacement.gif); background-repeat: no-repeat; padding-top: 5px; background-position: -362px top;}
a.notneededlive {display: block; width: 362px; height: 47px;  background-image: url(images/btn_needed.gif); background-repeat: no-repeat; padding-top: 5px; background-position: -362px top;}

#signupform {padding-left: 8px;}
#signupdiv {font-size:10px; height: 25px;}
#footer { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 5px; width: 362px;/*width: 835px;*/ font-size: 10px; text-align: right; float: right;}





/*        


<a href="#" class="notclean">Not clean</a>
<a href="#" class="notabundant">Not abundant</a>
<a href="#" class="notcheap">Not Cheap</a>
<a href="#" class="notreplacement">Not replacement</a>
<a href="#" class="notneeded">Not needed</av

*/