/* Smashed Mobile Stylesheet */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/* Tablet */

body {
	width: 100%;
	background: #000;
}

.center { margin: 0 auto; }

#wrapper {
	width: 100%;
	margin: 0 auto 40px auto;
}

#header {
	position: relative;
	width: 640px;
	height: 716px;
	margin: 0 auto; 
	border: 0;
	z-index: 1;
	display: none;
}
#get_tickets a {
	
		background: #d71921;
		bottom: 286px;
		color: #000000;
		font-family: "franklin-gothic-urw-cond", arial;
		font-size: 26px;
		font-weight: bold;
		padding: 10px 20px;
		position: absolute;
		right: 32px;
		text-decoration: none;
		text-transform: uppercase;	
		z-index: 1000;
}


#awards{left:15px;position:absolute;top:18%;z-index:2;font-family: arial;}#awards .space{display:block;margin-top:18px}#awards h4,#awards h5{color:#ffffff;font-weight:bold;text-transform:uppercase;margin-bottom:8px}#awards h4 .bg_color,#awards h5 .bg_color{background:#000;padding:5px}#awards h4{font-size:18px;line-height:22px}#awards h5{font-size:13px;line-height:15px}



#footer {
	background: #000;
	color: #fff;
	margin: 0 auto;
	padding-top: 10px;
	width: 640px;
}

#top-links {
	display: none;
	position: absolute;
	top: -60px;
	right: 50px;
}

#container {
	position: relative;
	width: 100%;
	border: 0;
	background: #000;
	margin: 0 auto 0 auto;
	z-index: 100;
}

	#container p {
		font-family: "minion-pro", georgia, serif;
		font-size: 28px;
		color: #000;
		line-height: 19px;
		padding: 10px 40px 10px 40px;
		text-align: center;
	}
	.about {
		/* background: url(../images/about_text.png) no-repeat; */ 
		color: #e8028c;
		font-family: "franklin-gothic-urw-cond", arial;
		font-size: 48px;
		height: 60px;
		line-height: 36px;
		
		
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		top: 380px;
		
	}
	#container p.first {
		
		font-family: arial;
		
		line-height: 40px;
		position: absolute;
		
		
	}
	
	#container p.last {
		padding-bottom: 40px;
	}
	
.synopsis {
	background: #e8028c;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top: 30px;
	width: 640px;
	
	
	
}
#about_inner {
	background: #fff url(../images/about_inner_bg.jpg) bottom no-repeat;
	height: 980px;
	padding-top: 50px;
	position: relative;
	width: 570px;
	margin: 0 auto;
	
}
h2.spc {
	color: #fff;
	font-family: Arial;
	font-size: 18px;
	letter-spacing: 4px;
	position: absolute;
	top: 38px;
	left: 50%;
	margin: 0 auto 0 -237px;
	text-transform: uppercase;
	z-index: 100;
}	
h1.title {
	position: absolute;
	bottom: 130px;
	left: 50%;
	width: 578px;
	height: 174px;
	background: url(../images/main_title.png) no-repeat;
	text-indent: -9999px;
	margin: 0 auto 0 -289px;
	z-index: 100;
}
h2.director {
	color: #fff;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 4px;
	position: absolute;
	top: 544px;
	left: 50%;
	margin: 0 auto 0 -156px;
	text-transform: uppercase;
	z-index: 100;
}
h2.trailer {
	background: #e8028c;
	color: #000;
	font-family: "franklin-gothic-urw-cond", arial;
	font-size: 27px;
	font-weight: bold;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 auto 0 -104px;
	padding: 14px 54px;
	text-align: center;
	text-transform: uppercase;
	
	z-index: 100;
}

.sub-head {
	width: 320px;
	height: 30px;
	background-color: #f9f6ec;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	overflow: hidden;
}

.sub-head h2 {
	position: relative;
	left: 8px; /* Adjust alignment for letter-spacing issue */
	font-family: "minion-pro", georgia, serif;
	text-transform: uppercase;
	font-size: 28px;
	letter-spacing: 12px;
	color: #b69d74;
}

h3.sony {
	position: relative;
	display: block;
	width: 215px;
	height: 34px;
	background: url(../images/sony-pictures.png) no-repeat;
	margin: 25px auto 0 auto;
	z-index: 100;
	text-indent: -9999px;
}

#art-layer-phone-1 { 
	position: relative;
	display: block;
	width: 100%;
	height: 728px;
	background: url(../images/header-img.jpg) no-repeat;
	background-position: center top;
	background-size:640px 728px;
	z-index: 16;
	margin: 0 auto 0 auto;
}
	
.trailer-video {
	height: 318px;
	width: 640px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#links {	
	width: 320px;
	height: 34px;
	margin: 25px auto 0 auto;
	color: #fff;
	
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	clear: both;
}

#links a {
	color: #fff;
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
}
#links a:hover {
	text-decoration: underline;
}

.ratedr {
	display: block;
	width: 305px;
	height: 130px;
	margin: 0 auto;
	background: url(../images/film-rating-mobile.png) no-repeat;
}

.social {
	
	display: block;
	height: 60px;
	width: 206px;
	margin: 20px auto;
}
.social a {
	color: #fff;
	font-size: 60px;
	text-decoration: none;
}
.social a:hover {
	color: #fff;
}



@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
    
    h1.title {
		background: url(../images/main_title.png) no-repeat;
		background-size: 100%;
	}
    
}

/*@media only screen and (max-height: 690px) {

	#art-layer-phone-1 { 
	position: relative;
	display: block;
	width: 320px;
	height: 569px;
	background: url(../images/art_mobile_layer1.png) no-repeat;
	background-position: 0 0;
	z-index: 16;
	margin: 0 auto 0 auto;
}

}*/


/* FONTS */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?ubd7j2');
	src:url('../fonts/icomoon.eot?#iefixubd7j2') format('embedded-opentype'),
		url('../fonts/icomoon.woff?ubd7j2') format('woff'),
		url('../fonts/icomoon.ttf?ubd7j2') format('truetype'),
		url('../fonts/icomoon.svg?ubd7j2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
	content: "\e603";
}
.icon-twitter:before {
	content: "\e604";
}
.icon-tumblr:before {
	content: "\e605";
}