/* Default */

#nav {
width: 964px;
height: 72px;
position: relative;
background: url(images/navbg.png);
margin: 0;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 72px;
background: url(images/nwmatrix.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_home a {
left: 0;
width: 189px;
background-position: 0 0;
}

li#nav_packages a {
left: 189px;
width: 200px;
background-position: -189px 0;
}

li#nav_faq a {
left: 389px;
width: 166px;
background-position: -389px 0;
}

li#nav_photos a {
left: 555px;
width: 183px;
background-position: -555px 0;
}

li#nav_contact a {
left: 738px;
width: 226px;
background-position: -964px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -72px;
}

li#nav_packages a:hover {
background-position: -189px -72px;
}

li#nav_faq a:hover {
background-position: -389px -72px;
}

li#nav_photos a:hover {
background-position: -555px -72px;
}

li#nav_contact a:hover {
background-position: -738px -72px;
}

/*current state*/
#body_home li#nav_home a {
background-position: 0 -72px;
}

#body_packages li#nav_packages a {
background-position: -189px -72px;
}

#body_faq li#nav_faq a {
background-position: -389px -72px;
}

#body_photos li#nav_photos a {
background-position: -555px -72px;
}

#body_contact li#nav_contact a {
background-position: -738px -72px;
}