a.demo {
	background: url(sprite_bavotasan.png) no-repeat -250px -214px;
	width: 113px;
	height: 53px;
	display: block;
	float: left;
	}
	
	a:hover.demo {
		background-position: -250px -160px;
		}	



.drums {
	background: url(drums_white.png) no-repeat ;
	position:absolute;
	left:21px;
	top:146px;
	width: 171px;
	height: 25px;
	display: block;
	float: left;
	}
	
:hover.drums {
	background: url(drums_orange.png) no-repeat ;
}	


.bass {
	background: url(bass_white.png) no-repeat ;
	position:absolute;
	left:21px;
	top:171px;
	width: 81px;
	height: 25px;
	display: block;
	float: left;
	}
	
:hover.bass {
	background: url(bass_orange.png) no-repeat ;
}	

.guitar {
	background: url(guitar_white.png) no-repeat ;
	position:absolute;
	left:21px;
	top:196px;
	width: 61px;
	height: 25px;
	display: block;
	float: left;
	}
	
:hover.guitar {
	background: url(guitar_hover.png) no-repeat ;
}	

.keys {
	background: url(keys_white.png) no-repeat ;
	position:absolute;
	left:21px;
	top:221px;
	width: 61px;
	height: 25px;
	display: block;
	float: left;
	}
	
:hover.keys {
	background: url(keys_orange.png) no-repeat ;
}	

.vocals {
	background: url(vocals_white.png) no-repeat ;
	position:absolute;
	left:21px;
	top:246px;
	width: 61px;
	height: 25px;
	display: block;
	float: left;
	}
	
:hover.vocals {
	background: url(vocals_orange.png) no-repeat ;
}	

.speed {
	background: url(speed_white.png) no-repeat ;
	position:absolute;
	left:21px;
	top:266px;
	width: 61px;
	height: 25px;
	display: block;
	float: left;
	}
	
:hover.speed {
	background: url(speed_white.png) no-repeat ;
}	




.reset {
	background: url(reset_orange.png) no-repeat ;
	cursor: pointer;
	position:absolute;
	left:21px;
	top:302px;
	width: 162px;
	height: 15px;
	display: block;
	float: left;
	}
	
:hover.reset {
	background: url(reset_hover.png) no-repeat ;
}	




.btn1  {  
	cursor: pointer;
	top:148px;
	left:96px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('ON white.png') no-repeat ;
}

:hover.btn1  {  
	background: url('ON hover.png') no-repeat ;
}


.btn2  {  
	cursor: pointer;
	top:148px;
	left:144px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('OFF orange.png') no-repeat ;
}

:hover.btn2  {  
	background: url('OFF hover.png') no-repeat ;
}


.btn3  {  
	cursor: pointer;
	top:172px;
	left:96px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('ON white.png') no-repeat ;
}

:hover.btn3  {  
	background: url('ON hover.png') no-repeat ;
}

.btn4  {  
	cursor: pointer;
	top:172px;
	left:144px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('OFF orange.png') no-repeat ;
}

:hover.btn4  {  
	background: url('OFF hover.png') no-repeat ;
}


.btn5  {  
	cursor: pointer;
	top:196px;
	left:96px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('ON white.png') no-repeat ;
}

:hover.btn5  {  
	background: url('ON hover.png') no-repeat ;
}

.btn6  {  
	cursor: pointer;
	top:196px;
	left:144px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('OFF orange.png') no-repeat ;
}

:hover.btn6  {  
	background: url('OFF hover.png') no-repeat ;
}



.btn7  {  
	cursor: pointer;
	top:220px;
	left:96px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('ON white.png') no-repeat ;
}

:hover.btn7  {  
	background: url('ON hover.png') no-repeat ;
}

.btn8  {  
	cursor: pointer;
	top:220px;
	left:144px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('OFF orange.png') no-repeat ;
}

:hover.btn8  {  
	background: url('OFF hover.png') no-repeat ;
}


.btn9  {  
	cursor: pointer;
	top:244px;
	left:96px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('ON orange.png') no-repeat ;
}

:hover.btn9  {  
	background: url('ON hover.png') no-repeat ;
}

.btn10  {  
	cursor: pointer;
	top:244px;
	left:144px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('OFF white.png') no-repeat ;
}

:hover.btn10  {  
	background: url('OFF hover.png') no-repeat ;
}

.btn11  {  
	cursor: pointer;
	top:268px;
	left:96px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('REG orange.png') no-repeat ;
}

:hover.btn11  {  
	background: url('REG hover.png') no-repeat ;
}

.btn12  {  
	cursor: pointer;
	top:268px;
	left:144px;
	position:absolute;
	width:42px;
	height:17px;
	background: url('SLOW white.png') no-repeat ;
}

:hover.btn12  {  
	background: url('SLOW hover.png') no-repeat ;
}




.playercontrols {  

	left:976px;
	top:184px;
	position:absolute;
	
	width:209px;
	height:405px;
	
	background: url('control_panel_noreset.png') no-repeat ;
	border-left:1px solid #999;
	
   	outline: none;

}

:hover.playercontrols {
	background: url('control_panel_noreset.png') no-repeat ;
}	

.logo {  

	left:976px;
	top:10px;
	position:absolute;
	
	width:208px;
	height:178px;
	
	border-left:1px solid #999;
	
	
   	outline: none;

}

