/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, section, input, textarea {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	list-style:none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body {
	background:url(../images/body_bg.jpg) fixed;
	font-family:helvetica, sans-serif;
	}
a {
	color: inherit;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
h1, h2, h3 {
	font-weight:bold;
	margin-bottom:5px;
	}
h3 {
	font-size:14px;
	}
.hidden {
	display:none;
	}
.left {
	float:left;
	}
.left.column {
	width:50%;
	}
.right {
	float:right;
	}
.blue {
	color:#0A005E;
	}
.bold {
	font-weight:bold;
	}
hr.spacer {
	border:0;
	background:transparent;
	height:1px;
	padding:5px;
	margin:0;
	}
#page {
	width: 1000px;
	background:#fff;
	border:1px solid #B3B3B3;
	margin:10px auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
#header {
	height:200px;
	background:url(../images/header_logo.png) no-repeat 50% 50%;
	}

#mainContentArea {
	padding:0 20px;
	}
#mainContentArea.home {
	padding:0 20px;
	}

.home.left {
	width:650px;
	}

.pageTitle {
	font-size:24px;
	font-weight:bold;
	margin:10px 0;
	}
.pageTitle.light {
	font-weight:normal;
	}
p, ol {
	line-height:1.5em;
	font-size:14px;
	padding-top:10px;
	margin-bottom:10px;
	}
p.left, span.left {
	padding-right:20px;
	}
ul.locations {
	list-style:none;
	font-family: "lucida grande";
	line-height:25px;
	font-size:14px;
	margin:20px 0 0 110px;
	border: 1px solid #B3B3B3;
	padding: 0 0 10px;
	min-width:200px
	}
ul.locations.far.left {
	margin:0;
	}

ul.locations .title {
	background: #B3B3B3;
	padding: 5px;
	color: white;
	padding: 0 10px;
	text-align:center;
	}
ul.locations a {
	font-weight:bold;
	}
ul.locations li {
	padding:5px 10px;
	}

#nav {
	background:#f00;
	height:25px;
	margin-bottom:40px;
	}
#nav ul {
	list-style:none;
	text-align:center;
	position:relative;
	top:4px;
	}
#nav ul li {
	display:inline-block;
	}
#nav > ul > li > a, #nav > ul > li > ul {
	padding: 10px;
	background:#fff;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
	}
#nav > ul > li > a:hover {
	position:relative;
	top:-1px;
	text-decoration:none;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	}
#nav ul li ul {
	position:absolute;
	top:27px;
	display:none;
	z-index:2000;
	}
#nav ul li:hover ul {
	display:block;
	}

#nav ul li ul li {
	font-weight:normal;
	font-size:14px;
	margin-right:5px;
	}

.locationImage {
	width: 400px;
	height: 200px;
	border: 1px solid #555;
	}

#themap {
	width:600px;
	height:460px;
	border:1px solid #B3B3B3
	}
#themap div {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
	}
.infoWindowText {
	font-size: 13px;
	color: #666;
	font-family: lucida grande;
	line-height: 1.4em;
	}
.subTitle {
	color:#444;
	font-size:16px;
	font-weight:bold;
	font-family:georgia;
	}
.content {
	color:#666;
	font-family:georgia;
	font-size:14px;
	padding:0;
	margin-bottom:15px;
	}
.serviceImage {
	padding: 0 20px 20px 0;
	}
.serviceImage img {
	height:150px;
	}
#quickQuote {
	border:1px solid #bbb;

	margin:10px 0;
	background:#fafafa;
	font-size:12px;
	color:#777;
	padding:10px;
	width:300px;
	}
#quickQuote input, #quickQuote textarea, #quickQuote select {
	border-radius:3px;
	padding:5px;

	width:100%;
	}
#quickQuote .left {
	margin-left:20px;
	}
#quickQuote .left:first-child {
	margin-left:0 !important;
	}
#qqlogo {
	display:block;
	height:127px;
	width:100%;
	background:transparent url(../images/quickquote_logo.png) no-repeat 50% 50%;
	position:relative;
	top:-30px;
	}
#qqdesc {
	width:270px;
	height:150px;
	}
#qqnotes {
	height:150px;
	width:230px;
	}
#footer {
	padding:10px;
	font-size:12px;
	color:#777;
	border-top: 1px dashed #DDD;
	background: #F6F6F6;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}
#footer ul {
	list-style:none;
	font-size:inherit;
	line-height:inherit;
	padding-top:0;
	margin-bottom:0;
	}
#footer ul li {
	display:inline-block;
	margin-right:4px;
	}

/*Forms Styles*/
input, textarea {
	border:1px solid #aaa;
	padding:5px;
	font-size:14px;
	color:#888;
	margin-bottom:5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
select {
	margin-bottom:5px;
	}
input:focus, textarea:focus {
	border-color:#888;
	color:#555;
	}
input.error, textarea.error {
	border-color:#f99;
	}
label {
	font-size:12px;
	font-weight:bold;
	color:#555;
	display:block;
	}
label.error {
	color:#f55;
	margin-bottom:10px;
	cursor:pointer;
	}
#message {
	height:122px;
	width:250px;
	font-size:13px;
	}
.niceButton {
	border: 1px solid #AAA;
	background:	#F6F6F6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 10px;
	font-weight: bold;
	font-size: 12px;
	cursor:pointer;
	}
.niceButton:hover {
	background:#eee;
	}

.success {
	text-align:center;
	display:block;
	float:left;
	width:100%;
	}
.success .content {
	width:auto;
	padding:10px;
	background:rgba(000,255,000, .4);
	color:#333;
	border:1px solid #0f0;
	display:inline-block;
	}
