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

html {
	height: 100%;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	color: #FFF;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

ul {
	list-style: none;
}

a {
	text-decoration:none;
}

#audioHolder{
	position: absolute;
	top: -100px;
	left: -100px;
	height: 10px;
	width: 10px;
}

#portraitTest {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: none;
	text-align: center;
	background: #000000;
}

	#portraitTestInside {
		padding-top:30%;
	}

#siteContentWrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: #000000;
	visibility: hidden;
}

.hiddenContent{
	display: none;
}

	.imageCover, sectionHeader {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		text-align: left;
	}
	
	.sectionContentBlock {
		position: absolute;
		left: -5px;
		bottom: 150px;
		width:100%;
		height:177px;
		padding-left:5px;
		padding-right:5px;
		background: url(../images/section_blockBg.png) repeat;
		border-style:solid;
		border-width:1px;
		border-color:#333333;
		overflow:hidden;
	}
	
	
	.sectionTitleContainer{
		position: absolute;
		bottom: 390px;
		left: 15px;
	}
	
		.sectionTitle {
			position:relative;
			top:0px;
			left:0px;
			
			text-align: left;
			letter-spacing: 1px;
		
			color: #ffffff;
			text-decoration: none;
			background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0.2, rgb(256,256,256)),
				color-stop(0.8, rgb(112,112,112)));
			
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		
			font-size:35px;
			font-family: "franklin-gothic-urw",sans-serif;
			font-style: normal;
			font-weight: 700;				
		}
	
	.sectionSubNav {
		position: absolute;
		bottom: 360px;
		left: -100%;
		height: 16px;
		width: 100%;
	}
	
		.sectionSubNav img{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 16px;
			width: 100%;
		}
		
		.sectionSubNavContainer {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 16px;
			width: 100%;
			overflow: hidden;
		}
		
			.sectionSubNavList {
				position: absolute;
				top: 0px;
				left: 0px;				
				width: 1000px;
				height: 100%;
				padding-left: 15px;
				list-style: none;
			}

				.sectionSubNavList li{
					float: left;
					padding-right: 38px;
					padding-top: 1px;

					position:relative;
					top:-20px;
					opacity:0;

					font-size: 13px;
					font-family: "franklin-gothic-urw",sans-serif;
					font-style: normal;
					font-weight: 700;
				}

					.sectionSubNavList a{
						color: #000000;
						text-decoration: none;						
					}

						.sectionSubNavList a:hover{
							color: #666666;					
						}
	
		.sectionSubNavArrow{
			
			background: url(../images/section_arrow.png) no-repeat;
			position: absolute;
			top: 16px;
			left: -20px;
			height: 10px;
			width: 20px;
		}
		
		
		#tickets {
			width: 100%;
			height: 100%;
			background: url(../images/siteDarken.png) left top repeat;
			position: absolute;
			left: 0px;
			top: 0px;
			-webkit-transition: .5s opacity ease-out;
			-moz-transition: .5s opacity ease-out;
			-ms-transition: .5s opacity ease-out;
			opacity: 0;
			display: none;
		}
		
			#tickets.active {
				opacity: 1 !important;
				visibility: 'visible';
			}

			#tickets_inner {
				position: absolute;
				left: 50%;
				top: 50%;
				width: 600px;
				height: 620px;
				margin-left: -300px;
				margin-top: -310px;
			}

			#tickets-widget {
				position:absolute;
				top: 20px;
				left: 0px;
			}

			#tickets .close {
				background: url(../images/tickets_close_bg.jpg) left top repeat;
				display: block;
				position: absolute;
				right: 0px;
				top: 0px;
				color: #FFF;
				font-size: 12px;
				text-transform: uppercase;
				text-align: right;
				padding-right: 5px;
				padding-top: 5px;
				
				height: 18px;
				width: 595px;
				
				font-family: "franklin-gothic-urw",sans-serif;
				font-style: normal;
				font-weight: 700;
				
				text-decoration: none;
			}
			
			#statement {
			width: 100%;
			height: 100%;
			background: url(../images/siteDarken.png) left top repeat;
			position: absolute;
			left: 0px;
			top: 0px;
			-webkit-transition: .5s opacity ease-out;
			-moz-transition: .5s opacity ease-out;
			-ms-transition: .5s opacity ease-out;
			opacity: 0;
			display: none;
		}
		
			#statement.active {
				opacity: 1 !important;
				visibility: hidden;
			}

			#statement_inner {
				position: absolute;
				left: 50%;
				top: 50%;
				width: 500px;
				height: 310px;
				margin-left: -300px;
				margin-top: -192px;
				background: #000000;
				padding-top:55px;
				padding-left:50px;
				padding-right:50px;
				z-index:100000;
			}
				
				#statmentTxt {
					overflow:hidden;
					padding-bottom: 15px;
					height:280px;
					font-family:Arial, Helvetica, sans-serif;
					line-height:20px;
					
				}
				
				#scroll-down{
						position: absolute;
						width:15px;
						height:15px;						
						background:url(../images/sarrow_bottom.png) right no-repeat;
						padding-left:510px;
						margin-top: -60px;
						
					
				}
				
				#scroll-up{
						position: absolute;
						width:15px;
						height:15px;
						background:url(../images/sarrow_up.png) right  top no-repeat;	
						padding-left:510px;
						margin-top: -260px;
					/*	margin-top: -252px;*/
				
				}

			#statement-widget {
				position:absolute;
				top: 20px;
				left: 0px;
			}

			#statement .close {
				background: url(../images/tickets_close_bg.jpg) left top repeat;
				display: block;
				position: absolute;
				right: 0px;
				top: 0px;
				color: #FFF;
				font-size: 12px;
				text-transform: uppercase;
				text-align: right;
				padding-right: 5px;
				padding-top: 5px;
				
				height: 18px;
				width: 595px;
				
				font-family: "franklin-gothic-urw",sans-serif;
				font-style: normal;
				font-weight: 700;
				
				text-decoration: none;
			}
			
		.scroll-up,
		.scroll-down {
			position: absolute;
			display: block;
			width: 48px;
			height: 0px;
			padding-top: 48px;
			overflow: hidden;
			right: 0px;
		}
		
		.scroll-up { top: 0px; background: url(../images/arrow-up.png) left top no-repeat; }
		.scroll-down { top: 58px; background: url(../images/arrow-down.png) left top no-repeat; }