@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/* front page ipad landscape */
	#frontpage #content{ height:660px; width:980px;margin:0px; overflow:hidden; }
	#frontpage #content #title #hitchBox_home{ 
		margin-top:-15px;
		padding-top:0px;
		background:url('../img/ipad_landscape.png') left top no-repeat; 
	}
	#story #content .container #follow{ padding:0px !important; position:fixed !important; top:70px !important; right:10px !important;}
	#frontpage #content .container div.follow-fox{ margin-top:480px;}
	#frontpage #content .container div.share-hitchcock{ margin-top:480px; margin-left:10px;}
	/*
	body #content .container #share{ margin:0px; padding:0px; position:fixed; bottom:10px; left:10px;}
	body #content .container #follow{ padding:0px !important; position:fixed !important; bottom:280px !important; right:10px !important;}
	*/
	/* story ipad landscape */
	#story #content .container #title #drain{ left:-415px;top:-140px; }
	#story #content{ height:661px; width:980px;margin:0px; overflow:hidden; }
	#story #content #title #interior section.description{ top:80px; left:240px; }
	#story #content .container div.follow-fox{ margin-top:480px;}
	#story #content .container div.share-hitchcock{ margin-top:480px; margin-left:10px;}
	#story #content .container #title{
		width:650px;
		height:600px;
		margin:0px 50px 0px 0px;
		padding:0px;
		background:url('../img/story.png') bottom right no-repeat;
		
	}
	
	/* cast ipad landscape */
	#cast #content{ height:661px; width:980px;margin:0px; overflow:hidden; }
	#cast #content .container div.follow-fox{ margin-top:480px;}
	#cast #content .container div.share-hitchcock{ margin-top:480px; margin-left:10px;}
	#cast #house { width:1330px; }
	#cast #BioContainer{ top:75px; left:10px; }
	#cast #content .container #title{
		width:650px;
		height:600px;
		margin:0px 50px 0px 0px;
		padding:0px;
		background:url('../img/story.png') bottom right no-repeat;
	}
	#cast ul.cast.one {
		height:162px;
		z-index: 999;
		left: -110px;
		top: 40px;
	}
	#cast ul.cast.two {
		height:100px;
		z-index:99;
		top: 210px;
		left: -109px;
	}
	#BioContainer{ left:15px !important; }
	div.BioContent p.BioText{ -webkit-overflow-scrolling: touch; }
	div.storyText { left:250px; }
	div.storyText .content{ -webkit-overflow-scrolling: touch; }
}  

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#frontpage #content{ height:1200px; width:1024px;margin:0px;padding:0px; background:url('../img/background_1200.png') left top no-repeat; }
        #story  #content{  height:1200px; width:1024px;margin:0px;padding:0px; background:url('../img/background_1200.png') left top no-repeat;  }
        #cast  #content{   height:1200px; width:1024px;margin:0px;padding:0px; background:url('../img/background_1200.png') left top no-repeat; }
        body #content .container .share-hitchcock,
	body #content .container .follow-fox {
			margin-top: 200px !important;
			/*float: left; */
		}
	body #content .container #share{ margin:0px; padding:0px; position:fixed; bottom:10px; left:10px;}
	body #content .container #follow{ padding:0px !important; position:fixed !important; bottom:10px !important; right:10px !important;}
	#story #content .container #follow{ padding:0px !important; position:fixed !important; bottom:290px !important; right:10px !important;}
	#cast #content #house { margin-left:-10px; width:1100px; }
	#cast #content .container #title { height: 250px; margin-left:98px; padding-left:50px; background:url('../img/story.png') bottom right no-repeat; }
	#BioContainer{ left:15px !important; }
	div.BioContent p.BioText{ -webkit-overflow-scrolling: touch; }
	#story #content #title { margin-left:110px;  }
	#story #content .container #title #drain{ background:url('../img/Drain_bigger.png') left bottom no-repeat; top:-75px; left:-400px; height:1024px; width:800px; }
	#story #content .container #title #interior .description{ top:75px; left:75px; }
	#story #content .container #title { height: 250px; margin-left:98px; padding-left:50px; background:url('../img/story.png') bottom right no-repeat; }
	#frontpage #content #title{ background:url('../img/Hitchcock_1126.png') left bottom no-repeat; height:1126px; width:700px;margin-left:75px; }
	#frontpage #content .container #title #hitchBox_home{ background:url('../img/home_1126.png') left bottom no-repeat; margin:0px 0px 0px 0px; padding:0px;height:1126px; width:700px; }
	#cast ul.cast.one {
		height:162px;
		z-index: 999;
		left: -160px;
		top: 40px;
	}
	#cast ul.cast.two {
		height:100px;
		z-index:99;
		top: 210px;
		left: -159px;
	}
	div.storyText { left:180px; }
	div.storyText .content{ -webkit-overflow-scrolling: touch; }
	#frontpage #content .container #gein{
		margin-top:360px;
		margin-left:10px;
	}
	
	.container #quotes
	{
		display: none;
	}
	
	.container #ipad_portrait_quotes
	{
		display: block;
		top: 40px;
		right: 50px;
		width: 249px;
	}	
}