@charset "UTF-8";
/* CSS Document */

body { background: url("images/bg.jpg") center top no-repeat; background-size:100%; margin: 0; padding: 0; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;  }
.intro { background: #336087; position: fixed; width: 100%; top:0; margin:0; padding: 0;}
.intro p { color: #fff; font-size: 12px; text-align:center; padding: 0; margin: 10px 0;}

#mainBox { margin: 100px auto 0; display:block; width: 485px; }
.logo { width: 200px; float: left; }
.logo img { width: 100%;}
.dividerHorzmobile { display:none; }
.dividerVert { background: #ccc; padding: 0; margin: 0 30px; width: 1px; float: left; height: 155px; }
.info { float: left; text-align: left; }
.info h1 { font-size: 30px; font-weight: bold; color:#656565; line-height: 35px; margin: 0;}
.info h2 { font-size: 13px; font-weight: normal; color: #6f6f70; text-transform:uppercase; line-height: 20px; margin: 0;}
.info ul { list-style-type: none; padding: 0; margin: 13px 0; }
.info ul li { font-size: 13px; color: #7d7d7d; line-height: 22px; padding-left: 23px; }
.info ul li.phone { background: url("images/phone.png") left 50% no-repeat; }
.info ul li.phone a { color: #7d7d7d; }
.info ul li.cell a { color: #7d7d7d; }
.info ul li.cell { background: url("images/cell.png") left 50% no-repeat; }
.info ul li.email { background: url("images/email.png") left 50% no-repeat; }
.info ul li.web { background: url("images/web.png") left 50% no-repeat; }
.dividerHorz { clear:both; background: url("images/address.png") center -8px no-repeat; padding: 0; margin: 15px 0 3px; height: 15px; width: 100%; float: left; border-top: 1px solid #ccc; }
.dividerHorz img { margin: 0 auto; }
.address { width: 100%; }
.address p { font-size: 13px; color: #7d7d7d; text-align:center; }


/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.dividerVert { display:none; }
		.intro { margin-bottom: 30px; }
		#mainBox { margin: 30px auto 0; display:block; width: 100%; }
		.logo { width: 60%; float: none; margin: 70px auto 30px; display:block; }
		.info { background: #fff; width:100%; }
		.info h1 { margin:30px 40px 0;}
		.info h2 { margin:0 40px;}
		.info ul { margin: 13px 40px 20px; }
		.dividerHorzmobile { background: #ccc; display:block; clear:both; padding: 0; margin: 0; height: 1px; width: 100%; float: left; }
		
	}