/* --- BODY --- */
html, body {
	height: 100%;
}
body {
	background-image: url(../img/background.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #64450E;
	min-width: 990px;
	height: 100%;
}

/* --- Header --- */
div#header {
	background-image: url(../img/staticHeaderElements.html);
   background-position: center top;
	clear: both;
	width: 800px;
	height: 210px;
	margin: 0 auto;
	position: relative;
}

.ie6 div#header {
	background-image: url(../img/layout/staticHeaderElements.html);
}

div#header a#logo {
	position: absolute;
	width: 145px;
	height: 60px;
}

div#header ul#navigation {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 410px;
	height: 72px;
	position: relative;
	top: 110px;
}

div#header ul#navigation li {
	float: left;
	position: relative;
}

div#header ul#navigation li.home,
div#header ul#navigation li.ranking,
div#header ul#navigation li.hallOfFame {
	margin-right: 30px;
}

div#header ul#navigation li a {
	background-image: url(../img/layout/navigation.html); 
	display: block;
	height: 72px;
	width: 80px;
}

.ie6 div#header ul#navigation li a {
	background-image: url(../img/layout/navigation-2.html); 
}

div#header ul#navigation li.home a {
	background-position: 0px 0px; 	
}
	
div#header ul#navigation li.home a:hover,
div#header ul#navigation li.home a:focus {
	background-position: 0px -102px; 
}

div#header ul#navigation li.home a.active {
	background-position: 0px -204px; 
}

div#header ul#navigation li.ranking a {
	background-position: -110px 0px; 	
}
	
div#header ul#navigation li.ranking a:hover,
div#header ul#navigation li.ranking a:focus {
	background-position: -110px -102px; 
}

div#header ul#navigation li.ranking a.active {
	background-position: -110px -204px; 
}

div#header ul#navigation li.hallOfFame a {
	background-position: -220px 0px; 	
}
	
div#header ul#navigation li.hallOfFame a:hover,
div#header ul#navigation li.hallOfFame a:focus {
	background-position: -220px -102px; 
}

div#header ul#navigation li.hallOfFame a.active {
	background-position: -220px -204px; 
}

div#header ul#navigation li.prizes a {
	background-position: -330px 0px; 	
}
	
div#header ul#navigation li.prizes a:hover,
div#header ul#navigation li.prizes a:focus {
	background-position: -330px -102px; 
}

div#header ul#navigation li.prizes a.active {
	background-position: -330px -204px; 
}

div#header ul#navigation li div.label {
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	position: absolute;
	width: 90px;
	white-space: nowrap;
	bottom: -11px;
	left: -5px;
}

div#header iframe {
	width: 46px;
	height: 61px;
	position: absolute;
	right: 0px;
	bottom: 13px;
}

div#header a#playNow {
	width: 260px;
	height: 253px;
	position: absolute;
	top: -10px;
	right: -66px;
	z-index: 20;
}

div#header a#playNow.highlight {
	background-image: url(../img/layout/playNowBackground.html);
}

div#header a#playNow img {
	width: 100%;
	height: 100%;
	background-image: url(../img/layout/playNow.html);
}

/* --- Content --- */
div#content {
	clear: both;
	margin: 0 auto;
	width: 800px;
	min-height: 500px;
	position: relative;
}

.ie6 div#content {
	min-height: 500px;
   height: auto !important;
   height: 500px;
}

div#content div#contentHeader {
	width: 800px;
	height: 5px;
	background-image: url(../img/contentHeader.png);
}

.ie6 div#content div#contentHeader {
	background-image: url(../img/contentHeader.png);
}

div#content div#contentContent {
	position: relative;
	width: 754px;
	min-height: 490px;
	background-image: url(../img/contentContent.png);
	background-repeat: repeat-y;
	padding: 0px 23px 15px;
}

.ie6 div#content div#contentContent {
	background-image: url(../img/contentContent.html);
   min-height: 490px;
   height: auto !important;
   height: 490px;
}
	
div#content div#contentFooter {
	width: 800px;
	height: 5px;
	background-image: url(../img/contentFooter.png);
}

.ie6 div#content div#contentFooter {
	background-image: url(../img/contentFooter.html);
}

/* --- Footer --- */
div#footer {
	clear: both;
	margin: 25px auto 0px;
	width: 800px;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	background-image: url(../img/footer.png);
	padding: 15px 0 30px;
}

.ie6 div#footer {
	background-image: url(../tournament2/img/layout/footer.html);
}

div#footer div {
	margin: 0 auto;
	width: 840px;
}

div#footer div a {
	border-left: 1px solid #FFFFFF;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	color: #FFFFFF;
}

div#footer div a:first-child {
	border-left: none;
}

div#footer div p {
	margin-top: 10px;
}