@charset "UTF-8";
/* apply a natural box layout model to all elements */
html {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
*, *:before, *:after {
  -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit;
}




/* reset some common browser styles */
html, body {
  margin: 0;
  padding: 0;
  background:black;
font-family: 'Lora', serif;
  }
  
body.cc {background:#fff;}
a {color:#ef002b; text-decoration:none;outline:none;}
a:visited, a:focus {text-decoration:none;outline:none;}
img {
	max-width: 100%;
	height: auto;
	display: block;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap:   break-word;
}
/* Fonts */

@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('css/fonts/helveticaneue-light-webfont.eot');
    src: url('css/fonts/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
url('css/fonts/helveticaneue-light-webfont.woff') format('woff'),
url('css/fonts/helveticaneue-light-webfont.ttf') format('truetype'),
url('css/fonts/helveticaneue-light-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS Document */

#container {text-align:center;}
#content {width:710px; margin:0 auto; text-align:left;overflow:hidden;min-height:910px;}
.people {padding:30px;}

#fader {
position:absolute;
left:50%;
top: 570px;
z-index:999;
width:710px;
margin-left:-355px;
}

#fader img {margin-left:-355px;}

.button {
    background-color: green;
    width: 50px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 30px;  
}

#amazon {position:absolute; top:150px; width:200px; left:50%; margin-left:0; height:50px;}
#facebook {position:absolute; top:810px; left:50%; margin-left:240px; width:60px; height:60px;}
#reviews {position:absolute; top:810px; left:50%; margin-left:-200px; width:80px; height:60px;}
#play-trailer {position:absolute; top:810px; left:50%; margin-left:-300px; width:90px; height:60px; }
#firstimage {display:none;}
#bg {z-index:1;}
/* Nav */

.nav {
text-align:center;
font-family: 'HelveticaNeueRegular';
	margin:-65px 0 0 20px;
	padding:0;
-webkit-transform:scale(1,4); /* Safari and Chrome */
    -moz-transform:scale(1,4); /* Firefox */
    -ms-transform:scale(1,4); /* IE 9 */
    -o-transform:scale(1,4); /* Opera */
    transform:scale(1,4); /* W3C */
	width:580px;
	font-size:110%;
}
.nav li {
display:inline;
padding:0; margin:0;
}
.nav a {
text-decoration:none; 
padding:0 32px 0 0; /* variable width */
color:#000;
	font-size:110%;
}

.stretch {}

.nav img {}	

a#fb-link {width:50px; float:right;margin-top:-74px; margin-right:74px; }
#fb-logo {position:absolute;}

/* Cast */
.icons {clear:both;}
.icon {float:left; margin-right:5px;height:42px; width:42px;}


/* Mobile */

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	#content, #fader {width:100%;}
	#fader {margin-left:-50%; top:55%;}
	#fader img {margin-left:-50%;}
	.nav {width:80%;font-size:40%;margin-top:-36px;}
	.nav a {padding-right:6%;}
	#facebook {top:420px;margin-left:100px;}
	#amazon {top:60px;}
	#content {min-height:550px;}
	}