*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
img{border:0;margin:0;padding:0;}
html,body{width:100%;height:100%;margin:0;padding:0;}
body{
	margin:0;
	padding:0;
	border:0;
	background-color:#000;
	font-size:1px;line-height:1px;
	color:#fff;
}

nav{display:block;}


/*============ lightbox pages  (soon) =======*/
#pages{
	width:100%;height:100%;
	max-width:1024px;
	margin:auto;
	position:relative;
}
body.page{background:#000 url("subpage-bg.jpg") no-repeat top center;}
#pages .page{
	left:0;
	top:0;
	display:none;
	z-index:2;
	width:100%;height:100%;
}
#pages .page.on{
	display:block;
}
#pages-nav{
	display:none;
	position:fixed;
	left:0;bottom:0px;
	width:100%;
	height:149px;
	background:#000
	z-index:3;
}
#pages-nav #pages-navi{
	max-width:1024px;
	margin:auto;
	position:relative;
}
#pages-nav-buts{
	position:absolute;
	right:25px;
	bottom:25px;
}
#pages-nav-buts a:last-child{
	padding-left:15px;
}

body.page #pages-nav{display:block;}


/* homepage */
#page-homepage{
	display:block;
	background:url("homepage/bg.jpg") no-repeat top center;
	margin:auto;
}
.page #page-homepage{
	display:none;
}
#hp-title{
	display:block;
	width:385px;
	margin:auto;
}
#hp-title img{
	width:100%;
}
#hp-tickets{
	display:block;
	width:368px;height:44px;
	margin:auto;
	background:url("homepage/tickets.png") no-repeat top center;
}
#hp-nav{
	background:url("homepage/nav_bgbar.png") no-repeat top center;
	max-width:1025px;
	height:40px;
	margin:auto;
	margin-top:273px;
	text-align:center;
	position:relative;
}
#hp-navi{
	width:681px;
	margin:auto;
}
#hp-nav #num1{
	position:absolute;
	left:0;top:-56px;
	width:100%;
	text-align:center;
}
#num1 img{max-width:97%;}
#hp-navi a{
	display:inline-block;
	vertical-align:top;
}
#nstory,#ngallery{
	margin-top:9px;
}
#ngallery{
	margin:9px 9px 0 0;
}
#hp-3d{
	width:347px;
	margin:0 auto;
}
#hp-shares{
	width:395px;
	margin:auto;
	margin-top:14px;
	text-align:center;
}
#hp-shares div{display:inline-block;}
#hp-shares #hp-tw{margin-left:3px;}
iframe.twitter-share-button{width:100px !important;}
#hp-legal{
	width:688px;height:108px;
	background:url("homepage/legal2.png") no-repeat;
	margin:auto;
	margin-top:10px;
	position:relative;
}
#hp-legal a{
	display:block;
	position:absolute;
	left:10px;top:10px;
	background:rgba(0,0,255,0.0);
}
a#f-fb{left:296px;top:0px;width:53px;height:18px;}
a#f-tw{left:360px;top:0px;width:53px;height:18px;}
a#f-yt{left:418px;top:0px;width:39px;height:18px;}
a#f-priv{left:98px;top:22px;width:69px;height:13px;}
a#f-terms{left:176px;top:22px;width:94px;height:13px;}
a#f-cserv{left:274px;top:22px;width:86px;height:13px;}
a#f-corp{left:369px;top:22px;width:154px;height:13px;}
a#f-part{left:530px;top:22px;width:47px;height:13px;}
a#f-fr{left:273px;top:59px;width:115px;height:13px;}
a#f-pg{left:397px;top:59px;width:125px;height:13px;}
a#f-mpaa{left:142px;top:59px;width:125px;height:13px;}
a#f-paramount{left:0px;top:0px;width:56px;height:48px;}
a#f-marvel{left:598px;top:0px;width:90px;height:48px;}



/*============== story page ==================*/
#page-story{text-align:center;padding-bottom:52px}
#page-story #story-box{
	width:99%;
	max-width:654px;
	margin:auto;
	text-align:left;
	margin-bottom:60px;
}
#page-story #story-txt{
	width:100%;
	background:rgba(12,26,29,0.8);
	box-shadow:2px 2px 10px rgba(0,0,0,0.8);
	font:bold 12px/1.6em helvetica,arial;
	word-spacing:2px;
	padding:14px;
	margin-bottom:60px;
}
#page-story img{max-width:100%;margin-bottom:0;}


