/* CSS Document */
body{margin:0; padding:0; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; height: 100%;}

/*-- STRUCTURAL --*/
#containerInt {margin:0 auto; padding:0 20px; background-color:#fff}
#headerInt{ padding:0; margin:0; float:left; }
#header{ padding:0; margin:0; float:left; clear:both}
div#nav {display:none}
#header > div#nav {display:none}
#container { margin:0 auto; padding:0; background-color:#fff;}
div#content{padding:0; margin:0; float:left; clear:both}
div#footer{display:none}


div.sussyd{margin:5px; float:left}
div.cos{margin:5px; float:right}
div.row{float:left; width:100%}
div.mainpic {display:none}
#headerInt div.mainpic {display:none}
.col1{ float:left; margin:0 0px 0 0px;  padding:0 10px 0 10px;  clear:both}
.colr{float:left;  margin:0 0px 0 0px; padding:0 0px 0 0;  clear:both }
#containerInt div.coll{padding:0 20px 20px 40px; margin-top:0; float:left; clear:both }
#containerInt div.colr{  float:left; font-size:1em; clear:both}
#containerInt div.colr{font-size:1em; font-weight:normal; line-height:1.4em; }

div.logo {
   margin:0px 20px 0px 15px;
   float: left;
   width: 150px;
   height: 200px;
   z-index:1
}
#header > div.logo{margin:0px 20px 0px 25px;}

#containerInt.avoid #headerInt div.logo{background-image:url(../images/zerowasteAvoid2.gif); background-repeat:no-repeat}
#containerInt.recycled #headerInt div.logo{background-image:url(../images/zerowasteRecycle2.gif); background-repeat:no-repeat}
#containerInt.reuse #headerInt div.logo{background-image:url(../images/zerowasteReuse2.gif); background-repeat:no-repeat}
#containerInt.dispose #headerInt div.logo{background-image:url(../images/zerowasteDispose2.gif); background-repeat:no-repeat}
#containerInt.zerowaste #headerInt div.logo{background-image:url(../images/zerowasteZW2.gif); background-repeat:no-repeat}
#headerInt div.logo {margin:0px 20px 0px 15px; float: left; width: 189px;height: 185px; z-index:1
}
#headerInt > div.logo{margin:0px 20px 0px 25px;}

div.notes {font-size: 1.07em; letter-spacing:-0.04em; padding:10px; margin:0px 20px 0px 0px; float: left; clear:both  
}
#header > div.notes{margin:0px;}

#headerInt div.notes, #headerInt div.RecycleNote, #headerInt div.AvoidNote, #headerInt div.ReuseNote, #headerInt div.DisposeNote, #headerInt div.ZeroNote  {
   /*font-size: 1.07em;*/
   /*letter-spacing:-0.04em;*/
   padding:10px;
   margin:0px 20px 0px 0px;
   float: left;
   font-size:2.6em; font-weight:bold; letter-spacing:-0.09em; line-height:1em
}
#headerInt > div.notes, #headerInt > div.RecycleNote, #headerInt > div.AvoidNote,  #headerInt > div.ReuseNote,  #headerInt > div.DisposeNote, #headerInt > div.ZeroNote{margin:0;}




/*-- PRESENTATION --*/
h1{font-size:1.5em; font-weight:bold; clear:both; letter-spacing:-0.05em; line-height:.9em}
#containerInt div.coll h1{font-size:3em; color:#fdb913; letter-spacing:-0.099em}
h2{font-size:1.2em; letter-spacing:-0.05em; }
p{font-size:.75em; line-height:1.2em}
a{color:#666666}
.hglght{color:#f0b010}
.smallprint{font-size:.65em; letter-spacing:-0.03em; text-align:right; color:#464646}
.but{background-image:url(../images/but.jpg); background-repeat:no-repeat}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
.lrg{font-size:1.25em; font-weight:bold}

#containerInt div.colr ul{list-style:none; font-size:.9em; font-weight:bold; margin:0; padding:0 }

#containerInt.avoid #headerInt div.mainpic{background-image:url(../images/avoid.jpg); background-repeat:no-repeat}
#containerInt.reuse #headerInt div.mainpic{background-image:url(../images/reuse.jpg); background-repeat:no-repeat}
#containerInt.recycled #headerInt div.mainpic{background-image:url(../images/recycle.jpg); background-repeat:no-repeat}
#containerInt.dispose #headerInt div.mainpic{background-image:url(../images/dispose.jpg); background-repeat:no-repeat}
#containerInt.zerowaste #headerInt div.mainpic{background-image:url(../images/zerowaste.jpg); background-repeat:no-repeat}

#containerInt.avoid #headerInt div.RecycleNote, #containerInt.avoid #headerInt div.ReuseNote, #containerInt.avoid #headerInt div.DisposeNote, #containerInt.avoid #headerInt div.ZeroNote{display:none}
#containerInt.recycled #headerInt div.AvoidNote, #containerInt.recycled #headerInt div.ReuseNote, #containerInt.recycled #headerInt div.DisposeNote, #containerInt.recycled #headerInt div.ZeroNote{display:none}
#containerInt.reuse #headerInt div.AvoidNote, #containerInt.reuse #headerInt div.RecycleNote, #containerInt.reuse #headerInt div.DisposeNote, #containerInt.reuse #headerInt div.ZeroNote{display:none}
#containerInt.dispose #headerInt div.AvoidNote, #containerInt.dispose #headerInt div.RecycleNote, #containerInt.dispose #headerInt div.ReuseNote, #containerInt.dispose #headerInt div.ZeroNote{display:none}
#containerInt.zerowaste #headerInt div.AvoidNote, #containerInt.zerowaste #headerInt div.RecycleNote, #containerInt.zerowaste #headerInt div.ReuseNote, #containerInt.zerowaste #headerInt div.DisposeNote{display:none}
#containerInt.avoid #headerInt div#nav ul li.avoidNav a, #containerInt.reuse #headerInt div#nav ul li.reuseNav a, #containerInt.recycled #headerInt div#nav ul li.recycleNav a, #containerInt.dispose #headerInt div#nav ul li.disposeNav a{color:#fdb913}
a img{border:none}
a.button {
    background: transparent url(../images/but.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 40px;
	width:65px;
    margin: 0 0px 20px 0;
    padding-right: 0px; /* sliding doors padding */
    text-decoration: none;
}
a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
.item{margin:0px 0 0 0; padding:1px 5px 5px 5px; clear: both;  float:left; height:287px}




.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button2 {display:none}
#print, #print2{display:block;}
#flashcontent1, #flashcontent{display:none}
#container div.flash{display:none}
a.printbut{display:none}