/* Default */

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

#nav {
width: 670px;
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: 90px;
background-position: 0 0px;
}

li#nav_rsvp a {
left: 90px;
width: 82px;
background-position: 90px 30px;
}

li#nav_wedding a {
left: 172px;
width: 147px;
background-position: 172px 60px;
}

li#nav_post a {
left: 319px;
width: 157px;
background-position: 319px 90px;
}

li#nav_story a {
left: 476px;
width: 111px;
background-position: 476px 120px;
}

li#nav_gallery a {
left: 587px;
width: 81px;
background-position: 587px 150px;
}



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

li#nav_rsvp a:hover {
background-position: -90px -30px;
}

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

li#nav_post a:hover {
background-position: -319px -90px;
}

li#nav_story a:hover {
background-position: -476px -120px;
}

li#nav_gallery a:hover {
background-position:  -587px -150px;
}

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

#body_rsvp li#nav_rsvp a {
background-position: -90px -30px;
}

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

#body_post li#nav_post a {
background-position: -319px -90px;
}


#body_story li#nav_story a {
background-position: -476px -120px;
}

#body_gallery li#nav_gallery a {
background-position:  -587px -150px;
}