/*==================== downloads page =============*/
#page-downloads{
	text-align:center;
	padding-bottom:30px;
}
.dl-mod{
	display:block;
	margin:auto;
	width:388px;
	position:relative;
}
.dl-mod a{
	display:block;
	position:absolute;left:23px;bottom:15px;
	width:164px;height:50px;
	background:rgba(0,0,255,0.0);
}
.dl-mod #dl-iphone{left:199px;}
#dl-mod-phone{display:none;width:100%; max-width:394px;}
#dl-mod-phone #dl-iphone2{width:100%;left:0;}
#dl-mod-phone img{width:100%;max-width:388px;}
/*==================== gallery page ==================*/
#pages #page-gallery{
	background-image:none;position:relative;
	background:#000;
}
#page-gallery #fbshare-gallery,#page-video #fbshare-video{
	position:absolute;
	right:20px;top:20px;
	z-index:5;
	display:block;
	width:81px;height:21px;
	background:url("fb_share.png") no-repeat;
}

#page-gallery #nav-gallery{
	position:absolute;
	top:28%;
	width:100%;
	height:39px;
	z-index:2;
}
#nav-gallery #gallery-prev, #nav-gallery #gallery-next{
	width:41px;height:39px;
	display:block;
	background:url("gallery/left_arrow.png") no-repeat;
	cursor:pointer;
	position:absolute;
	left:8px;top:0;
}
#nav-gallery #gallery-next{
	background-image:url("gallery/right_arrow.png");
	left:auto;right:13px;
}

#page-gallery .images{
	position:relative;
	max-width:1024px;
	margin:auto;
	padding-top:130px;
	z-index:1;
}
#page-gallery .images{
	padding-top:0px;
}
#page-gallery img{
	display:none;
	width:100%;
	height:auto;
	cursor:pointer;
	z-index:1;
}
#page-gallery img.on{
	display:block;
}
.page-gallery #pages-nav{
	background:#000;z-index:2;
}


/*============= partners page ===========*/
#page-partners{
	padding-top:20px;
	/*min-height:100%;*/
}
#pt-mod{
	width:599px;
	position:relative;
	margin:auto;
	margin-bottom:100px;
	backround:rgba(0,0,255,0.5);
}

#pt-mod a{
	display:block;
	position:absolute;
	left:21px;top:56px;
	width:136px;height:128px;
	background:rgba(255,0,0,0.0);
}
a#p-harley{left:163px;top:56px;}
a#p-norton{left:21px;top:56px;}
a#p-wyndham{left:303px;top:56px;}
a#p-acura{left:443px;top:56px;}
a#p-farmers{left:21px;top:185px;}
a#p-redbaron{left:163px;top:185px;}
a#p-hershey{left:303px;top:185px;}
a#p-pepper{left:443px;top:185px;}
a#p-visa{left:93px;top:315px;}
a#p-landomoms{left:235px;top:315px;}
a#p-colantotte{left:375px;top:315px;}

/*========== ticketing frame ==============*/
#tframe{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:80%;
	max-height:85%;
	z-index:1;
	background:rgba(0,0,0,0.9);
}

#pages #page-tickets{
	background:#000;
}

#tickets-itunes{
	display:none;
	position:absolute;
	right:-5px;
	top:-104px;
	width:552px;
	height:auto;
}
.page-tickets #tickets-itunes{
	display:block;
}
.page-tickets #pages-nav #bottom-tickets{display:none;}

/*================== videos page ==================*/
#page-video{background:#000;}
#vido{width:100%;max-width:100%;max-height:75%;height:65%;}
#vido video{width:100%;height:100%;}
#video.playing{opacity:1;}
#vnav{
	position:fixed;
	bottom:77px;right:30px;
	width:auto;height:30px;
	background:rgba(0,0,255,0.0);
	z-index:4;
	text-align:right;
	white-space:nowrap;
	overflow:visible;
}
#vnav .vsep{
	margin:0 -21px;
}
#page-video #fbshare-video{
	left:-92px;top:8px;
}

/*================================ orientation specific at bottom always ==============*/
@media all and (max-width:1020px){
	#vnav{bottom:100px;}
}
@media all and (max-width:960px){
	.page-tickets #pages-nav #tickets-itunes{width:452px;}
}

