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


body		                        { margin: 0px; font-family: Open Sans, serif!important; }			   



/*************** Large Screens ****************/
#main-image                   {  width: 100%; height:auto; background: url(../img/main-bg.jpg) no-repeat bottom; background-size: cover; position: relative; z-index: 16; margin:0px 0px 0px 0px; padding:40px 0px 40px 0px; }

.branding-bar			        { width: 100%; height:auto; margin: 0px 0px 0px 0px; padding:5px 0px 5px 0px; background-color:#ffffff;  }

.top-info				           { width: 100%; background:url(../img/main_header_bg.jpg) no-repeat bottom;  background-size: cover; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-info h1				     { color: #ffffff;  font-size: 36px; font-weight:100; padding: 0px; margin: 0px 0px 0px 0px; text-transform: uppercase;  }
.top-info p				          { padding:0px 0px 10px 0px; margin:0px 0px 20px 0px; color:#ffffff; font-size:15px; font-weight:100; line-height:18px;}
.top-info .button              { margin: 0px 0px 20px 0px!important; text-transform: uppercase; font-size: 14px;}


.contact-hdr                    {  padding:0px 0px 0px 0px; margin:40px 0px 40px 0px; }
.contact-hdr h1		          { color: #343434;  font-size: 20px; font-weight:400; padding: 0px; margin: 0px 0px 20px 0px; }



.buildingcredit 		        { width: 100%; padding:50px 0px 50px 0px; margin:0px 0px 0px 0px; background-color:#fffff; }
.buildingcredit h1		      { color: #343434;  font-size: 20px; font-weight:400; padding: 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
.buildingcredit p             { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color: #343434; font-size:15px; font-weight:100; line-height:22px;}
.buildingcredit img          { padding:0px 0px 0px 0px; margin:0px 0px 30px 0px; }


.start                 		         { width: 100%; padding:80px 0px 80px 0px; margin:0px 0px 0px 0px; background-color:#f0f2f2; }
.start  h1            		       { color: #343434;  font-size: 20px; font-weight:400; padding: 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
.start  p                           { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color: #343434; font-size:15px; font-weight:100; line-height:22px;}


.footer						        { width: 100%;  background: #ffffff; margin: 0px 0px 0px 0px; padding: 80px 0px 80px 0px; text-align: center;}
.footer	p					       { color:#343434; font-weight: 100; font-size:12px; line-height: 20px; }
.footer a					       { color: #343434; text-decoration:underline; }
.footer img                      {margin: 0px 0px 20px 0px;}







/*************** Medium Screens ****************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {


}




/*************** Small Screens ****************/

@media only screen and (max-width: 40em) { 

#main-image                   {  width: 100%; height:auto; background: url(../img/main-bg.jpg) no-repeat bottom; background-size: cover; position: relative; z-index: 16; margin:0px 0px 0px 0px; padding:20px 0px 20px 0px; }
.branding-bar img           { width: 60%;}
	
.top-info				           { width: 100%; background:url(../img/main_header_bg.jpg) no-repeat bottom;  background-size: cover; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-info h1				     { color: #ffffff;  font-size: 26px; font-weight:100; padding: 0px; margin: 0px 0px 0px 0px; text-transform: uppercase;  }
.top-info p				          { padding:0px 0px 10px 0px; margin:0px 0px 20px 0px; color:#ffffff; font-size:15px; font-weight:100; line-height:18px;}
.top-info .button              { margin: 0px 0px 20px 0px!important; text-transform: uppercase; font-size: 12px;}
	
.buildingcredit 		        { width: 100%; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; background-color:#fffff; }
.buildingcredit  h1		      { color: #343434;  font-size: 20px; font-weight:400; padding: 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
.buildingcredit  p             { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color: #343434; font-size:15px; font-weight:100; line-height:22px;}

.start                 		         { width: 100%; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; background-color:#f0f2f2; }
.start  h1            		       { color: #343434;  font-size: 20px; font-weight:400; padding: 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
.start  p                           { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color: #343434; font-size:15px; font-weight:100; line-height:22px;}


.footer						        { width: 100%;  background: #ffffff; margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; text-align: center;}
.footer	p					       { color:#343434; font-weight: 100; font-size:12px; line-height: 20px; }
.footer a					       { color: #343434; text-decoration:underline; }
.footer img                      {margin: 0px 0px 20px 0px;}
}










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