@charset "UTF-8";
/* CSS Document */

.navButton, .navButton:visited {
	height:50px;
	position:relative !important;
	}
	
/* link and list-item widths correspond with image widths */
#home, #homeButton, #homeButton:visited {
	width:96px;
	}
#music, #musicButton, #musicButton:visited {
	width:99px;
	}
#gear, #gearButton, #gearButton:visited {
	width:88px;
	}
#choreography, #choreographyButton, #choreographyButton:visited {
	width:166px;
	}
#help, #helpButton, #helpButton:visited {
	width:137px;
	}
	
/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:50px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}
	
/* button images are span background images */
#homeButton span, #homeButton:visited span {
	background-image:url(/skin1/images/menu/home2.png);
	}

#musicButton span, #musicButton:visited span {
	background-image:url(/skin1/images/menu/music2.png);
	}
	
#gearButton span, #gearButton:visited span {
	background-image:url(/skin1/images/menu/gear2.png);
	}
	
#choreographyButton span, #choreographyButton:visited span {
	background-image:url(/skin1/images/menu/choreo2.png);
	}
	
#helpButton span, #helpButton:visited span {
	background-image:url(/skin1/images/menu/help2.png);
	}
	
/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:0 0;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:0 -51px;
	}