/* CSS Document */
/* Author: Sean Gilbert, Pilotage, Inc. */

/* -- movie nav -- */

#movie-nav {
width:280px;
}

#movie-nav li {
display:inline;
}

#movie-nav li a {
float:left;
width:280px;
height:0;
padding-top:80px;
background-image:url(images/movienavbg.png); _background-image: url(images/movienavbg.gif);
background-repeat: no-repeat;
overflow: hidden;
}

/* BUTTONS */
#movie-nav li#mold a { background-position: 0 0; }
#movie-nav li#fire a { background-position: 0 -80px; }
#movie-nav li#water a { background-position: 0 -160px; }
#movie-nav li#natural a { background-position: 0 -240px; }

/* OVER STATES */
#movie-nav li#mold a:hover { background-position: -280px 0; }
#movie-nav li#fire a:hover { background-position: -280px -80px; }
#movie-nav li#water a:hover { background-position: -280px -160px; }
#movie-nav li#natural a:hover { background-position: -280px -240px; }

/* PRESSED STATES */
#movie-nav li#mold a:active { background-position: -560px 0; }
#movie-nav li#fire a:active { background-position: -560px -80px; }
#movie-nav li#water a:active { background-position: -560px -160px; }
#movie-nav li#natural a:active { background-position: -560px -240px; }

/* ON STATES */
#movie-nav.mold li#mold a { background-position: -840px 0; !important; }
#movie-nav.fire li#fire a { background-position: -840px -80px; !important; }
#movie-nav.water li#water a { background-position: -840px -160px; !important; }
#movie-nav.natural li#natural a { background-position: -840px -240px; !important; }