/* Default */

#navContainer {
padding-top:65px;
padding-left:68px;
}

#nav {
width: 673px;
height: 30px;
position: relative;
background: url(../../../media/nav.png) no-repeat;
margin: 0;
padding: 0;
}

#nav ul {

list-style:none;
}

#nav li {
list-style:none;
float: left;
}

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

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

li#nav_story a {
left: 71px;
width: 80px;
background-position: 71px 30px;
}

li#nav_wedding a {
left: 152px;
width: 103px;
background-position: 152px 60px;
}

li#nav_acc a {
left: 255px;
width: 153px;
background-position: 255px 90px;
}

li#nav_rsvp a {
left: 408px;
width: 77px;
background-position: 408px 120px;
}

li#nav_registry a {
left: 485px;
width: 103px;
background-position: 485px 150px;
}


li#nav_gallery a {
left: 588px;
width: 86px;
background-position: 588px 180px;
}

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

li#nav_story a:hover {
background-position:  -71px -30px;
}

li#nav_wedding a:hover {
background-position:  -152px -60px;
}

li#nav_acc a:hover {
background-position: -255px -90px;
}


li#nav_rsvp a:hover {
background-position: -408px -120px;
}

li#nav_registry a:hover {
background-position: -485px -149px;
}


li#nav_gallery a:hover {
background-position:  -588px -180px;
}

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

#body_story li#nav_story a {
background-position: -71px -30px;;
}

#body_wedding li#nav_wedding a {
background-position:  -152px -60px;
}

#body_acc li#nav_acc a {
background-position: -255px -90px;
}


#body_rsvp li#nav_rsvp a {
background-position: -408px -120px;
}

#body_registry li#nav_registry a {
background-position: -485px -149px;
}


#body_gallery li#nav_gallery a {
background-position:   -588px -180px;
}