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;
		}
		/* HTML5 display-role reset for older browsers */
		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;
		}

		body {
			background: #000;
			text-align: center;
			min-width: 980px;
			font-family: Helvetica, Arial, sans-serif;
			position:relative;
		}
		.clear {
			display: block;
			clear: both;
		}
		.hidden {
			display: none;
		}
		.container {
		position: relative;
			width: 980px;
			text-align: left;
			margin: 0 auto;
  min-width:980px;
  /*overflow: hidden;*/
		}
		#story .container{
			overflow:visible;
		}
		#content {
			background: #270000 url('../img/bg-main.jpg') top center no-repeat;
			overflow: hidden;
			color: #d7bca5;
  min-width:980px;
}
		#share,
		#title,
		#follow {
			float: left;
			display: block;
			height:100px;
		}
		#title {
			width: 723px;
			height: 292px;
			margin-left:-25px;
			text-align: center;
			padding-top: 375px;
			position:relative;
		}
		#frontpage #title {
			margin-top:-25px;
			height: 417px;
			padding-top: 250px;
			background: url('../img/hitchcock.png') bottom center no-repeat;
		}
		#interior {
			position:absolute;
			top:0;
		}
		#title .names {
			overflow:hidden;
			position:relative;
			z-index:3;
			margin-left:99px;
		}
		#frontpage #title .names.one {
			margin-left:0;
		}
		#title .names li {
			float: left;
			display: block;
		}
