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

/******************* player *******************/

.player{
	position			: relative;
	width				: 822px;
	height				: 295px;
	background			: url('../img/bg-player.jpg');
}

.img-player{
	position			: relative;
	float				: left;
	width				: 438px;
	height				: 274px;
	margin				: 11px 0 0 10px;
	overflow			: hidden;
}

.img-player a{
	display:block;
	width				: 438px;
	height				: 274px;	
}

.img-player a{
	position			: absolute;
	top					: 0;
	left				: 0;
}

.btn-player{
	position			: relative;
	float				: left;
	width				: 360px;
	margin				: 11px 0 0 0;
	padding				: 0;
	list-style-type		: none;
}

.btn-player li a{
	width				: 360px;
	padding				: 0;
	height				: 55px;
	display				: block;
	text-indent			: -9999px;
}

.btn-player li #first	{ background	: url('../img/bg-menu-player.jpg') 0 0; }
.btn-player li #second	{ background	: url('../img/bg-menu-player.jpg') 0 -55px; }
.btn-player li #third	{ background	: url('../img/bg-menu-player.jpg') 0 -110px; }
.btn-player li #four	{ background	: url('../img/bg-menu-player.jpg') 0 -165px; }
.btn-player li #five	{ background	: url('../img/bg-menu-player.jpg') 0 -220px; }

.btn-player li #first.selected-player, .btn-player li #first:hover		{ background	: url('../img/bg-menu-player.jpg') 0 -273px; }
.btn-player li #second.selected-player, .btn-player li #second:hover	{ background	: url('../img/bg-menu-player.jpg') 0 -328px; }
.btn-player li #third.selected-player, .btn-player li #third:hover	{ background	: url('../img/bg-menu-player.jpg') 0 -383px; }
.btn-player li #four.selected-player, .btn-player li #four:hover		{ background	: url('../img/bg-menu-player.jpg') 0 -438px; }
.btn-player li #five.selected-player, .btn-player li #five:hover		{ background	: url('../img/bg-menu-player.jpg') 0 -493px; }