/* CSS Document */

#nav_container {
	width: 800px;
	height: 35px;
	margin: 0 auto;
	z-index: 9998;
}

/* layer-bring to front always */
#nav_container #nav { margin: 0; padding: 0; }
#nav_container #nav li { display: inline; height:35px; }
#nav_container #nav li a { float: left; display:block; height:35px; overflow: hidden; text-indent: -9999px}/* hide text */
#nav_container #nav li a {
	background-image: url(../images/navigation.gif);
	background-repeat: no-repeat;
	border: none;
}


/* BUTTONS */
#nav_container #nav li#menu_1 a { width: 50px; background-position: 0 0; }
#nav_container #nav li#menu_2 a { width: 162px; background-position: -50px 0; }
#nav_container #nav li#menu_3 a { width: 123px;  background-position: -212px 0; }
#nav_container #nav li#menu_4 a { width: 100px;  background-position: -335px 0; }
#nav_container #nav li#menu_5 a { width: 50px;  background-position: -435px 0; }
#nav_container #nav li#menu_6 a { width: 48px;  background-position: -485px 0; }
#nav_container #nav li#menu_7 a { width: 88px;  background-position: -533px 0; }
#nav_container #nav li#menu_8 a { width: 106px;  background-position: -621px 0; }
#nav_container #nav li#menu_9 a { width: 73px;  background-position: -727px 0; }



/* OVER STATES */
#nav_container #nav li#menu_1 a:hover { background-position: 0 -35px; }
#nav_container #nav li#menu_2 a:hover { background-position: -50px -35px; }
#nav_container #nav li#menu_3 a:hover { background-position: -212px -35px; }
#nav_container #nav li#menu_4 a:hover { background-position: -335px -35px; }
#nav_container #nav li#menu_5 a:hover { background-position: -435px -35px; }
#nav_container #nav li#menu_6 a:hover { background-position: -485px -35px; }
#nav_container #nav li#menu_7 a:hover { background-position: -533px -35px; }
#nav_container #nav li#menu_8 a:hover { background-position: -621px -35px; }
#nav_container #nav li#menu_9 a:hover { background-position: -727px -35px; }


/* PRESSED STATES */
#nav_container #nav li#menu_1 a:active { background-position: 0 -70px; }
#nav_container #nav li#menu_2 a:active { background-position: -50px -70px; }
#nav_container #nav li#menu_3 a:active { background-position: -212px -70px; }
#nav_container #nav li#menu_4 a:active { background-position: -335px -70px; }
#nav_container #nav li#menu_5 a:active { background-position: -435px -70px; }
#nav_container #nav li#menu_6 a:active { background-position: -485px -70px; }
#nav_container #nav li#menu_7 a:active { background-position: -533px -70px; }
#nav_container #nav li#menu_8 a:active { background-position: -621px -70px; }
#nav_container #nav li#menu_9 a:active { background-position: -727px -70px; }



/* ON STATES */
#nav_container.here_1 #nav li#menu_1 a { background-position: 0px -105px; cursor: default; }
#nav_container.here_2 #nav li#menu_2 a { background-position: -50px -105px !important; }
#nav_container.here_3 #nav li#menu_3 a { background-position: -212px -105px !important; }
#nav_container.here_4 #nav li#menu_4 a { background-position: -335px -105px !important; }
#nav_container.here_5 #nav li#menu_5 a { background-position: -435px -105px !important; }
#nav_container.here_6 #nav li#menu_6 a { background-position: -485px -105px !important; }
#nav_container.here_7 #nav li#menu_7 a { background-position: -533px -105px !important; }
#nav_container.here_8 #nav li#menu_8 a { background-position: -621px -105px !important; }
#nav_container.here_9 #nav li#menu_9 a { background-position: -727px -105px !important; }