body{
	font-family: Arial, Sans-Serif;
	padding: 0; 
	margin: 0; 
	background: #fff;
}

.fullSize{ 
	width: 100%;
	text-align: center;
	padding: 0; 
	margin: 0; 
}

.p1080{ width: 1080px; clear: both; margin: auto; text-align: left; }

.alignCenter{ text-align: center; }
.minHeight{ height: 6px; }
.avgHeight{ height: 14px; }
.maxHeight{ height: 24px; }


/* Global */
h1,h2,h3,h4{ margin: 0; padding: 0; }
h1{ letter-spacing: -0.2px; }
p{ margin: 0; padding: 0; font-size: 18px; line-height: 30px; }
.greyGrad{ background-image: linear-gradient(to right, #ffffff , #d2dcf4); }
.blueBkg{ background: #101f41; color: #fff; }
.lightgrayBkg{ background: #f5f5f5; border-bottom: solid 1px #ccc; }
.charcoalBkg{ background: #333; color: #fff; }
.gold{ color: #cc8800; }

.header{ color: #101f41; }
.helpButton{ background: #101f41; color: #fff; font-weight: bold; border: solid 1px silver; cursor: pointer; }
.helpButton:hover{ color: lime; }
.blueBar{ background: #101f41; color: #fff; }
.blueBar a{ color: #fff; text-decoration: none; }
.blueBar a:hover{ color: lime; }

.submitButton{ background: #101f41; color: #fff; padding: 8px 12px 8px 12px; font-weight: bold; border: solid 1px silver; cursor: pointer; }
.submitButton:hover{ color: lime; }


/* Feature Icons Area */
.quads{ clear: both; width: 100%; text-align: center; }
.q1,.q2,.q3,.q4{ clear: none; float: left; text-align: center; margin: 12px 0 12px 0; }
.qImg{ clear: left; float: left; width: 25%; }
.qImg img{ float: left; }
.qTxt{ clear: none; float: left; width: 75%; text-align: left; margin-top: 6px; }
	.qTxt h4 a{ color: #000; font-size: 18px; }
	.qTxt p { font-size: 11px; color: #777; }

/* Accolades Section */
.accolades{ clear: both; text-align: center; margin: auto; }
.accolades .eachA{ clear: none; float: left; max-width: 180px; margin: 0 36px 0 36px; }
.accolades .eachA img{ vertical-align: middle; }	
	
/* Mobile Phones */
.mobileOnly{ display: none; }
.noShow{ display: none; }

.pageFeatureImg{ clear: both; margin: auto; text-align: center; width: 100%; }

form{ background: #f3f3f3; border-radius: 6px; padding: 12px; }
.fullInput{ width: 99%; float: left; margin-top: 6px; padding: 6px; }

.profileImgs{ clear: both; margin: auto; text-align: center; width: 70%; }

/* Fullsize Bkg Image issues and fixes */


/* Devices smaller than 600px portrait or 765 landscape */
@media (max-width: 768px){

	.bkgImg{ background: url('/images/home-feature.jpg') no-repeat top center; background-size: 100% auto; padding-top: 120px; }

	.pcOnly{ display: none; }
	.clearsLeft{ clear: both; }
	.justClearLeft{ clear: both; }
	.clearsRight{ clear: both; }
	.clearsBoth{ clear: both; }
	.halves{ clear: both; width: 100%; }
	.p1080{ width: 98%; margin-left: 1%; }
	.p1080 p{ width: 98%; }
	/* End @media max-device-width: 599px */
	
	.mapBlock{ display: none; }
	.phoneBlock{ display: none; }
	.mobileOnly{ display: inline; }
	.mobileButtons{ clear: none; float: right; }
	
	.header .p1080 .halves:nth-child(1) .halves:nth-child(1){ width: 240px; clear: left; float: left; }
	.header .p1080 .halves:nth-child(1) .halves:nth-child(2){ width: 100px; clear: none; float: right; margin-right: 6px; }
	.header{ margin-top: 8px; }
	
	.mobileMenu{ display: none; clear: both; width: 100%; margin: 0; overflow: hidden; text-align: left; list-style-type: none; background: #101f41; color: #fff; padding: 12px 0 12px 0; }
	.mobileMenu li{ clear: both; width: 100%; line-height: 40px; text-indent: 24px; border-top: solid 1px #f3f3f3; }
	.mobileMenu li a{ color: #fff; font-weight: bold; text-decoration: none; }
	
	.show{ display: block; }
	
	
	.q1,.q2,.q3,.q4{ width: 100%; } 
	.qImg img{ margin-left: 25px; }
	
	h1{ text-align: center; font-size: 24px; }
	h2{ text-align: center; }
	h3{ text-align: center; }
	h4{ text-align: center; }
	p{ text-align: center; }
	
	.quads h4{ text-align: left; }
	.quads p { text-align: left; }
	
	.pageFeature, .profileImg{ width: 98%; }
	.pageFeature{ margin-top: 18px; margin-bottom: -5px; }
	.profileImg{ margin-bottom: 12px; margin-left: 4px; }
	
	.accolades .eachA img{ margin-left: 40%; margin-bottom: 18px; }
	
	
}

/* Devices smaller than 769 - 1100 */
@media (min-width: 769px) and (max-width: 1100px){
	.clearsLeft{ clear: left; }
	.clearsRight{ clear: right; }
	.clearsBoth{ clear: both; }
	.p1080{ width: 100%;  }
	.p1080 p{ width: 100%; }
	.halves{ clear: none; float: left; width: 50%; }
	
	/* Header */
		.header{ margin-top: 18px; }
		.header .logo{ margin-left: 8px; }
		.helpButton{ float: right; padding: 6px 10px 6px 10px; margin-right: 8px; }
		.phoneBlock{ text-align: center; font-size: 12px; }
		.mapBlock{ font-size: 10px; margin-left: 36px; }
	
		.topNav { clear: both; width: 1080px; margin: auto; text-align: left; line-height: 60px; }
		.topNav ul{ list-style-type: none; margin: 0; padding: 0; }
		.topNav ul li{ clear: none; float: left; margin-right: 16px; }
		.topNav ul li:last-child{ margin-right: 0px; }
		.topNav ul li:first-child{ margin-left: 8px; }
	
	/* Body */
	.halves h1{ margin-top: 24px; margin-left: 8px; }
	.halves h2, .halves h3{ margin-left: 8px; }
	.halves p{ margin-left: 8px; }
	
	.insertImage{ background: url('/images/Neil-Rockind-Profile.jpg') no-repeat bottom right; }
	
	.pageFeature{ max-height: 320px; float: right; }
	.blueBkg p{ }
	
	.pageFeatureImg{ clear: none; float: right; max-height: 320px; height: auto; width: auto; }
	
	/* Callouts */
	.callouts h3{ font-size: 30px; }
	
	.q1,.q2,.q3,.q4{ width: 50%; }
	.qImg img{ margin-left: 12px; }
	
	.profile h3{ font-size: 28px; }
	
	/* Footer */
	.addressBlock{ max-width: 25%; width: auto; }
	.footerNav{ clear: none; float: right; }
	.footerNav ul{ list-style-type: none; margin: 0; padding: 0; float: right; text-align: left; }
	.footerNav ul li{ clear: none; float: left; }
	
	.bkgImg{ background: url('/images/home-feature.jpg') no-repeat top right; background-size: contain; min-height: 340px; color: #333; }
	.bkgImg a{ color: white; font-style: italic; }
}

/* Over 1101 and over landscape */
@media (min-width: 1101px){
	.clearsLeft{ clear: left; }
	.clearsRight{ clear: right; }
	.clearsBoth{ clear: both; }
	.floatsRight{ clear: none; float: right; }
	.halves{ clear: none; float: left; width: 50%; }
	
	
	/* Header */
		.header{ margin-top: 36px; }
		.header a{ color: #101f41; }
		.phoneBlock{ text-align: center; font-size: 14px; }
		.mapBlock{ font-size: 12px; margin-left: 48px; }
		.helpButton{ float: right; padding: 8px 12px 8px 12px; }
		
		.topNav { clear: both; width: 1080px; margin: auto; text-align: left; line-height: 60px; }
		.topNav ul{ list-style-type: none; margin: 0; padding: 0; }
		.topNav ul li{ clear: none; float: left; margin-right: 40px; }
		.topNav ul li:last-child{ margin-right: 0px; }
		
	/* Body */
	.halves h1{ margin-top: 36px; }
	.halves p{  }
	.blueBkg p{  }
	
	.insertImage{ background: url('/images/home-feature.jpg') no-repeat bottom right; }
	.pageFeatureImg{ clear: none; float: right; max-height: 320px; height: auto; width: auto; }
	
	.pageFeature{ max-height: 350px; height: auto; float: right; }
	
	.taller p{ }
	
	/* Callouts */
	.callouts h3{ font-size: 30px; }
	
	.q1,.q2,.q3,.q4{ width: 25%; }
	.qImg img{ margin-left: 0px; }
	
	.profile h3{ font-size: 1.17em; }
	.profile ul{ line-height: 30px; font-size: 18px; }
	
	/* Footer */
	.addressBlock{ clear: none; float: left; max-width: 25%; width: auto; }
	.footerNav{ clear: none; float: right; margin-top: 24px; }
	.footerNav ul{ list-style-type: none; margin: 0; padding: 0; float: right; text-align: left; }
	.footerNav ul li{ clear: none; float: left; margin-left: 24px; }
	.footerNav ul li a{ color: #fff; }
	
	.bkgImg{ background: url('/images/home-feature.jpg') no-repeat top right; background-size: contain; color: #333; }
	.bkgImg a{ color: white; font-style: italic; }
	
	.profileImgs{ clear: left; float: left; width: 200px; margin-right: 24px; margin-bottom: 12px; }
}