/* navbar */
#navbar { width: 990px; height: 46px; margin: 0 auto; position: relative; z-index: 9998; }
#navbar #nav { margin: 0; padding: 0; }
#navbar #nav li { display: inline; }
#navbar #nav li a { float: left; height: 0; padding-top: 46px; overflow: hidden; }
#navbar #nav li a, 
#navbar { background-image: url(../images/navbar.jpg); }

/* BUTTONS */
#navbar #nav li#home a { background-position: 0 0; width:145px; }
#navbar #nav li#web a { background-position: -145px 0; width:140px; }
#navbar #nav li#print a { background-position: -285px 0; width:140px; }
#navbar #nav li#photography a { background-position: -425px 0; width:180px; }
#navbar #nav li#clients a { background-position: -605px 0; width:140px; }
#navbar #nav li#blog a { background-position: -745px 0; width:100px; }
#navbar #nav li#contact a { background-position: -845px 0; width:145px; }

/* OVER STATES */
#navbar #nav li#home a:hover { background-position: 0 -92px; }
#navbar #nav li#web a:hover { background-position: -145px -92px; }
#navbar #nav li#print a:hover { background-position: -285px -92px; }
#navbar #nav li#photography a:hover { background-position: -425px -92px; }
#navbar #nav li#clients a:hover { background-position: -605px -92px; }
#navbar #nav li#blog a:hover { background-position: -745px -92px; }
#navbar #nav li#contact a:hover { background-position: -845px -92px; }

/* PRESSED STATES */
#navbar #nav li#home a:active { background-position: 0 -92px; }
#navbar #nav li#web a:active { background-position: -145px -92px; }
#navbar #nav li#print a:active { background-position: -285px -92px; }
#navbar #nav li#photography a:active { background-position: -425px -92px; }
#navbar #nav li#clients a:active { background-position: -605px -92px; }
#navbar #nav li#blog a:active { background-position: -745px -92px; }
#navbar #nav li#contact a:active { background-position: -845px -92px; }

/* ON STATES */
#navbar.home-page #nav li#home a:hover { background-position: 0 0; cursor: default; }
#navbar.web-page #nav li#web a { background-position: -145px -46px !important; }
#navbar.print-page #nav li#print a { background-position: -285px -46px !important; }
#navbar.photography-page #nav li#photography a { background-position: -425px -46px !important; }
#navbar.clients-page #nav li#clients a { background-position: -605px -46px !important; }
#navbar.blog-page #nav li#blog a { background-position: -745px -46px !important; }
#navbar.contact-page #nav li#contact a { background-position: -845px -46px !important; }