/* User Styles
/	Designer: Steven Lindgren 
/	Version: 1.0
/	Framework: ZURB Foundation 5
/	Source: http://foundation.zurb.com/
*/	


.body						{ }


#main-image                 { width: 100%; background: url(../img/top-bg.jpg) no-repeat bottom; background-size: cover; position: relative; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.branding-bar				{ width: 100%; background: #ffffff; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#FFFFFF; }
.branding-bar p             { padding:15px 0px 0px 0px; margin:0px 0px 0px 0px; color: #444142; font-size:13px; font-weight:100; line-height:33px; text-align: center;}


@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.branding-bar				{ width: 100%; background: #ffffff; margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; background-color:#FFFFFF; }
.branding-bar a             { text-decoration:none; color: #005dab;}
}


/* Top-Info Styles */
.top-info				    { padding:50px 0px 0px 0px; margin:0px 0px 0px 0px;}
.top-info h1				{ color: #444142;  font-size: 45px; line-height: 45px; font-weight:400; letter-spacing:0px; padding: 0px; margin: 0px 0px 0px 0px; text-align: center;  }
.top-info p				    { padding:10px 0px 30px 0px; margin:0px 0px 0px 0px; color: #444142; font-size:22px; font-weight:100; line-height:23px; text-align: center;}
.top-info sup               { position: relative; top: 0px; font-size:12px; vertical-align: super; font-weight:100; letter-spacing:0px;}
.top-people					{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align: bottom; height: auto;}


@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.top-info				    { padding:20px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-info h1				{ color: #444142;  font-size: 26px; font-weight:400;line-height: 25px; letter-spacing:0PX; padding: 0px; margin: 0px 0px 10px 0px;}
.top-info p				    { padding: 0px 0px 10px 0px; margin:0px 0px 0px 0px; color:#444142; font-size:14px; font-weight:100; line-height:20px;  }
.top-info sup               { position: relative; top: 1px; font-size:11px; vertical-align: super; font-weight:100; letter-spacing:0px; }
.top-people  			    { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; }
}


/* Mid Bar Styles */
.mid-bar				    { width: 100%;  background-color:#f57f20; padding:40px 0px 40px 0px; margin:0px; }
.mid-bar h2                 { color: #ffffff;  font-size: 38px; line-height: 45px; font-weight:400; letter-spacing:0px; padding: 0px; margin: 0px 0px 20px 0px; text-align: center;  }
.mid-bar p				    {  padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color:#ffffff; font-size:20px; font-weight:200; 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:#f57f20; padding:20px 0px 20px 0px; margin:0px  }
.mid-bar h2                 { color: #ffffff;  font-size: 22px; line-height: 25px; font-weight:400; letter-spacing:0px; padding: 0px; margin: 0px 0px 10px 0px; text-align: center;  }
.mid-bar p				    {  padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; color:#ffffff; font-size:14px; font-weight:200; text-align: center; }
}







/*Reg Styles*/
.reg-box					{ background: #ffffff; margin: 0px 0px 0px 0px; padding:30px; color:#4f4f4f; opacity: 0.8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #ffcea6;}
.reg-box h1			        { color: #f57f20;  font-size: 25px; font-weight:500; padding: 0px; margin: 0px 0px 25px 0px; line-height: 33px; }
.reg-box h2			        { color: #444142;  font-size: 25px; font-weight:500; padding: 0px; margin: 0px 0px 10px 0px; line-height: 33px; text-align: center; }
.reg-box h3			        { color: #444142;  font-size: 18px; font-weight:300; padding: 0px; margin: 0px 0px 25px 0px; line-height: 23px; text-align: center; }
.reg-box form				{ margin:0px; padding:0px;}
.reg-box label				{ font-size: 13px; margin:0px 0px 0px 0px; padding:0; font-weight:500; color: #444142; }
.reg-box input              { background:#FFF; border: 1px solid #9d9d9d; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-question           { font-size: 15px; margin:5px 0px 15px 0px; padding:0; font-weight:100;}
.reg-buttons				{ margin:15px 0px 15px 0px; padding:0; }

.optin						{ border: 2px solid #f57f20; line-height:18px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.optin-left                 { background-color:#f57f20; text-align: center; margin: 0px; padding: 0px; height: 60px;}
.optin-left p               { font-weight: 600; color: #ffffff; margin: 0px; padding: 20px 0px 20px 0px; font-size: 14px;}
.optin-left input           { margin: 0px 5px 0px 0px; padding:0px 0px 0px 0px;}
.optin-right				{ background-color:#ffffff; text-align:left; padding: 0px; margin: 0px;}
.optin-right p              { font-weight: 100; font-size: 12px; color: #000000; line-height: 16px; margin:14px 0px 0px -20px; padding:0px 0px 0px 10px;}


@media only screen and (max-width: 40em) { 
.reg-box					{ background: #ffffff; margin: 0px 0px 0px 0px; padding:15px; color:#4f4f4f; }
.reg-box h1			        { color: #f57f20;  font-size: 20px; font-weight:500; padding: 0px; margin: 0px 0px 0px 0px; }
.reg-box h2			        { color: #444142;  font-size: 20px; font-weight:500; padding: 0px; margin: 0px 0px 10px 0px; line-height: 20px; text-align: center; }
.reg-box h3			        { color: #444142;  font-size: 15px; font-weight:300; padding: 0px; margin: 0px 0px 25px 0px; line-height: 18px; text-align: center; }.reg-box form				{ margin:0px; padding:0px;}
.reg-box label				{ font-size: 13px; margin:0px 0px 0px 0px; padding:0; font-weight:300; }
.reg-box input              { background:#FFF; border: 1px solid #9d9d9d; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-question           { font-size: 15px; margin:20px 0px 20px 0px; padding:0; font-weight:300; }

.optin						{ border: 2px solid #f57f20; line-height:18px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; margin: 10px 0px 30px 0px;}
.optin-left                 { background-color:#f57f20; text-align: center; margin: 0px; padding: 0px; height: 50px;}
.optin-left p               { font-weight: 600; color: #ffffff; margin: 0; padding: 15px 0px 20px 0px;}
.optin-left input           { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.optin-right				{ background-color:#ffffff; text-align:left; padding: 5px 15px 5px 5px; margin: 0px;}
.optin-right p              { font-weight: 100; font-size: 12px; color: #000000; line-height: 16px; margin:5px 0px 0px 0px; padding:0px; text-align: center;}
}





/*footer styles*/

.footer						{ width: 100%;  background-color:#e8ebed; margin:0px 0px 0px 0px; padding: 55px 0px 0px 0px; }
.footer	p					{ color:#4f4f4f; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color:#4f4f4f; text-decoration:none; }

@media only screen and (max-width: 40em) { 
.footer						{ width: 100%;  background-color:#e8ebed; margin: 0px 0px 0px 0px; padding: 55px 0px 0px 0px; }
.footer	p					{ color:#4f4f4f; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color:#4f4f4f; text-decoration:none; }
}



.clear						{ margin-bottom: 0px; clear: both; }
.center                     { margin: 0px auto 0px auto; text-align:center;}