#nav { width: 677px; margin: auto auto 18px; position: relative; z-index: 9998; }

#nav #nav1 { height: 16px; }
#nav #nav1 { margin: 0; padding: 0; }
#nav #nav1 li { display: inline; }
#nav #nav1 li a { background-image: url(/pic/nav1.png); background-repeat: no-repeat; }
#nav #nav1 li a { float: left; height: 0; padding-top: 16px; overflow: hidden; }

#nav #nav1 li#nav1-home     a { width: 112px; }
#nav #nav1 li#nav1-contact  a { width: 201px; }
#nav #nav1 li#nav1-products a { width: 138px; }
#nav #nav1 li#nav1-profile  a { width: 113px; }
#nav #nav1 li#nav1-services a { width: 113px; }

/* BUTTONS */
#nav #nav1 li#nav1-home     a { background-position:      0 0; }
#nav #nav1 li#nav1-contact  a { background-position: -112px 0; }
#nav #nav1 li#nav1-products a { background-position: -313px 0; }
#nav #nav1 li#nav1-profile  a { background-position: -451px 0; }
#nav #nav1 li#nav1-services a { background-position: -564px 0; }

/* OVER STATES */
#nav #nav1 li#nav1-home     a:hover { background-position:      0 -17px; }
#nav #nav1 li#nav1-contact  a:hover { background-position: -112px -17px; }
#nav #nav1 li#nav1-products a:hover { background-position: -313px -17px; }
#nav #nav1 li#nav1-profile  a:hover { background-position: -451px -17px; }
#nav #nav1 li#nav1-services a:hover { background-position: -564px -17px; }

/* PRESSED STATES */
#nav #nav1 li#nav1-home     a:active { background-position:      0 -34px; }
#nav #nav1 li#nav1-contact  a:active { background-position: -112px -34px; }
#nav #nav1 li#nav1-products a:active { background-position: -313px -34px; }
#nav #nav1 li#nav1-profile  a:active { background-position: -451px -34px; }
#nav #nav1 li#nav1-services a:active { background-position: -564px -34px; }

/* ON STATES */
#nav.home     #nav1 li#nav1-home     a { background-position:      0 -51px !important; }
#nav.contact  #nav1 li#nav1-contact  a { background-position: -112px -51px !important; }
#nav.products #nav1 li#nav1-products a { background-position: -313px -51px !important; }
#nav.profile  #nav1 li#nav1-profile  a { background-position: -451px -51px !important; }
#nav.services #nav1 li#nav1-services a { background-position: -564px -51px !important; }