/* CSS Document */

#nav_container {
	width: 600px;
	height: 30px;
	margin: 0;
	float:left;
	position: absolute;
	top: 100px;
	z-index: 9998;
}
/* layer-bring to front always */
#nav_container #nav { margin: 0; padding: 0; }
#nav_container #nav li { display: inline; height:30px;}
#nav_container #nav li a { float: left; display:block; height:30px; overflow: hidden; text-indent: -9999px; }/* hide text */
#nav_container #nav li a {
	background-image: url(../images/elements/navigation.gif);
	background-repeat: no-repeat;
	border: none;
}


/* BUTTONS */
#nav_container #nav li#menu_1 a { width: 200px; background-position: 0 0; }
#nav_container #nav li#menu_2 a { width: 200px; background-position: -200px 0; }
#nav_container #nav li#menu_3 a { width: 200px;  background-position: -400px 0; }



/* OVER STATES */
#nav_container #nav li#menu_1 a:hover { background-position: 0 -30px; }
#nav_container #nav li#menu_2 a:hover { background-position: -200px -30px; }
#nav_container #nav li#menu_3 a:hover { background-position: -400px -30px; }



/* PRESSED STATES */
#nav_container #nav li#menu_1 a:active { background-position: 0 -60px; }
#nav_container #nav li#menu_2 a:active { background-position: -200px -60px; }
#nav_container #nav li#menu_3 a:active { background-position: -400px -60px; }



/* ON STATES */
#nav_container.here_1 #nav li#menu_1 a { background-position: 0px -60px; cursor: default; }
#nav_container.here_2 #nav li#menu_2 a { background-position: -200px -60px !important; }
#nav_container.here_3 #nav li#menu_3 a { background-position: -400px -60px !important; }