<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<title>Ransom Holding Co</title>
	
	<style>
	
		@font-face {
    font-family: 'TungstenBold';
    src: url('tungsten-bold.eot');
    src: url('tungsten-bold.eot?#iefix') format('embedded-opentype'),
         url('tungsten-bold.woff') format('woff'),
         url('tungsten-bold.ttf') format('truetype'),
         url('tungsten-bold.svg#TungstenBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamRoundedLight';
    src: url('gothamrnd-light.eot');
    src: url('gothamrnd-light.eot?#iefix') format('embedded-opentype'),
         url('gothamrnd-light.woff') format('woff'),
         url('gothamrnd-light.ttf') format('truetype'),
         url('gothamrnd-light.svg#GothamRoundedLight') format('svg');
}

@font-face {
    font-family: 'tungstenmedium';
    src: url('tungsten-medium-webfont.eot');
    src: url('tungsten-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('tungsten-medium-webfont.woff') format('woff'),
         url('tungsten-medium-webfont.ttf') format('truetype'),
         url('tungsten-medium-webfont.svg#tungstenmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'tungstensemibold';
    src: url('tungsten-semibold-webfont.eot');
    src: url('tungsten-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('tungsten-semibold-webfont.woff') format('woff'),
         url('tungsten-semibold-webfont.ttf') format('truetype'),
         url('tungsten-semibold-webfont.svg#tungstensemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'tungstenblack';
    src: url('tungsten-black-webfont.eot');
    src: url('tungsten-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('tungsten-black-webfont.woff') format('woff'),
         url('tungsten-black-webfont.ttf') format('truetype'),
         url('tungsten-black-webfont.svg#tungstenblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_roundedmedium';
    src: url('gothamrnd-medium-webfont.eot');
    src: url('gothamrnd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamrnd-medium-webfont.woff') format('woff'),
         url('gothamrnd-medium-webfont.ttf') format('truetype'),
         url('gothamrnd-medium-webfont.svg#gotham_roundedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_roundedmedium_italic';
    src: url('gothamrnd-medita-webfont.eot');
    src: url('gothamrnd-medita-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamrnd-medita-webfont.woff') format('woff'),
         url('gothamrnd-medita-webfont.ttf') format('truetype'),
         url('gothamrnd-medita-webfont.svg#gotham_roundedmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_roundedlight_italic';
    src: url('gothamrnd-lightita-webfont.eot');
    src: url('gothamrnd-lightita-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamrnd-lightita-webfont.woff') format('woff'),
         url('gothamrnd-lightita-webfont.ttf') format('truetype'),
         url('gothamrnd-lightita-webfont.svg#gotham_roundedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}




@font-face {
    font-family: 'gotham_roundedbook_italic';
    src: url('gothamrnd-bookita-webfont.eot');
    src: url('gothamrnd-bookita-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamrnd-bookita-webfont.woff') format('woff'),
         url('gothamrnd-bookita-webfont.ttf') format('truetype'),
         url('gothamrnd-bookita-webfont.svg#gotham_roundedbook_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_roundedbook';
    src: url('gothamrnd-book-webfont.eot');
    src: url('gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamrnd-book-webfont.woff') format('woff'),
         url('gothamrnd-book-webfont.ttf') format('truetype'),
         url('gothamrnd-book-webfont.svg#gotham_roundedbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
		html, body{
			margin: 0;
			padding: 0;
			background: black;
			height: 100%;
			font-family: 'GothamRoundedLight'
		}
		img{
			width: 100%;
			height: auto;
		}
		#bigMovie{
			height: 100%;
			width: auto;
		}
		#slides{
			width: 100%;
			height: 100%;
			overflow: hidden;
			text-align: center;
		}
		#image1{
			background-image: url(assets/splash1_low.jpg);
			background-size: cover;
			background-position: center center;
			width: 100%;
			height: 100%;
		}
		#image2{
			background-image: url(assets/splash2_low.jpg);
			background-size: cover;
			background-position: center center;
			width: 100%;
			height: 100%;
		}
		
		@media only screen and (max-width: 960px) {
			img{
			height: 100% !important;
			width: auto !important;
			}
		}
		
		
		#emailSignup{

			width: 360px;
			position: fixed;
			top: 170px;
			left: 50%;
			margin-left: -190px;
			padding: 20px;
			background-color: rgba(255, 255, 255, 1);
			text-align: center;
			border-radius: 3px;
			box-shadow: 0 10px 30px rgba(0,0,0,.3);
			padding: 25px 35px;
			color: #000;
		}
		
		#emailSignup h1{
			font-family: TungstenBold;
			font-size: 36px;
			text-align: center;
			margin-bottom: 10px;
			margin-top: 0px;
			text-transform: uppercase;
			font-weight: normal;
		}
		
		#closeButton{
			position: absolute;
			left: 400px;
			top: 10px;
			cursor:pointer;
		}
		
		.submitbtn {
			line-height: 35px;
			color: #000000;
			text-align: center;
			white-space: nowrap;
			text-transform: uppercase;
			font-weight: bold;
			font-family: 'gotham_roundedmedium';
			font-size: 15px;
			border: 1px solid #000000;		
			
			}
		
		   .styled-select select {
		   
		   }
	</style>
	
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<script type="text/javascript">
		$(function(){
			
				var windowWidth = $(window).width();
				var imageWidth = $("#bigMovie").width();
				var offset = (imageWidth/2) - (windowWidth/2);
				
				offset -= 50;
				
				$("#bigMovie").css("margin-left", "-"+offset + "px");
			
			$(window).resize(function(){
				
			});
			
			
			$("#closeButton").click(function(){
				$("#emailSignup").fadeOut();
			});
			
		});
	</script>

</head>
<body>
	
	
	

	<div id='slides'>
		<video id="bigMovie" height="100%" autoplay loop><source src="assets/ransom.mp4" type="video/mp4"><source src="assets/ransom.ogg" type="video/ogg"><div id="image1"></div></video>	</div>
	
	
	
	
	
	
	<div id="emailSignup">
		
		<div id="closeButton">
			<img src='x.png' />
		</div>
		
		<iframe src="http://www.ransomholdingco.com/signup.php" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="250px" width="360px"></iframe>
		
		
	</div>
	
	
</body>
</html>