/*menus as graphics*/
#header ul li a.menu { padding: 0 18px 2px 18px; }
#header ul li a.menu-active { padding: 0 18px 2px 18px; }
li.mn a.menu, li.mn a.menu-active { background: transparent url(../imgs/menus.gif) no-repeat scroll center 0; }
#mn1 { background-position: center 0px; }
#mn2 { background-position: center -60px; }
#mn3 { background-position: center -120px; }
#mn4 { background-position: center -180px; }
#mn5 { background-position: center -240px; }
#mn6 { background-position: center -300px; }
#mn7 { background-position: center -360px; }
#mn8 { background-position: center -420px; }
#mn9 { background-position: center -480px; }
#mn1:hover, #ma1 { background-position: center -30px }
#mn2:hover, #ma2 { background-position: center -90px }
#mn3:hover, #ma3 { background-position: center -150px }
#mn4:hover, #ma4 { background-position: center -210px }
#mn5:hover, #ma5 { background-position: center -270px }
#mn6:hover, #ma6 { background-position: center -330px }
#mn7:hover, #ma7 { background-position: center -390px }
#mn8:hover, #ma8 { background-position: center -450px }
#mn9:hover, #ma9 { background-position: center -510px }
li.mn a.menu span, li.mn a.menu-active span { visibility: hidden; }