#nav { width: 940px; height: 40px; background: url('../images/common/navbg.jpg'); margin-top: 18px; margin-bottom: 30px }
#nav ul li { display: inline }
#nav a { display: block; float: left; background: url('../images/common/nav.png'); height: 40px; text-indent: -9999px; }

#nav a#nav-home { width: 99px; background-position: 0px top; }
#nav a:hover#nav-home, #nav a.active#nav-home { background-position: 0px -40px; }
#nav a:active#nav-home { background-position: 0px -80px; }

#nav a#nav-products { width: 129px; background-position: -100px top; }
#nav a:hover#nav-products, #nav a.active#nav-products { background-position: -100px -40px; }
#nav a:active#nav-products { background-position: -100px -80px; }

#nav a#nav-careers { width: 120px; background-position: -470px top; }
#nav a:hover#nav-careers, #nav a.active#nav-careers { background-position: -470px -40px; }
#nav a:active#nav-careers { background-position: -470px -80px; }

#nav a#nav-blog { width: 90px; background-position: -590px top; }
#nav a:hover#nav-blog, #nav a.active#nav-blog { background-position: -590px -40px; }
#nav a:active#nav-blog { background-position: -590px -80px; }

#nav a#nav-news { width: 90px; background-position: -680px top; }
#nav a:hover#nav-news, #nav a.active#nav-news { background-position: -680px -40px; }
#nav a:active#nav-news { background-position: -680px -80px; }

#nav a#nav-aboutus { width: 100px; background-position: -365px top; }
#nav a:hover#nav-aboutus, #nav a.active#nav-aboutus { background-position: -365px -40px; }
#nav a:active#nav-aboutus { background-position: -365px -80px; }