#nav { position: relative; }
#nav ul { position: absolute; right: 4px; top: 34px; display: block; width: 410px; }
#nav li { list-style-type: none; display: inline; margin-left: 0; }
#nav a { display: block; float: left; background: url("http://subvert.ca/images/layout/nav.jpg"); height: 50px; text-indent: -9999px;  }

#nav a#nav-services { width: 93px; background-position: 0px top; }
#nav a#nav-work { width: 67px; background-position: -93px top; }
#nav a#nav-company { width: 103px; background-position: -160px top; }
#nav a#nav-blog { width: 62px; background-position: -263px top; }
#nav a#nav-contact { width: 85px; background-position: -325px top; }

#nav a:hover#nav-services, #nav a.active#nav-services { background-position: 0px -50px; }
#nav a:hover#nav-work, #nav a.active#nav-work { background-position: -93px -50px; }
#nav a:hover#nav-company, #nav a.active#nav-company { background-position: -160px -50px; }
#nav a:hover#nav-blog, #nav a.active#nav-blog { background-position: -263px -50px; }
#nav a:hover#nav-contact, #nav a.active#nav-contact { background-position: -325px -50px; }

#nav a:active#nav-services { background-position: 0px -100px; }
#nav a:active#nav-work { background-position: -93px -100px; }
#nav a:active#nav-company { background-position: -160px -100px; }
#nav a:active#nav-blog { background-position: -263px -100px; }
#nav a:active#nav-contact { background-position: -325px -100px; }