body {margin:-50px 0 0 0;padding:0;background:url(gfx/bg.jpg) left top fixed #080809;text-align:center;box-shadow:inset 0 0 50px #080809;-webkit-box-shadow:inset 0 0 50px #080809;-moz-box-shadow:inset 0 0 50px #080809;}
img {border:0;}
.topright {background:url(gfx/topright_sprite.png) 0 153px;width:377px;height:153px;position:fixed;top:0;right:0;z-index:99;}
.topright:hover {background:url(gfx/topright_sprite.png) 0 0;}
.logo {background:url(gfx/logo.jpg) center bottom repeat-x;width:100%;height:201px;margin:90px auto 40px auto;box-shadow:0 0 20px #0b0b0b;}
.hr {background:url(gfx/hr.png) center center repeat-x;width:100%;height:3px;position:absolute;margin:-90px 0 0 5px;}
.appstore {background:url(gfx/appstore_sprite.png) 0 0;width:218px;height:71px;margin:0 auto;}
.appstore:hover {background:url(gfx/appstore_sprite.png) 0 71px;}
.video {margin:40px auto 0 auto;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;overflow: hidden;width:700px;height:393px;z-index: 9999;box-shadow: 1px 2px 5px #111;-webkit-box-shadow: 1px 2px 5px #111;-moz-box-shadow: 1px 2px 5px #111;}
.willcall {background:url(gfx/willcall.png) center center no-repeat;width:822px;height:735px;margin:40px auto 90px auto;}
.valid {background:url(gfx/valid.png) center center no-repeat;width:914px;height:735px;margin:40px auto 90px auto;}
.tickets {background:url(gfx/tickets.png) center center no-repeat;width:809px;height:735px;margin:40px auto 90px auto;}
.buyer {background:url(gfx/buyer.png) center center no-repeat;width:760px;height:735px;margin:40px auto 90px auto;}
.print {background:url(gfx/print.png) center center no-repeat;width:981px;height:735px;margin:40px auto 90px auto;}

.footer {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.34) 0%, rgba(4,4,5,1) 56%, rgba(8,8,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.34)), color-stop(56%,rgba(4,4,5,1)), color-stop(100%,rgba(8,8,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.34) 0%,rgba(4,4,5,1) 56%,rgba(8,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.34) 0%,rgba(4,4,5,1) 56%,rgba(8,8,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.34) 0%,rgba(4,4,5,1) 56%,rgba(8,8,9,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,0,0,0.34) 0%,rgba(4,4,5,1) 56%,rgba(8,8,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57000000', endColorstr='#080809',GradientType=0 ); /* IE6-9 */
	width:100%;height:420px;margin:40px auto 0 auto;padding:40px 0 0 0;box-shadow:0 0 50px #000;-webkit-box-shadow:0 0 50px #000;-moz-box-shadow:0 0 50px #000;
}
.footer a{opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;filter:alpha(opacity=60);}
.footer a:hover{opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);}

.content { width: 600px; margin: 0 auto 0 auto; text-align: left; line-height: 170%; color: #fff; font-family: 'helvetica neue', helvetica; font-size: 14px; color: #ccc; }
.content h1 { font-size: 17px; font-weight: normal; text-transform: uppercase; color: #fff; }
.content a { color: #40bcff; }

@media screen and (min-width: 0px) and (max-width: 600px) {
	.topright { top: 0; background-size: 90%; margin: 0 0 0 0; background-repeat: no-repeat; background-position: top right; width:307px;height:112px; }
	.logo {background:url(gfx/logo.jpg) center bottom no-repeat;width:100%;height:150px;background-size: 120%;}
	.willcall {width: 100%;background-size: 100%;}
	.valid {width: 100%;background-size: 100%;}
	.tickets {width: 100%;background-size: 100%;}
	.buyer {width: 100%;background-size: 100%;}
	.print {width: 100%;background-size: 100%;}
	.content { width: 100%; padding: 8px; }
}