* {
	margin: 0;
	padding: 0;
	border: none;
}

a { color: white; text-decoration: none; }
a:hover { color: #0ef; }
a.active { color: #0ef !important; cursor: default !important; }

body {
	margin: 0;
	padding: 0;
	background-color: black;
	color: white;
	font: normal normal normal 14px arial, sans-serif;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
}

img.gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 844px;
	min-height: 100%;
	z-index: -10;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
img.shadow {
	position: absolute;
	left: -22px;
	z-index: -5;
	width: 825px;
	height: 846px;
}

body > div.mainbody {
	position: relative;
	width: 782px;
	height: 818px;
	margin: 0 auto 0 auto;
	z-index: 0;
	background: url(img/stage.jpg) no-repeat 0px 0px;
}

header, footer, nav, article, hgroup, section {
	display: block;
}

header {
	cursor: default;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	display: table-cell;
	vertical-align: middle;
	height: 74px;
	width: 782px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	#position: relative;
}
header h1 {
	display: none;
}
header span {
	position: static;
	margin-left: auto;
	margin-right: auto;
	#position: relative;
	#top: 0px;
}

nav {
	cursor: default;
	-moz-user-select: -moz-none;
	position: absolute;
	top: 92px;
	left: -3px;
	width: 788px;
	height: 110px;
	background: url(img/player/header.png) no-repeat 0 0;
}
nav > a {
	position: absolute;
	width: 90px;
	height: 22px;
	background-position: center 4px;
	background-repeat: no-repeat;
}
nav > a:hover { background-position: center -27px; }
nav > a.active { background-position: center -27px; }
nav > a > span { display: none; }

nav > a#home { left: 9px; background-image: url(img/player/hdr-home.png); }
nav > a#schedule { left: 101px; width: 87px; background-image: url(img/player/hdr-schedule.png); }
nav > a#biography { left: 190px; background-image: url(img/player/hdr-biography.png); }
nav > a#photos { left: 507px; background-image: url(img/player/hdr-photos.png); }
nav > a#multimedia { left: 598px; background-image: url(img/player/hdr-multimedia.png); }
nav > a#contact { left: 690px; background-image: url(img/player/hdr-contact.png); }

nav > button {
	position: absolute;
	width: 30px;
	height: 30px;
	background: transparent url(img/player/btn_play.png) no-repeat center center;
}

nav > button:hover {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid #888;
}

nav > button:active {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid #fff;
}

nav > button#play {
	left: 314px;
	top: 56px;
}

nav > button#pause {
	display: none;
	left: 314px;
	top: 56px;
	background-image: url(img/player/btn_pause.png)
}

nav > button#stop {
	left: 443px;
	top: 55px;
	background-image: url(img/player/btn_stop.png)
}

nav > button#skip {
	left: 445px;
	top: 28px;
	background-image: url(img/player/btn_skip.png)
}

nav > button#back {
	left: 310px;
	top: 28px;
	background-image: url(img/player/btn_back.png)
}

nav > div#position {
	position: absolute;
	left: 576px;
	top: 34px;
	width: 194px;
	height: 10px;
	color: black;
	font: normal normal bold 10px arial, sans-serif;
}

nav > div#volume {
	position: absolute;
	left: 634px; top: 34px;
	width: 135px; height: 12px;
	background: transparent url(img/player/btn-vol-bg.png) no-repeat 10px 0;
}

nav > div#volume-value {
	position: absolute;
	left: 634px; top: 34px;
	width: 60px; height: 12px;
	background: transparent url(img/player/btn-vol.png) no-repeat 10px 0;
}

nav > div#track {
	position: absolute;
	left: 560px;
	top: 47px;
	width: 202px;
	height: 12px;
	color: white;
	font: normal normal bold 10px arial, sans-serif;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
}

div#content {
	position: absolute;
	top: 198px;
	left: 25px;
	right: 25px;
	height: 584px;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
}

div#loading {
	display: none;
	position: absolute;
	top: 202px;
	left: 25px;
	right: 25px;
	height: 576px;
	background: transparent url(img/ajax-loader.gif) no-repeat center center;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

footer {
	cursor: default;
	position: absolute;
	top: 783px;
	width: 732px;
	height: 63px;
	left: 25px;
	font-size: xx-small;
}
footer div { width: 256px; text-align: center; }
footer div#left { float: left;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
}
footer div#right { float: right; }
footer a { color: white; }