#frontpage #title .names #hopkins { 
background: url('../img/front/hopkins.png') top left no-repeat;
width:169px;
height:51px;
margin: 50px 0 20px 200px;
  }
		#title .names #hopkins {
			width: 74px;
			height: 46px;
			margin: 72px 17px 0 0;
			background: url('../img/name-hopkins.png') top left no-repeat;
		}
		#frontpage #title .names #mirren {
			background: url('../img/front/mirren.png') top left no-repeat;
			width:132px;
			height:47px;
			margin:18px 0 10px 50px;
		}
		#title .names #mirren {
			width: 72px;
			height: 45px;
			margin: 56px 9px 0 0;
			background: url('../img/name-mirren.png') top left no-repeat;
		}
		#title .names #johansson {
			width: 106px;
			height: 37px;
			margin: 50px 19px 0 0;
			background: url('../img/name-johansson.png') top left no-repeat;
		}
		#title .names #collette {
			width: 81px;
			height: 33px;
			margin: 30px 19px 0 0;
			background: url('../img/name-collette.png') top left no-repeat;
		}
		#title .names #huston {
			width: 68px;
			height: 34px;
			margin: 12px 17px 0 0;
			background: url('../img/name-huston.png') top left no-repeat;
		}
		#title .names #biel {
			width: 35px;
			height: 30px;
			margin: 0;
			background: url('../img/name-biel.png') top left no-repeat;
		}
		#title h1 {
			background: url('../img/logo-hitchcock.png') top center no-repeat;
			width: 723px;
			height: 194px;
			margin-top: -82px;
			display: block;
		}
		#frontpage .good-evening {
			width:135px;
			height:16px;
			background:url('../img/bg-goodevening.png') top left no-repeat;
			margin:0 auto;
			text-indent:-9999px;
		}
		#frontpage .every-psycho {
			width:151px;
			height:24px;
			background:url('../img/bg-great-woman.png') top left no-repeat;
			margin:0 auto;
			text-indent:-9999px;
		}
		#frontpage #gein {
			display:block;
			width:184px;
			height:210px;
			text-indent:-9999px;
			position:absolute;
			background:url('../img/button-gein.png') center center no-repeat;
			z-index:99;
		}
		.date {
			width: 273px;
			height: 68px;
			display: block;
			margin: -51px auto 0;
			background: url('../img/bg-date.png') top left no-repeat;
		}
		#title .names li,
		#title h1,
		#title .date {
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}
		#frontpage #content .container .share-hitchcock,
		#frontpage #content .container .follow-fox {
			margin-top: 575px;
			float: left;
		}
		#cast #content .container .share-hitchcock,
		#cast #content .container .follow-fox {
			margin-top: 500px;
			float: left;
		}
		#story #content .container .share-hitchcock{
			margin-top: 500px;
			float: left;
		}
		
		.follow-fox {
			float: right;
			
		}
		header {
			background: url('../img/topnav-full.png') top center repeat-x;
			display: block;
			color: #D7BCA5;
			height:74px;
			position:relative;
			z-index:2;
		}
		footer {
			display: block;
			color: #d7bca5;
			margin-top:25px;
		}
		footer p {
			font-size: 9px;
			text-transform: uppercase;
		}
		#share,
		#follow {
			width:128px;
			position: relative;
			z-index:3;
			padding-top:0px;
			margin-top:0px;
			height:300px;
		}

		/* Trailer */
		#trailer {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 9999;
		}
		#trailer .video {
			position: relative;
			top:-80%;
			width:853px;
			margin:0 auto;
		}
		#trailer .bg {
			width:100%;
			height:100%;
			background:#000;
			filter: alpha(opacity=60);
			opacity: 0.6;
		}

		/*Nav*/
		header #n-main {
			padding-top:10px;
		}
		header #n-main li {
			display:inline-block;
		}
		header #n-main li.home {
			margin:0 80px 0 30px;
		}
		header #n-main li.story {
			margin:0 60px 0 0;
		}
		header #n-main li.cast {
			margin:0 80px 0 0;
		}
		header #n-main li.trailer {
			margin:0 90px 0 0;
		}
		header #n-main li.share {
			margin:0 30px 0 0;
		}
		header #n-main li a {
			display:block;
			height:18px;
			text-indent:-9999px;
			overflow: hidden;
			outline:none;
		}
		header #n-main li a:hover {
			background-position: 0 -18px;
		}
		header #n-main .home a {
			width:60px;
			background:url('../img/nav/button-home.png') top center no-repeat;
		}
		header #n-main .story a {
			width:67px;
			background:url('../img/nav/button-story.png') top center no-repeat;			
		}
		header #n-main .cast a {
			width:53px;
			background:url('../img/nav/button-cast.png') top center no-repeat;			
		}   
		header #n-main .trailer a {
			width:82px;	
			background:url('../img/nav/button-trailer.png') top center no-repeat;
		}
		header #n-main .share a {
			background: url('../img/nav/button-share-scream.png') top center no-repeat;
			width: 221px;
		}
		#frontpage header #n-main .home a {
			background-position:0 -18px;
		}
		#story header #n-main .story a {
			background-position:0 -18px;
		}
		#cast header #n-main .cast a {
			background-position:0 -18px;
		}

		/* Social links */
		.share-hitchcock, .follow-fox {
			position:relative;
		}
		#follow-button, #share-button {
			cursor: pointer;
		}
		#follow-links,#share-links {
			opacity:inherit;
			filter:inherit;
		}
		#follow-links li a, #share-links li a {
			display:block;
			text-indent:-9999px;
			position:absolute;
			overflow:hidden;
			outline: none;
		}
		#follow-links .facebook a {
			top:-45px;
			left:-5px;
			width:129px;
			height:43px;
			background:url('../img/follow-foxsearchlightpictures-facebook.png') top left no-repeat;
		}
		#follow-links .twitter a {
			top:-90px;
			width:130px;
			height:48px;
			background:url('../img/follow-foxsearchlightpictures-twitter.png') top left no-repeat;
		}
		#follow-links .tumblr a {
			top:-130px;
			width:121px;
			height:38px;
			background:url('../img/follow-foxsearchlightpictures-tumblr.png') top left no-repeat;
		}
		#share-links .facebook a {
			top:-205px;
			width:136px;
			height:56px;
			background:url('../img/share-hitchcock-facebook.png') top left no-repeat;			
		}
		#share-links .twitter a {
			top:-150px;
			width:132px;
			height:35px;
			background:url('../img/share-hitchcock-twitter.png') top left no-repeat;			
		}
		#share-links .gplus a {
			top:-117px;
			width:132px;
			height:48px;
			background:url('../img/share-hitchcock-google.png') top left no-repeat;			
		}
		#share-links .pinterest a {
			top:-72px;
			z-index:2;
			width:134px;
			height:41px;
			background:url('../img/share-hitchcock-pinterest.png') top left no-repeat;			
		}
		#share-links .email a {
			top:-35px;
			width:123px;
			height:43px;
			background:url('../img/share-hitchcock-email.png') top left no-repeat;			
		}

		/* Story */
		#story #drain {
			background:url('../img/bg-blood-drain.png') top left no-repeat;
			width:629px;
			height:506px;
			position:absolute;
			top:-80px;
			left:-300px;
			z-index:1;
		}
		#story #interior {
			position:absolute;
			top:0;
		}
		#story .description {
			position: absolute;
			top: 125px;
			left: 340px;
			z-index:2;
		}
		#story #interior .description .story {
			text-indent:-9999px;
		}
		#story #interior .description .story.first {
			background:url('../img/bg-story-1.png') top left no-repeat;
			width:559px;
			height:94px;
		}
		#story #interior .description .story.second {
			background:url('../img/bg-story-2.png') top left no-repeat;
			width:551px;
			height:67px;
		}

		/* FRONT */
		#frontpage #title .names.two {
			height:200px;
			top:-70px;
		}
		#frontpage .date {
			margin:-125px auto 0;
		}
		#frontpage #title .names.two #johansson {
			width:86px;
			height:100px;
			background:url('../img/front/johansson.png') top left no-repeat;
			position:relative;
			top:50px;
		}
		#frontpage #title .names.two #collette {
			width:85px;
			height:99px;
			background:url('../img/front/collette.png') top left no-repeat;
			position:relative;
			top:56px;
			left:-18px;
		}
		#frontpage #title .names.two #huston {
			width:85px;
			height:100px;
			background:url('../img/front/huston.png') top left no-repeat;
			position:relative;
			top:58px;
			left:-35px;
		}
		#frontpage #title .names.two #biel {
			width:85px;
			height:99px;
			background:url('../img/front/biel.png') top left no-repeat;
			position:relative;
			top:55px;
			left:-50px;
		}
		#frontpage #title .names.two #darcy {
			width:86px;
			height:99px;
			background:url('../img/front/darcy.png') top left no-repeat;
			position:relative;
			top:40px;
			left:-48px;
		}
		#frontpage #title .names.two #wincott {
			width:85px;
			height:99px;
			background:url('../img/front/wincott.png') top left no-repeat;
			position:relative;
			top:25px;
			left:-47px;
		}

		#frontpage footer {
			margin-top:22px;
		}

		/* Cast */
		#cast #house {
			background: url('../img/psycho-house.png') bottom center no-repeat;
			height: 511px;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin-left: -350px;
		}
		#cast ul.cast {
			position:absolute;
			width:950px;
		}
		#cast ul.cast.one {
			height:162px;
			z-index: 999;
			left: -110px;
			top: 120px;
		}
		#cast ul.cast.two {
			height:100px;
			z-index:99;
			top: 290px;
			left: -109px;
		}
		#cast ul.cast li {
			display:inline-block;
			position:relative;
		}
		#cast ul.cast.one li {
			cursor: pointer;
		}
		.hopkins {
			width:104px;
			height:155px;
		}
		#cast ul.cast.one .hopkins .text {
			width:104px;
			height:155px;
			background:url('../img/cast/AH_coming_soon.png') top left no-repeat;
		}
		#cast ul.cast.one .mirren {
			width:104px;
			height:154px;
		}
		#cast ul.cast.one .mirren .text {
			width:104px;
			height:154px;
			background:url('../img/cast/HM_coming_soon.png') top left no-repeat;
		}
		#cast ul.cast.one .johansson {
			width:109px;
			height:161px;
		}
		#cast ul.cast.one .johansson .text {
			width:109px;
			height:161px;
			background:url('../img/cast/SJ_coming_soon.png') top left no-repeat;
		}
		#cast ul.cast.one .collette {
			width:109px;
			height:162px;
		}
		#cast ul.cast.one .collette .text {
			width:109px;
			height:162px;
			background:url('../img/cast/TC_coming_soon.png') top left no-repeat;
		}
		#cast ul.cast.one .huston {
			width:111px;
			height:161px;
		}
		#cast ul.cast.one .huston .text {
			width:111px;
			height:161px;
			background:url('../img/cast/DH_coming.png') top left no-repeat;
		}
		#cast ul.cast.one .biel {
			width:115px;
			height:156px;
		}
		#cast ul.cast.one .biel .text {
			width:115px;
			height:156px;
			background:url('../img/cast/JB_coming_soon.png') top left no-repeat;
		}
		#cast ul.cast.one .darcy {
			width:101px;
			height:156px;
		}
		#cast ul.cast.one .darcy .text {
			width:101px;
			height:156px;
			background:url('../img/cast/JD_coming_soon.png') top left no-repeat;
		}
		#cast ul.cast.one .wincott {
			width:106px;
			height:160px;
		}
		#cast ul.cast.one .wincott .text {
			width:106px;
			height:160px;
			background:url('../img/cast/ED_coming_soon.png') top left no-repeat;
		}
		#cast ul.cast.one .text {
			display:none;
			position:absolute;
			bottom:0;
			left:0;
			z-index:9999;
			text-indent: -9999px;
		}
		#cast ul.cast.one li:hover > .text {
			display:block;
		}
		.CastMember img {
			position:absolute;
		}
		.CastMember img.roll {
			z-index:100001 !important;
		}