@media all and (max-width:875px){
	#vnav{bottom:68px;right:10px;}
	#pages-nav,#pages-nav #bottom-title{height:82px;}
	#bottom-close img,#bottom-tickets img{height:22px;width:auto;}
	.page-tickets #pages-nav #tickets-itunes{width:318px;right:100px;top:-13px;}
}
@media screen and (max-width:690px){
	.page-tickets #pages-nav #tickets-itunes{width:195px;right:91px;top:-3px;}
}
@media screen and (max-width:675px){
	#hp-nav{background:none;height:auto;}
	#hp-navi{width:auto;height:auto;}
	#hp-legal a{display:none;}
	#hp-legal{width:auto;background-size:100% auto;}
}
@media screen and (max-width:620px){
	#vnav{
		right:-135px;
		-moz-transform:scale(0.7);-moz-transform-origin:0 0;
		-webkit-transform:scale(0.7);-webkit-transform-origin:0 0;
	}
}
@media screen and (max-width:600px){
	/*partners module needs to start scaling with image*/
	/*#page-partners,#page-story,#page-downloads{min-height:672px;}*/
	#pt-mod{width:auto;text-align:center;}
	#pt-mod a{display:block;width:23%;height:27%;}
	#pt-mod img{width:100%;max-width:599px;}

	a#p-norton{left:3%;top:12%;}
	a#p-harley{left:27%;top:12%;}
	a#p-wyndham{left:51%;top:12%;}
	a#p-acura{left:74%;top:12%;}

	a#p-farmers{left:3%;top:40%;}
	a#p-redbaron{left:27%;top:40%;}
	a#p-hershey{left:51%;top:40%;}
	a#p-pepper{left:74%;top:40%;}

	a#p-visa{left:15%;top:68%;}
	a#p-landomoms{left:39%;top:68%;}
	a#p-colantotte{left:63%;top:68%;}

}
@media screen and (max-width:500px){
	#pages-nav,#pages-nav #bottom-title{height:42px;}
	#pages-nav-buts{right:5px;bottom:5px;}
	#vnav{right:-151px;bottom:35px;}
	/*============ homepage rewrites ===========*/
	#page-homepage{
		background-image: url("bg-phone.jpg");
	    background-position: center -49px;
	    background-size: 476px auto;
	}
	#hp-title{width:234px;margin:0;}
	#hp-tickets{
		background-image:url("tickets_bottom.png");
		width:252px;background-size:252px auto;
		height:32px;
		position:absolute;
		right:10px;top:28px;
	}
	#hp-3d{
		position:absolute;
		right:53px;top:2px;
		width:171px;
	}
	#hp-3d img{width:100%;}
	#hp-nav{margin-top:93px;}
	#hp-navi{width:395px;}
	#hp-navi a img{display:none;}
	#hp-navi a{
		width:135px;height:30px;
		background-repeat:no-repeat;
		background-size:100% auto;
		background-position:center top;
		margin:-9px -7px 0 0;
	}
	#nvideo{background-image:url("homepage/video_btn.png");}
	#ngallery{background-image:url("homepage/gallery_btn.png");}
	#nstory{background-image:url("homepage/story_btn.png");}
	#ndownloads{background-image:url("homepage/downloads_btn.png");}
	#nregister{background-image:url("homepage/register_btn.png");}
	#npartners{background-image:url("homepage/partners_btn.png");}
	
	#dl-mod-phone{display:block;}
	#dl-mod-both{display:none;}
	#hp-nav #num1{top:-33px;}
	#hp-nav #num1 img{width:46%;}
	
}
@media screen and (max-width:480px){
	#vnav #fbshare-video{display:none !important;}
}
@media screen and (max-width:470px){
	#page-homepage{background-position:center top;}
	#hp-title{margin:auto;}
	#hp-tickets{position:static;}
	#hp-nav{margin-top:167px;}
	#hp-3d{right:auto;top:-258px;position:relative;width:142px;}
}
@media screen and (max-width:415px){
	#vnav{
		-moz-transform:scale(0.6);-webkit-transform:scale(0.6);
		right:-202px;
	}
}

@media screen and (max-width:415px){
	.page-tickets #pages-nav #tickets-itunes{width:142px;right:57px;top:-3px;}
	#bottom-close img,#bottom-tickets img{height:14px;width:auto;}
	#pages-nav-buts a:last-child{padding-left:5px;	}
	#pages-nav-buts{bottom:20px;}
	#page-homepage{background-position:center 26px;}
	#hp-nav{margin-top:226px;}
	#hp-navi{width:252px;}
	#hp-navi a{
		width:252px;height:52px;
		margin:-12px 0 0 0;
	}
	#hp-3d{width:238px;top:-284px;}
	#hp-nav #num1{top:-69px}
	#hp-nav #num1 img{width:67%;}
}
@media screen and (max-width:370px){
	#page-video #fbshare-video{
		left:101px;
		top:51px;
	}
}

@media screen and (max-width:360px){
	#hp-shares{width:100%;}
	#hp-fb{margin-bottom:8px;}	
}
@media screen and (max-width:340px){
	#pages-nav #bottom-title{height:34px;}
	#vnav #fbshare-video{left:101px;top:38px;}
}

@media screen and (max-width:320px){
	#page-story{min-height:620px;}
	#page-homepage{background-size:335px auto;background-position:center 52px;}
	#page-homepage #hp-nav{margin-top:155px;}
}

/*========== adjust for HEIGHT ========*/
@media screen and (max-height:356px){
	#page-video{min-height:330px;}
}
@media screen and (max-height:208px){/*ADJUST FOR HEIGHT*/
	#page-gallery #nav-gallery{top:50%;}
	#page-downloads{min-height:430px;}
	#page-partners{min-height:450px;}
	#page-story{min-height:1000px;}
	#page-video{min-height:190px;}
	#vnav{bottom:27px}
	#vido{height:55%;}
}