html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.img-circle {
    border-radius: 50%;
}

body { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; }
strong { font-weight: bold; }
#container { display: block; margin: 0 auto; overflow: hidden; }

/* Top */
.top { background: url('../images/speedometer-blur.jpg') no-repeat center center; background-size: cover; display: block; overflow: hidden; position: relative; }
.logo { display: block; margin: 0 auto; padding: 2em 0 0; width: 250px; }
h1 { color: #fff; display: block; font-family: 'Lato', sans-serif; font-size: 8em; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
.yellowHighlight { color: #ffe300; }
h2 { color: #fff; display: block; font-size: 3.25em; margin: 0 auto; padding: .15em 0; text-align: center; text-decoration: underline; text-shadow: 1px 1px 1px #000; width: 45%; }
.thanksPage h2 { border-bottom: none; text-align: center; padding: 0 5%; width: 90%; }
#contactForm { background: #fff; display: block; margin: 2em auto; padding: 2em; width: 30%; }
#contactForm input[type="text"], #contactForm input[type="tel"], #overlayForm input[type="text"], #overlayForm input[type="tel"] { display: block; font-size: 2em; margin: 0 0 1em; padding: 1% 1.5%; width: 96%; }
#submitForm, #overlaySubmit { background: #27e833; border:none; color: #fff; cursor: pointer; display: block; font-size: 2.5em; padding: .5em 0; text-align: center; text-transform: uppercase; width: 100%; }
.callContainer { color: #fff; display: block; font-size: 4em; margin-top: 10px; margin: .5em auto; overflow: hidden; text-align: center; width: 40%; text-transform: uppercase; }
.callContainer a { color: #fff; text-decoration: none; }
.callContainer .fillOut { display: block; font-size: .5em; padding: .5em 0 0; }
.error { color: red; display: none; font-weight: bold; padding: 0 0 1em }
.response { color: #fff; display: block; font-size: 1em; padding: 0 0 1em; text-align: center; }
.remoteWoman { position: absolute; bottom: 0; right: 10%; width: 225px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }

/* Middle */
.middle { display: block; margin: 3em auto; overflow: hidden; width: 75%; }
h3 { color: #465496; display: block; font-size: 5.25em; padding: 0 0 .25em; text-align: center; text-transform: uppercase; }
h3 span { color: #d60000; }
.addedApproval { color: #465496; display: block; font-size: 4em; padding: 0 0 .25em; text-align: center; }
.smallHeadline { display: block; font-size: 3em; text-align: center; }
.services { display: block; margin: 3em auto; overflow: hidden; }
.services li { float: left; width: 25%; }
.services li a { overflow: hidden; text-decoration: none; }
.services li img { display: block; margin: 0 auto; width: 90%; }
.services li .serviceName { background: #d60000; color: #fff; display: block; font-size: 2em; margin: 0 auto; text-align: center; text-decoration: none; padding: .3em 0; width: 90%; }
.services li .serviceDescription { display: block; font-size: 1.5em; line-height: 1.25em; margin: 1em auto; text-align: center; width: 90%; }
h4 { color: #585757; display: block; font-size: 5em; text-align: center; text-transform: uppercase; }
h4 span { color: #d60000; }

/* Bottom */
.bottom { background: #f6f6f6; border-top: 1px solid #cac8ca; padding: 2em 0 5em; }
.quote { display: block; margin: 0 auto 2.5em; }
.peopleSaying { display: block; font-size: 3em; font-weight: bold; padding: 0 0 2em; text-align: center; }
.testimonials { display: block; margin: 0 auto; overflow: hidden; width: 80%; }
.testimonials li { float: left; padding: 0 1.5%; min-height: 295px; position: relative; width: 30%; }
.testimonialPhoto { display: block; margin: 0 auto; position: relative; z-index: 10; }
.testimonialCopy { background: #fff; height: 100%; position: absolute; center: 0; padding: 10% 5% 5%; width: 80%; z-index: 5; }
.testimonialCopy p { display: block; font-size: 1.75em; line-height: 1.25em; padding: 0 2em 1em; text-align: center; }
.testimonialCopy span { color: #d60000; display: block; font-size: 2.25em; text-align: center; }
.testimonialCopy span:before {
	content: "-";
	display: inline-block;
	padding: 0 .15em 0;
}
.testimonialCopy span em { color: #000; font-size: .5em; font-style: italic; }

/* Footer */
.footer { background: blue; display: block; overflow: hidden; padding: 1em 0; text-align: center; }
.footer ul { display: block; overflow: hidden; padding: 1.25em 0; }
.footer li { border-right: 1px solid #fff; color: #fff; display: inline-block; font-size: 1.5em; padding: 0 1em 0; }
.footer li a { color: #fff; text-decoration: none; }
.footer li:last-of-type { border-right: none; }
.footer li:first-of-type { color: #ffe300; }

/* Overlay Styles */
#hiddenForm { display: none; }
#hiddenForm h5 { color: #d60000; display: block; font-size: 2.5em; line-height: 1.25em; padding: .25em 0; text-align: center; text-transform: uppercase; }
#hiddenForm p { color: #585757; display: block; font-size: 1.5em; padding: 0 0 1em; text-align: center; }
#hiddenForm p a { color: #d60000; text-decoration: none; }

#pooh, #poohOverlay { position: absolute; left: 0; top: 0; visibility: hidden; }