.hopkins {
  margin-top:123px;
  display:block;
  width:95px;
  height:38px;
  background:url('../img/cast/AH.png') top left no-repeat;
  margin-left:-10px;
}
.mirren{
  margin-top:123px;
  display:block;
  width:95px;
  height:38px;
  background:url('../img/cast/HM.png') top left no-repeat;
  margin-left:-10px;
}
.johansson {
  margin-top:123px;
  display:block;
  width:95px;
  height:38px;
  background:url('../img/cast/SJ.png') top left no-repeat;
  margin-left:-10px;
}
.collette {
	margin-top:123px;
	display:block;
	width:95px;
  	height:38px;
	background:url('../img/cast/TC.png') top left no-repeat;
	margin-left:-10px;
}
.huston {
	margin-top:123px;
	display:block;
	width:95px;
  	height:38px;
	background:url('../img/cast/DH.png') top left no-repeat;
	margin-left:-10px;
}
.biel {
	margin-top:123px;
	display:block;
	width:95px;
  	height:38px;
	background:url('../img/cast/JB.png') top left no-repeat;
	margin-left:-12px;
}
.darcy {
	margin-top:123px;
	display:block;
	width:95px;
  	height:38px;
	background:url('../img/cast/JD.png') top left no-repeat;
	margin-left:-10px;
}
.wincott {
	margin-top:123px;
	display:block;
	width:95px;
  	height:38px;
	background:url('../img/cast/MW.png') top left no-repeat;
	margin-left:-10px;
}
.ms {
	margin-top:123px;
	display:block;
	width:95px;
  	height:38px;
	background:url('../img/cast/MS.png') top left no-repeat;
	margin-left:-10px;
}
#cast ul.cast li img, #cast ul.cast li .name {
	display:block;
}
#cast ul.cast.two li .name {
	text-indent:-9999px;
}
div.storyText{
	display:block;
	background:url('../img/storybg.png') left top no-repeat;
	position:absolute;
	top:50px;
	left:350px;
	height:250px;
	width:500px;
}
div.storyText .content{
	height:200px;
 	width:420px;
        overflow-y: scroll;
	margin:25px 0px 0px 40px;
	text-align:left;
	color:black;
	font-size:16px;
	line-height:18px;
	font-family:Helvetica, sans-serif;
        z-index:139999;
}
		

  
  
  
  /* these are style for the bio pop up */
  div.BioContainer{
	position:absolute;
	top:100px;
	left:0px;
	width:944px;
	height:400px;
	z-index:200000;
	margin:0px;
	padding:0px;
  }
  div.BioTopper{
	width:944px;
	height:54px;
	background:url('../img/Bar_Top.png') left top no-repeat;
	margin:0px;
	padding:0px;
  }
  span.BioExit{
	display:block;
	float:right;
	width:50px;
	height:50px;
	background:url('../img/X.png') left top no-repeat;
	cursor:pointer;
	margin:0px 0px 0px 0px;
  }
  div.BioContent{
	width:947px;
	height:412px;
	padding:0px 0px 0px 0px; 
	background:url('../img/Middle.png') left top no-repeat;
	overflow:hidden;
	margin:0px;
  }
  div.bioBottom{
	width:943px;
	height:82px;
	margin:0px 0px 0px 4px;
	padding:0px;
	background:url('../img/Bar_Bottom.png') left top no-repeat;
  }
  div.BioContent p.BioText{
	  color:black;
	  margin:0px;
	  padding:0px 10px 0px 0px;
	  display:block;
	  height:400px;
	  width:851px;
	  margin:10px 43px 10px 43px;
	  overflow-y:scroll;
	 text-align:left;
	 font-size:12px;
	 font-weight:normal;
	 line-height:16px;
  }
  div.BioContent p.BioText span{
	font-weight:bold;  
  }
 	div.BioContent p.BioText img.BioImg{
	float:left;
	height:381px;
	width:410px;
	margin:0px 80px 60px 0px;  
  }
 #frontpage #title{
	margin:0px 60px 0px 0px;
	margin-left:-70px;
	padding:0px;
	height:678px;
		  
 }
 #frontpage #title #hitchBox_home{
	 background: url('../img/desktop.png') left top no-repeat;
	 width:526px;
	 height:637px;
	 display:block;
	 margin:20px 0px 0px 185px;
	 padding:0px;
 } 
 #story #title {
	 height:220px;
	 width:650px;
	 margin:0px 50px 0px 0px;
	 background: url('../img/story.png') bottom right no-repeat;
	 
 }
 #story #content .container #follow  {
	 	height:20px;
		margin-top:500px;
}
 #cast #title {
	 height:260px;
	 width:650px;
	 margin:0px 60px 0px 0px;
	 background: url('../img/story.png') bottom right no-repeat;
	 
 }
