/* Reset */	

* { padding: 0; margin: 0 auto; }
a img { border: none; }
a:focus { outline: none; }

.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container {display: inline-block;}
* html .clearfix, * html .container {height: 1%;}
.clearfix, .container {display: block;}

/* General */	

body { 
	background: #0b235e url(assets/splash/tile.png) repeat-x center top;
	margin: 0 auto;
	font: 10px/18px Arial, Tahoma, Helvetica, sans-serif; color: #fff; text-align: center; }
		
	
a { color: #82f5ff; text-decoration: none; }
a:focus, a:hover { color: #bbfaff; outline: none; text-decoration: none; }
	
#wrapper { 
	background: #0b235e url(assets/splash/main.jpg) no-repeat center top;
	width: 955px; } 

.thanks #wrapper { 	background: #0b235e url(assets/splash/main2.jpg) no-repeat center top; } 
	
h1#logo { background: url(assets/splash/logo.png) no-repeat top left; width: 309px; height: 138px; float: right; margin: 145px 200px 30px 0; } 
	
.content { background: url(assets/splash/content.png) no-repeat top left; width: 688px; height: 106px; padding: 12px 17px; clear: both; } 
.thanks .content { background: none; width: 873px; padding: 12px 0; }  

#join h2, h2#contribute, h4#skip, #join .submit { font-family: "proxima-nova-1", "proxima-nova-2", sans-serif; } 		

/* Contribute */	
h2#contribute { 
	width: 288px; 
	margin: 5px 0 0 14px; 
	float: right;
	font-size: 23px; 
	line-height: 21px; 
	text-transform: uppercase;
	text-align: center; } 
h2#contribute strong { display: block; font-size: 26px; } 
h2#contribute a { 
	background: url(assets/splash/contribute.png); 
	height: 68px; 
	padding: 28px 0 0 85px;
	display: block;
	color: #fff; 
	text-shadow: #03173d 1px 1px 2px;} 
h2#contribute a:hover { 
	background-position: 0 -96px; 
	padding: 25px 0 0 87px; 
	height: 71px; 
	font-size: 27px; 
	line-height: 23px;
	color: #fff; } 	
h2#contribute a:hover strong { 
	font-size: 29px; } 		
	
		
/* Join */
#join { width: 355px; padding: 17px 15px; float: left; text-align: left; } 
	
#join h2 { clear: both; text-transform: uppercase; font-size: 24px; } 		
	#join h2 a { color: #fff; text-shadow: #061b43 .5px .5px 1px; display: block; } 
	#join h2 a:hover { color: #82f5ff; text-shadow: #03173d 1px 1px 2px; } 		

#join form { width: 347px; padding-top: 10px; float: left; text-align: left; } 

#join .errors { 
	position: relative; top: 31px; left: 0;  z-index: 3;
	color: #fff; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; } 

				
	#join #email_error, #join #zip_error { float: left; text-align: center; } 
		#join #email_error {  width: 191px; } 
		#join #zip_error { width: 97px; margin-left: 8px; }   
	
	#join #email_error label, #join #zip_error label {  
		background: url(assets/img/invalid_bubble.png);
		width: 89px; height: 26px;
		display: block;
		padding: 14px 0 0 0; color: #011141; text-shadow: none; margin-top: -36px; } 
		
		
	#join .fields { position: relative; top: 0; left: 0; }

	#join .input { 
		background: url(assets/splash/fields.png) repeat-x 0 bottom; 
		padding: 7px;
		height: 25px;
		border: none;
		float: left;
		font-family: arial, helvetica, sans-serif; 
		font-size: 16px;
		font-weight: bold;
		color: #0b174c; }	
		
	#join .input:hover, #join .input:focus, #join .input.invalid { color: #fff; }	

	#join .email { background-position: 0 0; width: 177px; }
	#join .email:hover { background-position: 0 -39px; }	
	#join .email:focus { background-position: 0 -78px; }		
	#join .email.invalid { background-position: 0 -117px; }	

	#join .zip { background-position: -191px 0; width: 83px; margin-left: 8px; }
	#join .zip:hover { background-position: -191px -39px; }	
	#join .zip:focus { background-position: -191px -78px; }	
	#join .zip.invalid { background-position: -191px -117px; }	

	#join .submit { 
		background: url(assets/splash/go.png) no-repeat left top; 
		float: right;
		width: 42px; height: 38px; 
		border: none; padding-top: 1px;
		margin: 1px 0 0 2px; 
		cursor: pointer; display: block;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-shadow: #1c3e80 .5px .5px 1px;	}
	#join .submit:hover, #join .submit:hover  { background: url(assets/splash/go.png) no-repeat 0 -38px; }					
					
/* Skip */

h4#skip { clear: both; text-transform: uppercase; padding: 20px; }
	h4#skip a { color: #fff; text-shadow: #061b43 .5px .5px 1px; font-size: 16px; } 
	h4#skip a:hover { color: #82f5ff; text-shadow: #05142f 1px 1px 2px; } 					
		
/* Footer */

.footer { 
	padding: 20px; clear: both; 
	text-transform: uppercase; line-height: 12px; } 

	.footer span.paid { border: 1px solid #fff; padding: 3px 6px; }