/* ======= CSS Resets ======= */
*, *::before, *::after {box-sizing: border-box;}
table {border: none; border-spacing: 0;}
table td {vertical-align: top;}
table img {display: block;}
img {border: none;}
figure {margin: 0; padding: 0}

/* ======= Core Styles ======= */
body {font-family: tahoma, helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #929292; margin: 0 1px;}
td {margin: 0; padding: 0;}
p {margin: 0 0 10px 0;}
h1, h2 {font-size: 11px; line-height: 14px; color: #4974A3; font-weight: bold; margin: 0; padding: 0}
h2 a {color: #4974A3; text-decoration: none;}

a {color: #4974A3; text-decoration: underline;}
a:hover {color: #C10000;}

img.inset-image {float: left; margin: 0 10px 0 0;}

/* ======= Header ======= */
header {}
header figure img {display: block;}
header .banner {position: relative; width: 100%; background: url("images/banner_bg.jpg") repeat-x;}
header .banner img {display: block;}

/* Navigation */
.nav {position: absolute; top: 0; left: 0; list-style: none; margin: 0; padding: 0;}
.nav li {float: left; width: 82px; font-size: 10px; line-height: 35px; color: #bbb; font-weight: bold; text-align: center;}
.nav li a {display: block; color: #929292; text-decoration: none;}
.nav li a:hover {color: #444444; text-decoration: none;}

/* ======= Content Section ======= */
main {margin: 0; display: flex;}
figure.heading img {display: block;}
.left-col {width: 376px; border-right: 1px dashed #bebebe;}
.right-col {width: 391px;}
.right-col .content {padding: 0 0 0 20px;}
.left-col, .right-col {padding-bottom: 35px;}
.left-col .content {padding: 0 20px;}
.left-col .content p:last-child {margin: 0;}

/* ======= Footer ======= */
footer {clear: both; width: 100%; background: url('images/footer_bg.gif') repeat-x;}
footer .container {width: 766px; height: 100px; background: url('images/footer.gif') no-repeat;}
p.copyright {text-align: left; padding: 3px 0px 9px 500px; margin: 0;}
p.links {font-size: 11px; font-weight: normal; color: #aaa; width: 480px; text-align: center; margin: 0;}
p.links a {color: #4974A3; text-decoration: none;}
p.links a:hover {text-decoration: underline;}

/* ========== Home =========== */
.teamPic {float: left; margin: 0 10px 0 0;}
.services {margin-left: 20px;}
.services tr td {padding: 10px 15px 0px 20px;}
.services tr.top td {padding-top: 5px; padding-bottom: 15px; border-bottom: 1px dashed #bebebe;}
.services td.left {padding-left: 0; width: 170px; border-right: 1px dashed #bebebe;}

.services p {margin: 0;}
.services p.link {font-weight: bold; margin: 0}
.services p.link em {font-style: normal; font-weight: normal; color: #C10000;}

/* ======= About Us Page ======= */
.team-profile {margin: 10px 10px 10px 0px; clear: both; border-bottom: 1px dashed #bebebe; overflow: hidden;}
.team-profile:last-child {margin-bottom: 0; border-bottom: none;}
.team-profile h3 {line-height: 1; margin: 0 0 3px 0; font-weight: bold; color: #4974A3;} {}
.team-profile .profile-photo {float: left; margin: 0 8px 10px 0;}

/* ======= Right Col Services (Common) ======== */
.service {padding: 10px 0; border-bottom: 1px dashed #bebebe;}
.service:first-child {padding-top: 0;}
.service:last-child {padding-bottom: 0; border-bottom: none;}
.service p {margin: 0;}
.service p a {font-weight: bold;}
.service p em {font-style: normal; font-weight: normal; color: #C10000;}

/* ========= Testimonials ========= */
.testimonial {margin: 0 0 15px 0;}
.testimonial .quote {font-size: 12px; line-height: 15px;}
.testimonial .client {color: #4974A3; font-weight: bold; margin-top: 5px; margin: 0} 
.testimonial .client a {color: #4974A3; text-decoration: underline;} 
.testimonial .client a:hover {color: #C10000;}

/* ======== Contact Form ======== */
input, select, textarea {font-family: inherit; font-size: 11px; color: #333333; border: 1px solid #ccc;}
input[type="text"] {width: 180px; height: 24px;}
textarea {width: 180px; height: 100px;}
.button {background: #4974A3; color: #fff; border: none; line-height: 26px; width: 50%; padding: 0 10px;}
.buttons-container {clear: both; margin: 20px 0 0 0;}

.form-fields {margin: 0; padding: 0; list-style: none; overflow: hidden;}
.form-fields li {display: block; clear: both; line-height: 26px; margin: 0 0 5px 0;}
.form-fields li label {float: left; width: 110px; }
.form-fields li span {display: inline-block;}


.checkbox-group {margin: 0; padding: 0; list-style: none; overflow: hidden;}