/* NAVIGATION */
#nav_outer{ margin-top: 7px; width: 140px; height:140px; padding:10px; float:right; text-align:left; z-index: 9998;}
#nav{ width: 140px; height:134px; padding-top:6px; float:left; text-align:left; z-index: 9998; background-image:url(../images/nav/panel.jpg); background-repeat:repeat-x; background-color:#FFA76E;}
#nav #buttons { margin:0; padding:0;}
#nav #buttons li {display:inline;}
#nav #buttons li a {float:left; overflow:hidden; padding-top:16px; width:140px; height:0;}
#nav #buttons li a { background-image:url(../images/nav/nav.gif); background-repeat:no-repeat;}

/* HOME */
#nav #buttons li#home a{background-position: 0 0; }
#nav #buttons li#home a:hover{background-position: 0 -16px; }

#nav #buttons li#home_active a{background-position: 0 -16px; }
#nav #buttons li#home_active a:hover{background-position: 0 -16px; }

/* WELCOME */
#nav #buttons li#welcome a{background-position: -140px 0; }
#nav #buttons li#welcome a:hover{background-position: -140px -16px; }

#nav #buttons li#welcome_active a{background-position: -140px -16px; }
#nav #buttons li#welcome_active a:hover{background-position: -140px -16px; }

/* WHAT WE SAY */
#nav #buttons li#say a{background-position: -280px 0; }
#nav #buttons li#say a:hover{background-position: -280px -16px; }

#nav #buttons li#say_active a{background-position: -280px -16px; }
#nav #buttons li#say_active a:hover{background-position: -280px -16px; }

/* WHAT WE DO */
#nav #buttons li#do a{background-position: -420px 0; }
#nav #buttons li#do a:hover{background-position: -420px -16px; }

#nav #buttons li#do_active a{background-position: -420px -16px; }
#nav #buttons li#do_active a:hover{background-position: -420px -16px; }

/* LESS WASTE */
#nav #buttons li#waste a{background-position: -560px 0; }
#nav #buttons li#waste a:hover{background-position: -560px -16px; }

#nav #buttons li#waste_active a{background-position: -560px -16px; }
#nav #buttons li#waste_active a:hover{background-position: -560px -16px; }

/* RE-USE */
#nav #buttons li#re-use a{background-position: -700px 0; }
#nav #buttons li#re-use a:hover{background-position: -700px -16px; }

#nav #buttons li#re-use_active a{background-position: -700px -16px; }
#nav #buttons li#re-use_active a:hover{background-position: -700px -16px; }

/* RECYCLE */
#nav #buttons li#recycle a{background-position: -840px 0; }
#nav #buttons li#recycle a:hover{background-position: -840px -16px; }

#nav #buttons li#recycle_active a{background-position: -840px -16px; }
#nav #buttons li#recycle_active a:hover{background-position: -840px -16px; }

/* CONTACT */
#nav #buttons li#contact a{background-position: -980px 0; }
#nav #buttons li#contact a:hover{background-position: -980px -16px; }

#nav #buttons li#contact_active a{background-position: -980px -16px; }
#nav #buttons li#contact_active a:hover{background-position: -980px -16px; }

/* BACK */
#back{ width:18px; height:60px; float:left; text-align:left; z-index: 9998; margin-top:380px;}
#back #back_buttons { margin:0; padding:0;}
#back #back_buttons li {display:inline;}
#back #back_buttons li a {float:left; overflow:hidden; padding-top:60px; width:18px; height:0px;}
#back #back_buttons li a { background-image:url(../images/nav/back.jpg); background-repeat:no-repeat;}

#back #back_buttons li#go_back a{background-position: 0 0; }
#back #back_buttons li#go_back a:hover{background-position: 0 -60px; }