/*
	CSS RESET & IMPORTS
-----------------------------------------------------------*/

	@import url('reset.css');
	@import url('//fonts.googleapis.com/css?family=Montserrat|Pacifico');

/*
	GLOBAL FORMATTERS
-----------------------------------------------------------*/

	body{
		font-family	: 'Montserrat', 'Lucida Grande', sans-serif;
	}

	#logo{
		font-family	: 'Pacifico', cursive;
		font-size	: 30px;
		padding		: 15px 2px;
	}

	a{
		color		: #0095cd;
	}

	.button {
		display		: inline-block;
		outline		: none;
		cursor		: pointer;
		text-align	: center;
		text-decoration: none;
		font		: 18px/100% 'Montserrat', 'Lucida Grande', sans-serif;
		text-transform: uppercase;
		padding		: 1.1em 2em 1.05em;
		text-shadow	: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow	: 0 1px 2px rgba(0,0,0,.2);
	}

	.blue{
		color		: #f3f5f6;
		border		: solid 1px #0076a3;
		background	: #0095cd;
		background	: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background	: -moz-linear-gradient(top, #00adee, #0078a5);
		filter		: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	}


/*
	MASTER LAYOUT
-----------------------------------------------------------*/

	body,html,#wrap{ height:100%; }

	#top{
		height		: 5px;
		margin-bottom:50px;
	}


	#left{
		float		: left;
		width		: 100%;
		height		: 100%;
		margin-bottom: -55px;
	}
		#screen{ margin-right:350px; height:100%; margin-bottom: -55px; }


	#right{
		float		: left;
		width		: 350px;
		margin-left : -350px;
		padding-top	: 10px;
	}
		#copy{

		}

		#logo{
			margin-right:50px;
		}

		#button{
			margin	: 10px 0 20px;
		}

		#reqform{
			position: absolute;
			top		: 100px;
			left	: 50%;
			width	: 510px;
			height	: 275px;
			margin-left: -250px;
		}
			#reqform #close{
				float:right;
				margin: 5px 10px;
			}
			#reqform h1{
				font-size: 3.0em;
				margin:20px 0;
			}
			#req{ margin:10px auto; width:480px; }
			#email,#reqsubmit{ float:left; }
			#reqsubmit{ margin-left:5px; }


	#footer{
		position	: fixed;
		bottom		: 10px;
		width		: 100%;
	}



/*
	FORMATTING
-----------------------------------------------------------*/

	#top{
		background-color: #444;
	}

	#logo{
		text-align	: right;
	}

	#copy{
		text-align	: left;
		font-size	: 2.5em;
	}

	#button{
		cursor		: pointer;
	}

	#reqform{
		background	: #fff;
		opacity		: 0.98;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
		box-shadow	: 0 2px 2px rgba(0,0,0,.2);
	}
		#reqform #close a{
			color	: #aaa;
			text-decoration: none;
			font-size: 2.0em;
		}
		#reqform p{
			padding	: 0.95em;
			line-height: 1.5em;
		}
		#reqform input[type="email"]{
			font-size:19px;
			-webkit-border-radius: .5em;
			-moz-border-radius: .5em;
			border-radius: .5em;
			padding:.85em .5em;
			width:310px;
		}
		#reqloader{
			position:relative;
			top: 20px;
			left: 300px;
		  	background:url('loading-16x16.gif') top left no-repeat;
		  	width:16px;
		  	height:16px;
		}

	#screen{
		max-width	: 100%;
		max-height	: 100%;
		background	: top left no-repeat;
		background-size: contain;
	}
		@media all and (min-width:1451px ){
			#screen{ background-image: url('screen-1600.png'); }
		}
		@media all and (max-width: 1450px) and (min-width:1201px ){
			#screen{ background-image: url('screen-1344.png'); }
		}
		@media all and (max-width: 1200px) and (min-width:851px ){
			#screen{ background-image: url('screen-1024.png'); }
		}
		@media all and (max-width: 850px){
			#screen{ background-image: url('screen-800.png'); }
		}




	#footer{
		text-align	: center;
		font-size	: 11px;
		font-weight	: 100;
		color		: #888;
	}