/* User Styles
/	Designer: Steven Lindgren 
/	Version: 1.0
/	Framework: ZURB Foundation 5
/	Source: http://foundation.zurb.com/
*/	


body						{ font-family:  'Open Sans', sans-serif !important;  }


.branding-bar				{ width:100%; margin: 0px 0px 0px 0px; padding:5px 0px 5px 0px; background-color:#ffffff; }

#main-image                 { padding:140px 0px 140px 0px; margin:0px 0px 0px 0px; background:url(../img/main-bg.jpg) no-repeat bottom; }
@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
#main-image                 { padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; background:url(../img/main-bg.jpg) no-repeat bottom; }
}

.optin-wrap                  { border: 1px solid #2bb836; margin: 0 15px 15px 15px; padding: 0px 0px 0px 0px; background: #ffffff; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; }
.optin-wrap p                { margin: 0px 0px 0px 0px; padding: 10px 0px 30px 0px; text-align: center; color:#757575; }
.optin-top                   { background-color:#2bb836; text-align: center; font-weight: 500; color: #ffffff; display: block; padding: 5px 20px 5px 20px;}
.opt-in 				     { font-size: 11px!important; line-height:16px; color:#757575; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}	
.opt-in	a					 { color:#2bb836; }	



/* Top-Info Styles */
.top-info				    { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-info h1				{ color: #3e3e3e;  font-size: 50px; line-height: 50px; font-weight:300; letter-spacing:-1px; padding: 0px; margin: 0px 0px 0px 0px;  }
.top-info p				    { padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; color:#FFF; font-size:15px; font-weight:100; line-height:23px;}
.top-info sup               { position: relative; top: 0px; font-size:12px; vertical-align: super; font-weight:100; letter-spacing:0px;}
.top-info span              { color: #b71904; font-weight: 800; }



@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.top-info				    { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-info h1				{ color: #3e3e3e;  font-size: 25px; line-height: 28px; font-weight:300; letter-spacing:-1px; padding: 0px; margin: -40px 0px 30px 0px; text-align: center;  }
.top-info p				    { padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; color:#FFF; font-size:15px; font-weight:100; line-height:23px;}
.top-info sup               { position: relative; top: 0px; font-size:12px; vertical-align: super; font-weight:100; letter-spacing:0px;}
.top-info span              { color: #b71904; font-weight: 600; }

}


/* Mid Bar Styles */
.mid-bar				    { width: 100%;  background-color:#b71904; padding:5px 0px 5px 0px; margin:0px auto 0px auto; }
.mid-bar p				    {  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#ffffff; font-size:20px; font-weight:200; line-height: 20px; }
.mid-bar img				{  padding:0px 10px 0px 0px; margin:0px auto 0px auto; text-align:center; }


@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.mid-bar				    { width: 100%;  background-color:#ffffff; padding:15px 0px 15px 0px; margin:0px 0px 20px 0px; }
.mid-bar p				    { padding:7px 0px 0px 0px; margin:0px 0px 0px 0px; color:#ffffff; font-size:16px; font-weight:200; }
.mid-bar span               { font-size:24px;  text-align:center; color:#ffffff; text-transform:none;}
.mid-bar img				{ padding:0px 10px 10px 0px; margin:0px 0px 0px 0px;  }
}




/*reg styles*/
.reg-box					{ background: #ffffff; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 3px solid #2bb836; text-align: center; }
.reg-box-hdr                { background-color: #2bb836; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top-right-radius: 5px; border-top-left-radius: 5px;   }
.reg-box h1			        { color: #ffffff;  font-size:24px; font-weight:600; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align: center; line-height: 22px; }
.reg-box form				{ margin:0px; padding:0px;}
.reg-box label				{ font-size: 22px; font-weight:600 !important; margin:0px 0px 0px 0px; padding:0;  }
.reg-box input              { background:#FFF;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #2bb836; }
.reg-box-arrow			    {  margin: -8px 0px 20px 0px; text-align: center; padding: 0px;}



@media only screen and (max-width: 40em) { 
.reg-box					{ background: #ffffff; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 3px solid #2bb836; text-align: center; }
.reg-box-hdr                { background-color: #2bb836; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top-right-radius: 5px; border-top-left-radius: 5px;   }
.reg-box h1			        { color: #ffffff;  font-size:18px; font-weight:600; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align: center; line-height: 22px; }
.reg-box form				{ margin:0px; padding:0px;}
.reg-box label				{ font-size: 18px; font-weight:600 !important; margin:0px 0px 0px 0px; padding:0;  }
.reg-box input              { background:#FFF;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #2bb836; }
.reg-box-arrow			    {  margin: -8px 0px 20px 0px; text-align: center; padding: 0px;}

.reg-box-question           { font-size: 15px; margin:20px 0px 20px 0px; padding:0; font-weight:300; }
.reg-box-divider			{ border-bottom: 1px solid #c7c7c7; margin: 15px 30px 20px 30px; text-align: center;}	
.opt-in						{ font-size: 12px; line-height:18px; }
.opt-in	a					{ color:#005dab; }
.subinfo                    { font-size:11px; margin: -10px 0px 10px 0px; color:#68b6da; }
}




/*lower info*/
.lowerinfo			        { width: 100%; padding:70px 0px 70px 0px; margin:0px 0px 0px 0px; background-color:#ffffff;  }
.lowerinfo h1				{ color:#2bb836;  font-size: 18px; font-weight:500; padding: 0px; margin: 10px 0px 10px 0px; text-transform: uppercase; text-align: center;}
.lowerinfo p			    { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#4d4d4d; font-size:15px; font-weight:100; line-height: 18px; text-align: center;}
.lowerinfo img				{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; }



@media only screen and (max-width: 40em) { 
.lowerinfo				    { width: 100%; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; background-color:#ffffff; text-align:center;}
.lowerinfo h1				{ color:#2bb836;   font-size: 15px; font-weight:300; padding: 0px; margin: 0px 0px 10px 0px; }
.lowerinfo p			    { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#4d4d4d; font-size:14px; font-weight: 100; line-height: 18px; }
.lowerinfo img				{ margin: 10px 0px 5px 0px; padding:0; text-align:center;}

}




/*Page 2*/
.p2-info			        { width: 100%; padding:70px 0px 70px 0px; margin:0px 0px 0px 0px; background-color:#efefef;  }
.p2-info h1				    { color:#2bb836;  font-size: 25px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px; text-transform: uppercase; text-align: center;}
.p2-info h2				    { color:#4d4d4d;  font-size: 20px; font-weight:500; padding: 0px; margin: 20px 0px 20px 0px; text-decoration: underline;  text-align: center;}
.p2-info p			        { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#4d4d4d; font-size:15px; font-weight:100; line-height: 18px; text-align: center;}
.p2-info form				{ margin:0px; padding:0px;}
.p2-info label				{ font-size: 16px; font-weight:600 !important; margin:0px 0px 5px 0px; padding:0; text-align: center; }
.p2-info input              { background:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #2bb836;  }
.opt-in						{ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.opt-in p                   { font-size: 12px; line-height:18px; color:#4d4d4d; text-align: left; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px;}
.opt-in	a					{ color:#e8565d; }
.credit-logos			    { background: #ffffff; margin: 0px auto 20px auto; padding:10px 10px 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  text-align: center; }

@media only screen and (max-width: 40em) { 
.p2-info				    { width: 100%; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; background-color:#efefef; text-align:center;}
.p2-info h1			    	{ color:#2bb836;   font-size: 15px; font-weight:500; padding: 0px; margin: 0px 0px 10px 0px; }
.p2-info h2				    { color:#4d4d4d;  font-size: 15px; font-weight:500; padding: 0px; margin: 10px 0px 10px 0px; text-decoration: underline; text-align: center;}
.p2-info p			        { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#4d4d4d; font-size:14px; font-weight: 100; line-height: 18px; }
.p2-info form				{ margin:0px; padding:0px;}
.p2-info label				{ font-size: 16px; font-weight:600 !important; margin:0px 0px 5px 0px; padding:0; text-align: center; }
.p2-info input              { background:#FFF;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #2bb836; }
.opt-in						{ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.opt-in p                   { font-size: 12px; line-height:18px; color:#4d4d4d; text-align: left; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px;}
.opt-in	a					{ color:#e8565d; }

}





/*footer styles*/

.footer						{ width: 100%; height: auto;  background: #8b8b8b; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px;  }
.footer	p					{ color:#ffffff; font-weight: 300; font-size:12px; line-height: 18px; text-align: center; }
.footer a					{ color: #ffffff; text-decoration:none; }
@media only screen and (max-width: 40em) { 
.footer						{ width: 100%;  background: #8b8b8b; margin: 10px 0px 0px 0px; padding: 20px 0px 20px 0px; }
.footer	p					{ color:#ffffff; font-weight: 300; font-size:11px; line-height: 18px; text-align: center; }
.footer a					{ color: #ffffff; text-decoration:none; }
}


/*Thank You Page Styles*/

.thankyou-wrap		        {  padding:44px 0px 100px 0px; margin:0px 0px 0px 0px; background: #f8f8f8;}
.thankyou   				{  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#ffffff; margin: 60px 5px 60px 5px;padding:35px 35px 0px 35px; }
.thankyou h1                { color: #b71904;  font-size: 44px; font-weight:500; padding: 0px; margin: 0px 0px 0px 0px; }
.thankyou p					{ color:#4d4d4d; font-size:18px; font-weight:200; padding: 0px 0px 0px 0px; margin: 0px; line-height: 25px;}

@media only screen and (max-width: 40em) { 
.thankyou-wrap		        {  padding:44px 0px 44px 0px; margin:0px 0px 0px 0px; background-color:#a7d41f;}
.thankyou   				{  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#ffffff; margin: 30px 5px 30px 5px; padding:35px 15px 0px 15px; }
.thankyou h1                { color: #b71904;  font-size: 26px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px; }
.thankyou p					{ color:#4d4d4d; font-size:14px; font-weight:200; padding: 0px 0px 0px 0px; margin: 0px; line-height: 25px;}	
	
}



.clear						{ margin-bottom: 0px; clear: both; }
.center                     { margin: 0px auto 0px auto; text-align:center;}













