@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body {
	font-family: 'Open Sans', sans-serif; background:#153F7D url(images/hdr-bg.png) repeat-x;
}
a {
	color: #2B73CE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-family: 'Open Sans', sans-serif;
}
h2 {
	font-family: 'Open Sans', sans-serif; color: #113A71;
}
h3 {
	font-family: 'Open Sans', sans-serif;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 93%;
	max-width:960px;
	margin:auto;
	padding:2%;
	background:#ffffff;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#header {
	height: 60px; text-align:center;
}
#sub-header { margin-bottom:10px; text-align:center;}
#content-left {
	width: 45%;
	float: left;
	padding:2%;
}
.embed-container {
    position: relative;
    padding-bottom: 47%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.timerBar { margin:14px auto; padding:10px; text-align: center; background: #FFFFCC; border:1px solid  #FFFF66;}
.red { color: #FF0000; font-weight:bold;}
#content-right {
	width: 45%;
	float: right;
	padding:2%;
}
form { 
	max-width:400px; 
	padding:20px; 
	margin:auto;
	background: #99FFFF;
	border:1px solid  #99CCCC;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
label {font-weight:bold; padding-top:12px; display:block; line-height:16px;}
.input {border:1px solid #C0C0C0;font-size:16px; margin:0 0 0px 0; padding:4px 10px; width:60%;}
.submit { margin:30px auto 10px; display:block; padding:2% 6%; font-size:24px; font-weight:bold; text-align:center;}
.LV_validation_message{font-weight:bold; margin:0 0 0 5px;}
.LV_valid {color:#00CC00;}	
.LV_invalid {color:#CC0000;}    
.LV_valid_field,input.LV_valid_field:hover,input.LV_valid_field:active,textarea.LV_valid_field:hover,textarea.LV_valid_field:active {border: 1px solid #00CC00;}    
.LV_invalid_field,input.LV_invalid_field:hover,input.LV_invalid_field:active,textarea.LV_invalid_field:hover,textarea.LV_invalid_field:active {border: 1px solid #CC0000;}
#benefits {padding:20px;}
ul
{
list-style-type: none;
padding: 0px;
margin: 10px 0 0 0;
}
ul li
{
background-image: url(http://cdn1.iconfinder.com/data/icons/musthave/24/Next.png);
background-repeat: no-repeat;
background-position: 0px 0px;
padding:0px 0 10px 30px;
}

#footer {
	clear: both;
	text-align:center;
}
.cta {font: bold 300% Arial, Helvetica, sans-serif; padding-top:1%; text-align:center;}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 93%;
	}

}

/* for 600px or less */
@media screen and (max-width: 600px) {
	body {
	font: .9em/115% Arial, Helvetica, sans-serif;
	}
	#content-left {
		width: auto;
		float: none;
	}
	#content-right {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 20px;
	}
	
}