/* Meyer Reset */
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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/*Fonts */
@font-face {
	font-family: 'Conv_Gotham-Bold';
	src: url('../fonts/Gotham-Bold.eot');
	src: local('☺'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Gotham-Book';
	src: url('../fonts/Gotham-Book.eot');
	src: local('☺'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: local('☺'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot');
	src: local('☺'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Global Styles */
html, body{

}

body {
	margin: 0 auto;
	font-family: 'Conv_Gotham-Book', sans-serif;

}

.container{
	z-index: 1;
}

#tile{
	background: url(../images/bg-tile.png);
	width: 100%;
	height: 18900px;
	position: fixed;
	margin-top: -200px;
}
section{
	width: 900px;
	left: 50%;
	margin-left: -450px;
	position: relative;
}

.nopadding{
	padding: 0;
}

h1{
	font-size: 55px;
	z-index: 1;
}

h3{
	z-index: 0;
	font-size: 3.06em;
}

.callout{
	font-size: 44px;
}

.quoteshape{
	border-radius: 75%;
	height: 500px;
	width: 500px;
	background: #339999;
	opacity: 0.3;
	z-index: -10;
}

#linecontainer{
	position: absolute;
	margin-top: -21px;
	margin-left: 45px;
}

#bottom{
	position: absolute;
	margin-top: 562px;
	margin-left: -179px;
}

/* Preloader */

#preloader {
	height: 90000px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:600px;
    height:600px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-300px 0 0 -300px; /* is width and height divided by two */
}
#status:before{
	position:fixed;
	content: "";
	width:600px;
    height:600px;
    position:absolute;
    background: rgba(51, 153, 153, 0.3);
    border-radius: 75%;
    opacity: 0.3;
}

/* Navigation Styles */
#nav{
	width: 900px;
	height: 116px;
	background: #281403;
	z-index: 9001;
	position: fixed;
	left: 50%;
	margin-left: -450px;
	margin-top: -450px;
	overflow: hidden;
}

ul{
	color: white;
	width: 700px;
	z-index: 1000;
	margin-left: 218px;
}


ul li {
	list-style: none;
	display: inline-block;
	height: 40px;
	width: 40px;
	border-radius: 75%;
	font-size: 11px;
}

ul li a{
	text-decoration: none;
	color: white;
	letter-spacing: 0.2em;
	line-height: 40px;
	}

ul li.active{
	background: #339999;
}

.bold{
	font-family: 'Conv_Gotham-Bold';
}

.castname{
	width: 65px;
	height: 100px;
	margin-right: 2%;
	margin-top: 1%;
}

#navlist{
	margin-top: -69px;
	margin-left: 45px;
	width: 100%;
}

.navitem {
	margin-right: 30px;
}

#julia{
	margin-right: 2%;
	width: 80px;
}

#juliafirst{
	margin-left: 22px;
}
#jamesfirst{
	margin-left: 11px;
}

#catherinefirst{
	margin-left: -7px;
}

#tonifirst{
	margin-left: 9px;
}

#benfirst{
	margin-left: 9px;
}

#trailernav{
}

#trailernavtext{
	margin-left: -3px;
}

#synopsisnav{
	margin-left: 10px;
}

#synopsisnavtext{
	margin-left: -10px;
}

.inlinehighlight{
	display: inline;
}
#gallerynav{
	margin-right: 382px;
}

#gallerynavtext{
	margin-left: -5px;
}

#enoughsaidtitle{
	color: #ffdf61;
	font-size: 47px;
	margin-left: 298px;
	margin-top: -38px;
}
#intheaters{
	font-family: 'Conv_Gotham-Light';
	color: #ffdf61;
	font-size: 14px;
	margin-left: 408px;
	margin-top: -2px;
}

#castcallout{
	margin-top: 874px;
}

#castfakeout{
	font-size: 49px;
	display: none;
	margin-top: 50px;
}

#mobilecast{
	display: none;
	position: absolute;
	margin-top: 180px;
}

#castnav{
	margin-right: 54px;
}