#cast .CastTop{ 
  height:160px;
  width:520px; 
  margin:0px 0px 0px 120px;
}
#cast .CastTop .CastMember{ 
  height:160px;
  width:90px;
  float:left;
  margin:0px 5px 0px 0px;
  padding:0px 10px 0px 10px;
    position:relative;
	cursor:pointer;
}
#cast .CastTop .CastMember img{
	height:110px;
	width:75px;	
	top:10px;
  left:10px;
}
#cast .CastTop .CastMember .bw{ 
  margin:0px;
  padding:0px;
  top:10px;
  left:10px;
}
#cast .CastBot{ 
  height:160px;
  width:650px;
  margin:0px 0px 0px 70px;
  margin-top:10px;
  clear:both;
}
#cast .CastBot .CastMember{ 
  height:160px;
  width:90px;
  float:left;
  margin:0px 5px 0px 0px;
  padding:0px 10px 0px 10px;
  position:relative;
  cursor:pointer;
}
#cast .CastBot .CastMember img{
	height:110px;
	width:75px;	
	top:10px;
  	left:10px;
}
#cast .CastBot .CastMember .bw{ 
  margin:0px;
  padding:0px;
  top:10px;
  left:10px;
}

.container #quotes,
.container #ipad_portrait_quotes
{
	position: absolute;
	top: 10px;
	right: 0;
	text-align: center;
	width: 318px;
}

.container #ipad_portrait_quotes
{
	display: none;
}

.container #quotes img,
.container #ipad_portrait_quotes img
{
	display: none;
}