* { outline: none; margin: 0px; padding: 0px; }

html, body {
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
}

.rel {
	display: block;
	position: relative;
	height: 100%;
}

.sprite {
	display: block;
	height: 0px;
	overflow: hidden;
}

body {
	margin: 0px;
	padding: 0px;
	background: #000;
}

#container {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	overflow: hidden;
}

	#wrapper {
		width: 100%;
		height: 100%;
		position: relative;
	}
	
		#header {
			position: absolute;
			left: 0px;
			top: -115px;
			width: 100%;
			height: 115px;
			background: url(../images/ui/header-bg-115.jpg) center top repeat-x;
			background-size: auto 100%;
			box-shadow: 0px 5px 30px #000;
			overflow: hidden;
		}
			
			h1 {
				width: 100%;
				height: 44px;
				position: absolute;
				left: 0px;
				bottom: 23px;
				text-align: center;
			}
			
				h1 img {
					display: inline-block;
					zoom: 1;
					*display:inline;
					max-width: 459px;
					width: 100%;
					height: auto;
				}
		
			h2 {
				width: 100%;
				position: absolute;
				top: 3px;
				left: 0px;
				height: 29px;
				text-align: center;
			}
			
				h2 img {
					display: inline-block;
					zoom: 1;
					*display: inline;
					max-width: 424px;
					width: 100%;
					height: auto;
				}
			
		#content {
			position: absolute;
			left: 0px;
			width: 100%;
			top: 116px;
			height: 316px;
			overflow: hidden;
		}
		
			#slideshow {
				width: 100%;
				height: 316px;
				display: block;
				list-style: none;
				position: relative;
			}
			
				#slideshow li {
					width: 100%;
					display: block;
					list-style: none;
					float: left;
					height: 316px;
					clear: both;
					background: url(../images/ui/loader.gif) center center no-repeat;
					text-align: center;
				}
				
					#slideshow li img {
						display: inline-block;
						zoom: 1;
						*display:inline;
						width: auto;
						height: 100%;
					}
			
		#footer {
			position: absolute;
			left: 0px;
			bottom: -144px;
			width: 100%;
			height: 144px;
			background: #000;
		}
			
			#footer .bar {
				width: 100%;
				position: absolute;
				height: 23px;
				background: url(../images/ui/footer-bar.png) center top repeat-x;
				left: 0px;
				top: 0px;
			}
			
			#timeline {
				width: 100%;
				height: 42px;
				position: absolute;
				left: 0px;
				top: 0px;
				background: url(../images/ui/header-texture.jpg) center top no-repeat;
				background-size: cover;
				overflow: hidden;
			}
			
				#diamonds {
					width: 100%;
					height: 42px;
					position: relative;
					display: block;
					list-style: none;
					background: url(../images/ui/footer-ticks.png) center top repeat-x transparent;
				}
				
					#diamonds li {
						display: block;
						position: absolute;
						top: 0px;
						height: 42px;
						width: 37px;
						margin-left: -18px;
						z-index: 1 !important;
					}
					
						#diamonds li a {
							width: 37px;
							padding-top: 42px;
							background: url(../images/ui/diamond.png) center center no-repeat;
						}
						
		#bottom {
			position: absolute;
			width: 100%;
			bottom: 0px;
			height: 102px;
			border-top: 2px solid #404040;
			background: url(../images/ui/footer-ocean.jpg) center top repeat-x #000;
		}
		
			#audio {
				width: 16px;
				padding-top: 16px;
				position: absolute;
				right: 5px;
				top: 5px;
				background-image: url(../images/ui/audio.png);
				background-repeat: no-repeat;
				background-position: left top;
			}
			
			#audio.off {
				background-position: left -16px;
			}
		
			p.date {
				width: 100%;
				padding-top: 17px;
				margin-top: 10px;
				background: url(../images/ui/footer-date.png) center bottom no-repeat;
			}
					
			p.links {
				display: block;
				width: 100%;
				text-align: center;
				float: left;
				clear: both;
				margin-top: 5px;
			}
			
				p.links a, p.links span {
					display: inline-block;
					zoom: 1;
					*display: inline;
					color: #B1A796;
					font-size: 10px;
					text-decoration: none;
					margin: 0px 16px;
				}
				
			p.copyright {
				display: block;
				width: 100%;
				text-align: center;
				float: left;
				clear: both;
				margin-top: 5px;
				color: #999;
				font-size: 11px;
			}
			
				p.copyright a {
					display: inline-block;
					zoom: 1;
					*display: inline;
					color: #999;
					font-size: 10px;
					text-decoration: none;
					margin: 0px 16px;
				}
						
		#above {
			width: 100%;
			height: 42px;
			position: absolute;
			left: 0px;
			bottom: 196px; 
		}
					
			#tips {
				width: 100%;
				height: 108px;
				position: relative;
				display: block;
				list-style: none;
			}
			
				#tips li {
					display: block;
					position: absolute;
					top: 25px;
					width: 77px;
					height: 108px;
					background: url(../images/ui/footer-tip.png) left bottom no-repeat;
					margin: 0px 0px 0px -38px;
					overflow: hidden;
				}
				
					#tips li img {
						width: 73px;
						height: 73px;
						position: relative;
						left: 2px;
						top: 2px;
					}