/* stylesheet created on 10-17-2009 by Joe Schaffer (jschaffer@gmail.com) for Todd Gates HSC (housecalls@gmail.com) +++ On behalf of Watson Wilcox Insurance */

body {
	background: #657d6b;
	font-size: 1.5em;
	font-family: "Myriad Pro", "Myrida Std", helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
	border-top: 5px solid #fff;
	overflow:scroll;
}

.clear {
	clear: both;
}

/* General Styles for the main containers +++ Typically you shouldn't need to edit this at all */

#site-container {
	width: 1021px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#callbox {
	float: right;
	margin: 0;
	margin-top: -20px;
	margin-right: 150px;
	padding: 0;
}

#container-top {
	margin-left: auto;
	margin-right: auto;
	height: 38px;
	width: 997px;
	background: transparent url(images/container-top.png) no-repeat;
}

#container-mid {
	margin-left: auto;
	margin-right: auto;
	width: 997px;
	background: transparent url(images/container-mid.png) repeat-y;
}

#container-bottom {
	margin-left: auto;
	margin-right: auto;
	height: 38px;
	width: 997px;
	background: transparent url(images/container-bottom.png) no-repeat;
}

p#copyright {
	float: right;
	margin: 0;
	margin-top: 20px;
	margin-right: 35px;
	color: #fff;
	font-size: 0.4em;
	font-weight: 100;
	font-family: arial, sans-serif;
}

/* Left Column Styles */

#leftcol {
	margin: 0;
	margin-left: 28px;
	float: left;
	width: 195px;
}

#leftcol ul {
	display: block;
	list-style-type: none;
	font-size: 0.6em;
	width: 164px;
	margin-left: -25px;
}

#leftcol li {
	border-bottom: 1px solid #e5e5e5;
	padding-top: 10px;
	padding-bottom: 10px;
}

#leftcol li#first-li {
	border-top: 1px solid #e5e5e5;
}

#leftcol a {
	text-decoration: none;
	color: #326d9a;
	margin-left: 8px;
}

#leftcol a:hover { color: #8dc63f; } /* please do not remove this, it's important for accessibility/usability reasons */
#leftcol a:active { color: #8dc63f; } /* please do not remove this, it's important for accessibility/usability reasons */
#leftcol a:focus { color: #8dc63f; } /* please do not remove this, it's important for accessibility/usability reasons */

/* Center Column Styles */

/* These styles are for short center colums (pages with 3 columns) */
#centercol-short {
	float: left;
	width: 520px;
	margin: 0;
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 0;
}

#centercol-short a {
	text-decoration: none;
	color: #326d9a;
	margin-left: 8px;
}

#centercol-short a:hover { text-decoration: underline; }
#centercol-short a:focus { text-decoration: underline; }
#centercol-short a:active { text-decoration: underline; }

img#hero-shot {
	margin-top: -30px;
}

#centercol-short h1 {
	color: #fff;
	font-weight: 400;
	font-size: 1em;
	line-height: 1em;
	width: 490px;
	margin: 0;
	padding: 0;
}

#centercol-short h1#hero {
	color: #3d5242;
	font-weight: 400;
	font-size: 1em;
	line-height: 1em;
	width: 490px;
	margin-top: 30px;
}

#centercol-short hr {
	height: 4px;
	width: 520px;
	border: none;
	background: transparent url(images/seperator-ctr-short-col.gif) no-repeat;
}

#centercol-short p {
	font-size: 0.55em;
	width: 490px;
}

#centercol-short .highlight {
	color: #326d9a;
	font-weight: 600;
}

/* These styles are for long center colums (pages with only 2 columns) */

#centercol-long {
	float: left;
	width: 687px;
	margin: 0;
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 0;
}

#centercol-long a {
	text-decoration: none;
	color: #326d9a;
}

#centercol-long a:hover { text-decoration: underline; }
#centercol-long a:focus { text-decoration: underline; }
#centercol-long a:active { text-decoration: underline; }

#centercol-long h1 {
	color: #fff;
	font-weight: 400;
	font-size: 1em;
	line-height: 1em;
	width: 687px;
	margin: 0;
	padding: 0;
}

#centercol-long hr {
	height: 4px;
	width: 701px;
	border: none;
	background: transparent url(images/seperator-ctr-long-col.gif) no-repeat;
}

#centercol-long p {
	font-size: 0.55em;
}

#centercol-long .faq-p {
	margin: 0;
	padding: 0;
}

#centercol-long p#faq-disclaimer {
	color: #555555;
	margin-top: 30px;
}

.testimonial {
	color: #7aae52;
	font-size: 1.45em;
}

.testimonial-person {
	font-weight: 900;
}

#centercol-long a.faq-top {
	display: block;
	font-size: 0.92em;
	font-weight: 600;
	margin-top: 5px;
}

#centercol-long h2.faq-h2 {
	font-size: 0.55em;
	color: #000;
	margin: 0;
	margin-top: 30px;
	padding: 0;
}

#centercol-long h2.faq-h2 a {
	text-decoration: none !important;
}

#centercol-long h2 a{
	color: #000;
}

#centercol-long ul li {
	font-size: 0.55em;
	display: block;
	margin: 0;
	padding: 0;
}

#centercol-long ul.faq-list {
	float: left;
	width: 275px;
	display: block;
	list-style-type: none;
	margin-top: -10px;
}

#centercol-long ul.faq-list li {
	margin-top: 30px;
}

#centercol-long ul.faq-list li {
	margin-left: -40px;
}

#centercol-long ul#rt-faq-list {
	margin-left: 30px;
}

/* Right Column Styles */

#rightcol {
	float: left;
	width: 181px;
	margin-top: 25px;
	padding-left: 10px;
}

#rightcol h2 {
	color: #000;
	font-size: 0.55em;
	font-weight: 600;
}

#rightcol .bump-rt-h2 {
	margin-top: 40px;
}

#rightcol h2.mainpage {
	color: #3d5242;
	font-size: 0.55em;
	font-weight: 500;
	text-transform: uppercase;
}

#rightcol p {
	font-size: 0.55em;
	font-weight: 100;
}

#rightcol hr {
	height: 4px;
	border: none;
	background: transparent url(images/seperator-rt-col.gif) no-repeat;
}

#rightcol a {
	text-decoration: none;
	color: #326d9a;
}

#rightcol a:hover { text-decoration: underline; }
#rightcol a:focus { text-decoration: underline; }
#rightcol a:active { text-decoration: underline; }

#rightcol a img {
	border: none;
}