/* CSS RESET */

body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; } 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; } 
ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }

/* DESKTOP VERSION */

body {
	background: #ffffff url(../images/background.jpg) top left repeat-x; 
	font-family: 'Cuprum', Arial, serif;
	padding-top: 60px;	
	}
	
h1#logo	{
	background: url(../images/logo.gif) top left no-repeat;
	display: block;
	float: left;
	height: 30px;
	margin-bottom: -10px;
	text-indent: -90000px;
	width: 187px;
	}
	
.tagline {
	background: url(../images/tagline.gif) top left no-repeat;
	float: left;
	display: block;
	height: 30px;
	text-indent: -90000px;
	width: 228px;
	}
	
#content {
	background: #ffffff; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 0 8px #e1e9ef, 0 7px 0 8px #8bb4c7;
	-webkit-box-shadow: 0 0 0 8px #e1e9ef, 0 7px 0 8px #8bb4c7;
	height: 390px;
	margin: 25px 8px;
	}
	
#eyebrow {
	background: url(../images/eyebrow-back.jpg) top left repeat-x;
	border: 1px solid #2b73a5;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	box-shadow: 0 3px 0 0 #f1f4f7;
	-webkit-box-shadow: 0 3px 0 0 #f1f4f7;
	padding: 12px 20px 12px 20px;
	}
	
.quick-signup .caps {
	color: #ffffff;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: 500;
	line-height: 38px;
	text-shadow: 0px -1px #1e4c6e;
	text-transform: uppercase; 
	vertical-align: middle;
	}
	
	.quick-signup input#emailAddress {
		background: #ffffff;
		border: 4px solid #4780a7;
		border-radius: 3px;
		box-shadow: 0 1px 0 0 #32719f;
		-webkit-box-shadow: 0 1px 0 0 #32719f;
		-moz-box-shadow: 0 1px 0 0 #32719f;
		-moz-border-radius: 3px;
		margin-left: 10px;		
		padding: 6px;
		width: 38%;
		}
		
	.quick-signup input#emailAddress:focus {
		border: 4px solid #86afcf;
		-webkit-box-shadow: 0 1px 0 0 #679ec3;
		}
		
	.quick-signup input#quickSubmit {
		background: #ec8a2a;
		border: none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #ffffff;
		box-shadow: inset 0 1px 0 0 #f3b171, inset 0 -3px 0 0 #ae6116, 0 0 0 1px #526169, 0 0 0 3px #467ca2;
		-moz-box-shadow: inset 0 1px 0 0 #f3b171, inset 0 -3px 0 0 #ae6116, 0 0 0 1px #526169, 0 0 0 3px #467ca2;
		-webkit-box-shadow: inset 0 1px 0 0 #f3b171, inset 0 -3px 0 0 #ae6116, 0 0 0 1px #526169, 0 0 0 3px #467ca2;
		cursor: pointer;
		font-weight: bold;
		margin-left: 6px;	
		padding: 6px 12px 9px 12px;
		text-shadow: 0px -1px #875523;
		text-transform: uppercase;
		vertical-align: middle;
		}
	
	.quick-signup input#quickSubmit:hover { background: #ff8815; }	
	.quick-signup input#quickSubmit:active {
		background: #ec8a2a;
		box-shadow: inset 0 -2px 0 0 #ae6116, 0 0 0 1px #526169, 0 0 0 3px #467ca2;
		-moz-box-shadow: inset 0 -2px 0 0 #ae6116, 0 0 0 1px #526169, 0 0 0 3px #467ca2;
		-webkit-box-shadow: inset 0 -2px 0 0 #ae6116, 0 0 0 1px #526169, 0 0 0 3px #467ca2; 
		padding: 7px 12px 8px 12px;
		}
		
ul#steps {
	display: block;
	margin: 0px auto;
	width: 99%;
	}
		
ul#steps li {
	border-bottom: 1px solid #dceaf0;
	display: block;
	float: left;
	padding-top: 20px;
	position: relative;
	height: 250px;
	}
	
	ul#steps li h3 {
		color: #3e8cad;
		font-size: 20px;
		line-height: 18px;
		text-align: center;
		text-transform: uppercase;
		padding: 20px 0px;
		margin: 0px auto;
		width: 60%;
		}
		
	ul#steps li h4 {
		background: #3587a9;
		border-radius: 4px;
		-moz-radius: 4px;
		bottom: -14px;
		box-shadow: 0 0 0 3px #daecf3;
		-moz-box-shadow: 0 0 0 3px #daecf3;
		-webkit-box-shadow: 0 0 0 3px #daecf3; 
		color: #ffffff;
		display: block;
		font-size: 18px;
		line-height: 18px;
		font-weight: bold;
		font-family: 'Oswald', Arial, serif;
		opacity: 0.90;
		-moz-opacity: 0.90;
		left: 45%;
		position: absolute;
		padding: 4px 8px 4px 8px;
		text-align: center;
		text-shadow: 0 0 6px #cbe9f5;
		width: 14px;
		}
	
	ul#steps li.first {
		background: url(../images/stepone-back.jpg) bottom center no-repeat;
		width: 33%; }
	
	ul#steps li.second {
		background: url(../images/steptwo-back.jpg) bottom center no-repeat;
		border-left: 1px solid #e8f3f7;
		border-right: 1px solid #e8f3f7;
		border-collapse: collapse;
		width: 33.8%;
		}
		
	ul#steps li.third {
		background: url(../images/stepthree-back.jpg) bottom center no-repeat;
		width: 33%; 
		}
	
#footer {
	color: #8eb1c0;
	font-size: 12px;
	padding: 15px;
	}
	
#footer p {
	line-height: 14px;
	margin-bottom: 12px;
	max-width: 600px;
	}
	

/* MOBILE VERSION */

@media handheld, only screen and (max-width: 767px) {

body {
	padding-top: 20px;
	}

	}


/* IPHONE VERSION */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}



#content { padding: 20px; font-size: 14px; line-height: 24px;}
#content h2 {font-size: 28px; line-height: 40px;}
#content h3 {font-size: 18px; }