#castnavtext{
	margin-left: 5px;
}

#filmmakersnav{
	margin-right: 51px;
}

#filmmakersnavtext{
	margin-left: -17px;
}

#reviewsnav{

}

#reviewsnavtext{
	margin-left: -8px;
}
/*Social Media Widget */
#socialmedia{
	width: 140px;
	left: 90%;
	margin-left: -50px;
	position: fixed;
	margin-top: 581px;
	bottom: 5%;
	z-index: 9001;
}

/* Page Sections */
.trailer{
	height:2000px;
}

.synopsis{
	height:4617px;
}
.poster{
	height:1000px;
}
.gallery{
	height: 1788px;
}
.cast{
	height:2900px;
	display: relative;
}
.filmmakers{
	height:2177px;
}
.reviews{
	height:1450px;
	width: 900px;
}

/* Trailer */

#trailer-container{
	width: 900px;
	height: 480px;
	margin-top:  137px;
	-moz-box-shadow: 4px 9px 30px 2px #000;
	-webkit-box-shadow: 4px 9px 30px 2px #000;
	box-shadow: 4px 9px 30px 2px #000;
}

#trailercallout{
	margin-left: 59px;
	margin-top: 15px;
}

iframe{
	z-index: 1;
	position: relative;
}

#laurel{
	left: 50%;
	margin-left: 2000px;
	margin-top: -105px;
	z-index: 10;
	position: absolute;
}

#quotemark1{
	margin-top: 289px;
	margin-left: 27px;
	display: inline-block;
	position: relative;
}

#quotemark1r{
	margin-top: -287px;
	margin-left: 527px;
	display: inline-block;
	position: absolute;
}

#quote1{
	margin-top: 139px;
	margin-left: 166px;
	position: relative;
}

#quoteshape1{
	margin-left: 87px;
	margin-top: -264px;
}

#magmargin{
	margin-left: 30px;
}

.attribution{
	font-size: 23px;
	margin-top: 1px;
	position: absolute;
}

.attribution1{
	font-size: 85px;
	margin-top: -31px;
	margin-left: 53px;
	position: absolute;
}

.attribution2   {
	font-size: 85px;
	margin-top: -1px;
	margin-left: 53px;
	position: absolute;
}

#usweekly{
	position: absolute;
	z-index: 900;
	margin-top: 9px;
	margin-left: 1px;
}

#usatoday{
	position: absolute;
	z-index: 900;
	margin-top: -3px;
	margin-left: 5px;
}

#entertainmentweekly{
	position: absolute;
	z-index: 900;
	margin-top: 23px;
	margin-left: 5px;
}

/* Synopsis */
#synopsisstahp{
	position: absolute;
	margin-top: 10000px;
}

#synopsiscallout{
	font-size: 49px;
	margin-left: 600px;
	margin-top: -10px;
}

#synopsisfakeout{
	display: none;
}
#synopsiscontainer{

	border: 10px double black;
	background: white;
	width: 87%;
	padding: 48px;
	font-size: 18px;
	opacity: 0.9;
}

#synopsisholder{
	height: 100%;
}

.synopsismargins{
	margin-top: -10824px;
	width: 900px;
	left: 50%;
	margin-left: -450px;
}

.albertmargin{
	margin-top: -1844px;
}

.synopsisend{
	margin-top: 5980px;
}

#evacircle{
	position: absolute;
	margin-left: 0px;
	margin-top: 637px;
}

#albertcircle{
	position: absolute;
	margin-left: 295px;
	margin-top: 450px;
}

#mariannecircle{
	position: absolute;
	margin-left: 600px;
	margin-top: 950px;
}

#characterholder{
	margin-left: 20px;
	margin-top: 21px;
}

#eva, #albert, #marianne{
	display: none;
	position: absolute;
}

#albert{
	margin-left: 295px;
}

#marianne{
	margin-left: 600px;
}


#quote2{
	margin-top: -398px;
	margin-left: 216px;
	position: relative;
}

