h1		{ font-size: 16pt; font-family: Raleway, Tahoma, Geneva, sans-serif; color: #363636; margin: 20px; font-weight: 400; }
h1 span	{ color: #0077be; font-weight: bold; }
h2		{ font-size: 12pt; font-family: Source Sans Pro, sans-serif; color: white; background: #666; margin: 16px; max-width: 50%; padding: 6px; }
h3		{ font-size: 1.1em; color: white; margin: 12px; }
p		{ font-family: Arial, Helvetica, sans-serif; color: #363636; margin: 10px; font-size: 11pt; font-weight: normal; line-height: 1.3; letter-spacing: 0.3px; max-width: 520px; }
li, label { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #161616; margin: 10px; font-size: 0.90em; font-weight: normal; line-height: 1.2; padding-left: 15px; }
a		{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #0077be; text-decoration: none; font-size: 0.94em; }
a:hover	{ font-weight: bold; }
ul		{ list-style-type: none; }
ol		{ list-style-type: disc; margin-left: 18px; }
ol li	{ color: rgb(102, 102, 102); }

body	{ background: #0077be; }
section	{ max-width: 960px; margin: auto; background: #fff; }
section > img { display: block; width: 100%; height: auto; }

nav		{ background: white; min-height: 70px; text-align: right; }
nav ul	{ display: inline-block; vertical-align: middle; }
nav li	{ display: inline-block; margin: 20px; margin-top: 26px; }
nav li a	{ color: black; font-size: 10pt; font-weight: normal; }
nav li a:hover	{ color: #0077be; }
.selected	{ pointer-events: none; color: #0077be; font-weight: bold; }

.bodyCopy	{ padding: 60px; }
.h1Block	{ background: url(/img/greaterThan.png) no-repeat; min-height: 35px; margin-bottom: 30px; }
.h1Block h1	{ display: inline-block; margin: 4px; margin-left: 60px; }

.bodyLeft	{ width: 50%; display: inline-block; vertical-align: top; }
.bodyRight 	{ width: 50%; display: inline-block; vertical-align: top; }

.galleryThumb	{ display: inline-block; margin: 20px; vertical-align: middle; background: rgb(221, 221, 221); width: 170px; height: 170px; line-height: 166px; text-align: center; }
.galleryThumb:hover	 { outline: #666 solid 2px; }
.galleryThumb img   { vertical-align: middle; }

.galleryImages		{ background: rgba(0,0,0,0.25); }
.galleryImages img	{ max-width: 310px; margin: 6px; vertical-align: top; }

form	{ margin-top: 40px !important; width: 100%; max-width: 400px; }
input[type='text'], input[type='email'], input[type='phone'], textarea	{ float: right; width: 200px; background: #ddd; padding: 8px; }
fieldset	{ margin-bottom: 14px;  }
label		{ color: black; line-height: 30px; }
input, textarea		{ border-radius: 4px; padding: 2%; border: none; max-width: 388px; max-height: 180px; }
textarea			{ width: 90%; height: 150px; margin-top: 10px; }
input[type='submit']	{ background: #444; color: white; float: right; padding: 6px; padding-right: 10px; padding-left: 10px; }
input[type='submit']:hover	{ background-color: #111; cursor: pointer; }

footer	{ width: 100%; background: #0077be; padding: 34px 0 20px; }
.footerInner	{ max-width: 960px; margin: 0 auto; }
.footerColumns	{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.footerColumn h3	{ margin: 0 0 10px; color: #fff; font-size: 1.05em; font-family: Raleway, Tahoma, Geneva, sans-serif; }
.footerColumn ul	{ margin: 0; padding: 0; }
.footerColumn li	{ margin: 0 0 8px; padding: 0; color: #fff; }
.footerColumn p	{ margin: 0 0 8px; color: #fff; font-size: 0.9em; max-width: none; }
.footerLogo img	{ max-width: 170px; width: 100%; height: auto; }
footer a	{ color: #fff; font-size: 0.9em; text-decoration: none; }
footer a:hover	{ font-weight: normal; text-decoration: underline; }
.footerCopyright	{ margin: 20px 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.25); color: #fff; font-size: 0.8em; max-width: none; }

@media (max-width: 900px) {
	.bodyCopy	{ padding: 60px 20px; }
	.footerInner	{ padding: 0 20px; }
	.footerColumns	{ grid-template-columns: 1fr; gap: 18px; }
}
