/* =-=-=-=-=-=-=-[MAIN NAV]-=-=-=-=-=-=-=- */
.menu { list-style: none; margin: 0; padding: 0; }  
.menu li { display: block; overflow: hidden; padding: 0; width: 220px; height: 30px; background-image:url(../graphics/global/main-nav.png); background-repeat:no-repeat; text-indent: -9999px; margin: 0 0 0; }  
.menu a { display:block; height:30px; text-indent:-9999px; outline:none medium; cursor: pointer; }

#item1 { background-position: 0px 0px; }
#item2 { background-position: 0 -30px; }
#item3 { background-position: 0 -60px; }
#item4 { background-position: 0 -90px; }
#item5 { background-position: 0 -120px; }
#item6 { background-position: 0 -150px; }
#item7 { background-position: 0 -180px; }
#item8 { background-position: 0 -210px; }
#item9 { background-position: 0 -240px; }
#item10 { background-position: 0 -270px; }
#item1_current { background-position: -440px 0; }
#item2_current { background-position: -440px -30px; }
#item3_current { background-position: -440px -60px; }
#item4_current { background-position: -440px -90px; }
#item5_current { background-position: -440px -120px; }
#item6_current { background-position: -440px -150px; }
#item7_current { background-position: -440px -180px; }
#item8_current { background-position: -440px -210px; }
#item9_current { background-position: -440px -240px; }
#item10_current { background-position: -440px -270px; }
#item1.active, #item1:hover { background-position: -220px 0; }
#item2.active, #item2:hover { background-position: -220px -30px; }
#item3.active, #item3:hover { background-position: -220px -60px; }
#item4.active, #item4:hover { background-position: -220px -90px; }
#item5.active, #item5:hover { background-position: -220px -120px; }
#item6.active, #item6:hover { background-position: -220px -150px; }
#item7.active, #item7:hover { background-position: -220px -180px; }
#item8.active, #item8:hover { background-position: -220px -210px; }
#item9.active, #item9:hover { background-position: -220px -240px; }
#item10.active, #item10:hover { background-position: -220px -270px; }