#quotemark2{
	margin-top: 430px;
	margin-left: 130px;
	position: absolute;
	z-index: 10;
}

#quotemark2r{
	margin-top: -52px;
	margin-left: 776px;
	position: absolute;
	z-index: 10;
}

#quoteshape2{
	position: relative;
	margin-top: 250px;
	margin-left: 130px;
}

#attrib2{
	margin-top: 7128px;
}

#rslogo{
	position: absolute;
	margin-top: -2px;
	margin-left: 394px;
}
/* Gallery */
#gallerycallout{
	font-size: 49px;
	margin-left: 12px;
	margin-top: -97px;
}

#galleryfakeout{
	font-size: 49px;
	left: 50%;
	margin-left: -450px;
	margin-top: -7723px;
	position: fixed;
}

/*Pre-Cast*/
#clipcontainer1{
	width: 900px;
	height: 480px;
	position: relative;
	margin-top:  1838px;
	left: 50%;
	margin-left: -450px;
	-moz-box-shadow: 4px 9px 30px 2px #000;
	-webkit-box-shadow: 4px 9px 30px 2px #000;
	box-shadow: 4px 9px 30px 2px #000;
}

#cliplabel1{
	margin-top: 1770px;
	margin-left: 0px;
	position: absolute;
}

/* Cast */
#castanchor{
	width: 100px;
	height: 100px;
	margin-top: 950px;
}

.lines{
	display: none;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	margin-top: -13990px;
	position: fixed;
}

#jamesinfo{
	position: absolute;
	display: none;
}

#catherineinfo{
	position: absolute;
	display: none;
}

#toniinfo{
	position: absolute;
	display: none;
}

#beninfo{
	position: absolute;
	display: none;
}

#juliacharacter{
	position: absolute;
	margin-top: 0px;
}

#juliainfo{
	position: absolute;
	display: none;
}


#jamescharacter{
	position: absolute;
	margin-left: 174px;
}


#catherinecharacter{
	margin-left: 370px;
	position: absolute;
}


#tonicharacter{
	margin-left: 566px;
	position: absolute;
}


#bencharacter{
	margin-left: 761px;
	position: absolute;
}



.castchar{
	z-index: 99;
	position: relative;
	cursor: pointer;
	display: none;
}

.charname{
	display: none;
	position: relative;
	margin-top: 1193px;
}
.charinfo{
	width: 784px;
	height: 148px;
	background: rgba(255,255,255,0.9);
	font-size: 12px;
	border: 10px double black;
	overflow: hidden;
	position: relative;
	z-index: 20;
	padding: 48px;
	font-size: 18px;
}

#quotemark3{
	margin-top: -915px;
	margin-left: 154px;
	position: absolute;
}

#quotemark3r{
	margin-top: 1116px;
	margin-left: 736px;
	position: absolute;
}

#quote3{
	margin-top: 946px;
	margin-left: 315px;
	position: absolute;
}

#quoteshape3{
	margin-left: 281px;
	margin-top: 828px;
	position: absolute;
}

#hollywoodreporterlogo{
	position: absolute;
	margin-top: 992px;
	margin-left: 504px;
}

#attrib3{
	margin-top: 1px;
	margin-left: 10px;
	position: absolute;
}

/* Filmmakers */


#filmmakerscurve{
	margin-left: -100px;
	margin-top: -6px;
	width: 1074px;
}

.filmmakerstext{
	position: absolute;
	margin-left: 20%;
	margin-top: 20%;
	z-index: 3;
}

#filmmakernamediv{
	width: 646px;
	margin-left: 95px;
	margin-top: 415px;
	position: absolute;
}

#filmmakerinfodiv{
	position: relative;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	margin-top: 258px;
}
#filmmakerinfo{
	font-size: 20px;
}
.filmmakername{
	display: inline-block;
	font-size: 12px;
	letter-spacing: -0.05em;
	font-family: 'Conv_Gotham-Bold';

	margin-left: 9%;
}

