/* CSS Document */

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

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


/* BUTTONS */
#banner_container #feature li#button_1 a { width: 155px; background-position: 0 0; }
#banner_container #feature li#button_2 a { width: 160px; background-position: -155px 0; }
#banner_container #feature li#button_3 a { width: 245px;  background-position: -315px 0; }
#banner_container #feature li#button_4 a { width: 240px;  background-position: -560px 0; }




/* OVER STATES */
#banner_container #feature li#button_1 a:hover { background-position: 0 -170px; }
#banner_container #feature li#button_2 a:hover { background-position: -155px -170px; }
#banner_container #feature li#button_3 a:hover { background-position: -315px -170px; }
#banner_container #feature li#button_4 a:hover { background-position: -560px -170px; }


/* PRESSED STATES */
#banner_container #feature li#button_1 a:active { background-position: 0 -340px; }
#banner_container #feature li#button_2 a:active { background-position: -155px -340px; }
#banner_container #feature li#button_3 a:active { background-position: -315px -340px; }
#banner_container #feature li#button_4 a:active { background-position: -560px -340px; }


/* ON STATES */
#banner_container.here_1 #feature li#button_1 a { background-position: 0px -340px; cursor: default; }
#banner_container.here_2 #feature li#button_2 a { background-position: -155px -340px !important; }
#banner_container.here_3 #feature li#button_3 a { background-position: -315px -340px !important; }
#banner_container.here_4 #feature li#button_4 a { background-position: -560px -340px !important; }