/* 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: #0056a5 url(assets/splash/tile.jpg) no-repeat center top;
	margin: 0 auto;
	font: 10px/18px Arial, Tahoma, Helvetica, sans-serif; color: #fff; text-align: center; }
	
a { color: #fff; text-decoration: none; }
a:focus, a:hover { color: #cff5ff; outline: none; text-decoration: none; }
	
#wrapper { width: 970px; } 
	
h1#logo { padding: 20px 0 33px; } 
h1#logo a { background: url(assets/splash/logo.png); width: 310px; height: 144px; display: block; } 
	
.content {width: 330px; padding: 32px 0 0 230px; clear: both; } 
	.join .content { padding: 32px 0 0 360px; } 

/* Contribute */	
	
h2#contribute { width: 329px; height: 80px; padding: 0; clear: both; } 		
	h2#contribute a { background: url(assets/splash/contribute.png); height: 73px; display: block; } 
	h2#contribute a:hover { background-position: 0 -73px; } 		
	h2#contribute a:active { background-position: 0 0; } 	
	
/* Contribute */	
				
/* Join */

#join {
	background: url(assets/splash/join_bg.png) no-repeat; 
	width: 295px; height: 77px;
	padding: 17px 17px 17px 21px; 
	clear: both; } 
#join:hover { background-position: -330px 0; } 

#join h2 { width: 198px; height: 20px; overflow: hidden; margin: 0; float: left; } 		
	#join h2 a { background: url(assets/splash/join.png); height: 20px; display: block; } 
	#join h2 a:hover { background-position: 0 -20px; } 		

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

#join .errors { 
	position: relative; top: -9px; left: 0;  z-index: 3; 
	color: #fff; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; } 
	
	#join #email_error { float: left; padding-left: 25px; } 
	#join #zip_error { float: right; padding-right: 55px;}  
				
	#join #email_error, #join #zip_error { width: 89px; } 
			
	#join #email_error label, #join #zip_error label {  
		background: url(assets/splash/invalid_bubble.png);
		width: 89px; height: 24px;
		display: block;
		padding: 12px 0 0 0;  } 
		
	#join .fields { position: relative; top: 0; left: 0; }

	#join .input { 
		background: none; 
		padding: 11px 9px;
		border: 0;
		font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #bf1e2e; }

	#join .email { width: 118px; }
	#join .zip { width: 72px; margin-left: 3px; }

	#join .submit { 
		background: url(assets/splash/go.png) no-repeat left top; 
		float: right;
		width: 46px; height: 39px; 
		border: none;
		margin: 1px 0 0 5px; 
		cursor: pointer; display: block; }
	#join .submit:hover, #join .submit:hover  { background: url(assets/splash/go.png) no-repeat 0 -39px; }					
					
/* Skip */

h4#skip { width: 363px; height: 16px; padding: 30px 0 20px 0; clear: both; }
	h4#skip a { background: url(assets/splash/skip.png) no-repeat 0 0; height: 16px; display: block; overflow: hidden; } 
	h4#skip a:hover { background-position: 0 -16px; } 					
		
/* Footer */

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

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