.filmmakerinfo{
	width: 784px;
	height: 148px;
	background: rgba(255,255,255,0.9);
	font-size: 12px;
	border: 10px double black;
	overflow: hidden;
	position: relative;
	z-index: 20;
	padding: 48px;
	font-size: 18px;
}

#travelingnames{
	display: none;
}

#travelingfilmmakers{
	display: none;
	position: fixed;
	left: 50%;
	margin-top: 41px;
	margin-left: -301px;
}

#nicole, #anthony, #stefanie, #travelingnicole, #travelinganthony, #travelingstefanie{
	cursor: pointer;
}

#nicole{
	margin-top: -224px;
	margin-left: 153px;
	position: absolute;
}

#anthony{
	margin-top: -365px;
	margin-left: 349px;
	position: absolute;
}

#stefanie{
	margin-top: -464px;
	margin-left: 554px;
	position: absolute;
}

#nicolename, #anthonyname, #stefaniename{
	position: absolute;
}

#nicolename{
	margin-top: -1379px;
	margin-left: 69px;
}

#anthonyname{
	margin-top: -1010px;
	margin-left: 270px;
}
  
#stefaniename{
	margin-top: -748px;
	margin-left: 477px;
}


#nicoleinfo, #anthonyinfo, #stefanieinfo{
	display: none;
}

#filmmakerscallout{
	margin-left: 34px;
	margin-top: -220px;
}

#filmmakersfakeout{
	display: none;
}

#travelingnicole, #travelinganthony, #travelingstefanie{
	display: none;
}

.filmmakermargins{
	left: 50%;
	margin-left: -224px;
	margin-top: -8604px;
}

.filmmakerend{
	margin-left: 226px;
	margin-top: 287px;
}

/* Pre-Reviews */
#clipcontainer2{
	width: 900px;
	height: 480px;
	position: relative;
	margin-top:  1200px;
	left: 50%;
	margin-left: -450px;
	-moz-box-shadow: 4px 9px 30px 2px #000;
	-webkit-box-shadow: 4px 9px 30px 2px #000;
	box-shadow: 4px 9px 30px 2px #000;
}

#cliplabel2{
	margin-top: 1120px;
	margin-left: 0px;
	position: absolute;
}

/*Reviews */
#reviewscallout{
	margin-left: 240px;
	margin-top: 0px;
	margin-bottom: 40px;
}

.reviewwrapper{
	display: inline-block;
}

#reviewdiv{
	margin-left: -103px;
	width: 1170px;
	height: 568px;
}
.reviewcircleyellow{
	margin-right: 58px;
	width: 219px;
	display: none;
	margin-bottom: 60px;
	cursor: pointer;
}

.reviewcirclewhite{
	display:none;
	margin-left: -54px;
	margin-top: -100px;
}

/*** screen sizes ***/
@media screen and (max-width: 1000px) {
	.synopsismargins{
		margin-top: -2028px;
	}

	.reviewcircleyellow{
		width: 75%;
		height: 75%;
		margin-right: 14px;
	}

	#synopsisfakeout{
		font-size: 49px;
		margin-top: -2073px !important;
	}

	.reviewcirclewhite{
		width: 59%;
		height: 59%;
		margin-left: -19px;
	}
	#reviewdiv{
		margin-left: 9px;
	}
	
	.line{
		width: 90%;
		height: 90%;
	}

	.castchar{
		width: 17% !important;
	}

	#juliacharacter{
		margin-left: -427px !important;
	}

	#jamescharacter{
		margin-left: -250px !important;
	}

	#tonicharacter{
		margin-left: 84px !important;
	}

	#bencharacter{
		margin-left: 250px !important;
	}

	#julianame{
		margin-left: -422px !important;
	}

	#jamesname{
		margin-left: -250px !important;
	}

	#toniname{
		margin-left: 109px !important;
	}

	#benname{
		margin-left: 281px !important;
	}

	#poster{
		width: 46%;
		margin-left: 242px;
	}

}

@media screen and (max-width: 800px) {
	body{
		overflow-x: visible;
	}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 0.3;
}