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

body {
	background-color: black;
}

#container {
	width: 1024px;
	background-color: black;
	margin-left: auto;
	margin-right: auto;
}

#promo {
	position: absolute;
	top: 50px;
	left: 15px;
	margin: 0;
	padding: 0;
}

#promo img {
	border: none;	
}

#header {
	width: 522px;
	height: 365px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -100px;
}

#header img {
	border: none;	
}

#prev {
	position: absolute;
	width: 100px;
	height: 100px;
	margin: 40px 0 0 22px;
	background: url(../images/main-left-arrow.png) no-repeat;
}
#prev:hover {
	background: url(../images/main-left-arrow-hover.png) no-repeat;
}
#next {
	position: absolute;
	width: 100px;
	height: 100px;
	margin: 40px 0 0 902px;
	background: url(../images/main-right-arrow.png) no-repeat;
}
#next:hover {
	background: url(../images/main-right-arrow-hover.png) no-repeat;
}

#main {
	text-align: center;
	color: white;
	margin-top: -100px;
}

#main h3 {
	margin-bottom: 10px;	
}

#player {
	margin-left: auto;
	margin-right: auto;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: white;
}

#status {
	font-size: 24px;
	color: red;
}