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

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

html,body { height: 100% }

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

img.gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 844px;
	min-height: 100%;
	z-index: -10;
}
img.shadow {
	display: none;
/*	position: absolute;
	left: -21px;
	z-index: -5;
	width: 825px;
	height: 844px;*/
}

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

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

header {
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	height: 198px;
	width: 782px;
	position: relative;
	padding: 0 0;
}
header h1 {
	display: none;
}
header span {
	position: static;
	margin-left: auto;
	margin-right: auto;
	#position: relative;
	#top: 0px;
}

#logo {
	max-height: 198px;
	width: auto;
}

header > table {
	width: 100%;
	height: 192px;
	border-collapse: collapse;
	border-spacing: 0 0;
	border: 0;
}

header > table td, header > table tr {
	text-align: center;
	vertical-align: middle;
}

div#player-tab {
	position: absolute;
	right: 8px; bottom: 0;
	width: 55px; height: 29px;
	z-index: 1;
	cursor: pointer;
	cursor: hand;
	background: transparent url(img/player/player-closed.png) no-repeat 0 0;
	overflow: hidden;
}

div#player-controls {
	position: absolute;
	right: 8px; bottom: 0px;
	width: 323px; height: 42px;
	z-index: 2;
	background: transparent url(img/player/player-open.png) no-repeat 0 0;
	overflow: hidden;
}

div#player-controls button {
	position: absolute;
	width: 18px;
	height: 18px;
	background-color: transparent;
	background-image: url(img/player/player-btn.png);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;	
}

button#play { left: 12px; top: 24px; background-position: 3px -12px; }
button#stop { left: 33px; top: 24px; background-position: -18px -13px; }
button#pause { left: 12px; top: 24px; background-position: 3px -49px; }
button#back { left: 56px; top: 24px; background-position: -41px -12px; }
button#skip { left: 79px; top: 24px; background-position: -64px -12px; }

button#close { right: 8px; top: 7px; background-position: -280px 2px; }


div#player-controls div#volume {
	position: absolute;
	left: 180px; top: 28px;
	width: 115px; height: 12px;
	background: transparent url(img/player/player-btn.png) no-repeat -100px -53px;
}

div#player-controls div#volume-value {
	position: absolute;
	left: 212px; top: 28px;
	width: 60px; height: 12px;
	background: transparent url(img/player/player-btn.png) no-repeat -132px -16px;
	max-width: 80px;
}

div#player-controls div#track {
	position: absolute;
	left: 20px; top: 9px;
	right: 36px; height: 11px;
	color: white;
	font: normal normal bold 10px arial, sans-serif;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
}

div#player-controls div#position {
	position: absolute;
	left: 106px; top: 25px;
	color: white;
	font: normal normal bold 13px arial, sans-serif;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
}

nav {
	cursor: default;
	-moz-user-select: none;
	position: absolute;
	top: 198px;
	left: 14px;
	width: 754px;
	height: 40px;
	z-index: 3;
	background: url(img/player/header.png) no-repeat center top;
}
nav > a {
	position: absolute;
	width: 90px;
	height: 30px;
	background-position: center 4px;
	background-repeat: no-repeat;
	background-image: url(img/player/hdr_nav.png);
}
nav > a > span { display: none; }

nav > a#home { left: 0px; width: 94px; background-position: 0px 4px; }
nav > a#biography { left: 94px; width: 150px; background-position: -94px 4px; }
nav > a#schedule { left: 244px; width: 132px; background-position: -244px 4px; }
nav > a#multimedia { left: 376px; width: 148px; background-position: -376px 4px; }
nav > a#photos { left: 524px; width: 117px; background-position: -524px 4px; }
nav > a#contact { left: 641px; width: 110px; background-position: -641px 4px; }

a#home:hover, a#home.active { background-position: 0px -22px; }
a#biography:hover, a#biography.active { background-position: -94px -22px; }
a#schedule:hover, a#schedule.active { background-position: -244px -22px; }
a#multimedia:hover, a#multimedia.active { background-position: -376px -22px; }
a#photos:hover, a#photos.active { background-position: -524px -22px; }
a#contact:hover, a#contact.active { background-position: -641px -22px; }

div#content {
	position: absolute;
	top: 240px;
	left: 25px;
	right: 25px;
	height: 584px;
	
	-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;
	-webkit-user-select: none;
	-moz-user-select: none;	
}

nav > div#player {
	width: 0; height: 0;
}

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