/*



Company:	Auto Insurance Quote



File:		main.css - This contains all the main styles for the website.







All the styles are separted into the following groups:



Global Browser Reset - this is handled by the reset-fonts.css file from YUI



HTML, Body - for the html and body tags



Layout - styles that define the layout of the site



Modules - styles for content modules



Nav - navigation bar



Default Headings - headings like h1, h2, etc



Common Text Styles - Styles for text



Default Lists - unordered and ordered lists



Forms - html forms



Default Links - links



Misc - anything that doesn't fit elsewhere



*/







/* @group HTML, Body */



html {



	background: url(../images/home-page-bkg.jpg) no-repeat 50% 0 #f0f0f0;



}



body {



	



}



/* @end */







/* @group Layout */



body.home div.hd-wrap {



	background: url(../images/home-hd-bkg.jpg) no-repeat 50% 0;



}



body.inside div.hd-wrap {



	background: url(../images/inside-hd-bkg.jpg) no-repeat 50% 0;



}



/* Head */



div#hd {



	width: 930px;



	margin-left: auto;



	margin-right: auto;



	overflow: hidden;



}



body.home div#hd {



	height: 445px;



}



body.inside div#hd {



	height: 279px;



}







/* Body */



div#bd {



	width: 930px;



	margin-left: auto;



	margin-right: auto;



	background: url(../images/vert-dots.gif) repeat-y 586px 0;



}



body.home div#bd {



	padding: 0 0 0 0;



}



body.inside div#bd {



	background: url(../images/vert-dots.gif) repeat-y 345px 0;



	margin-bottom: 20px;



}







/* Footer */



div#company-logos {



	background: url(../images/company-logos-bkg.gif) repeat-x 0 0;



	height: 84px;



	clear: both;



	text-align: center;



}



div#company-logos p {



	width: 930px;



	margin: 0;



	height: 84px;



	background: url(../images/company-logos.gif) no-repeat 0 0;



	text-indent: -9000px;



	margin-left: auto;



	margin-right: auto;



}



div#ft {



	background: url(../images/ft-bkg.gif) repeat-x 0 0 #222;



}



div#ft-inner {

	width: 930px;



	margin-left: auto;



	margin-right: auto;



	padding: 10px 0;



}



div#ft-left {



	width: 620px;



	padding: 5px 0 0 0;



	float: left;



	display: inline;



}



div#ft p {



	margin: 0 0 5px 0;



	text-transform: uppercase;



	font-size: 77%;



	color: #bbb;



}



div#ft a:link, div#ft a:visited {



	color: #bbb;



	text-decoration: none;



}



div#ft a:hover {



	text-decoration: underline;



}







/* Logo */



div#ft-logo {



	width: 292px;



	height: 39px;



	background: url(../images/ft-logo.gif) no-repeat 0 0;



	text-indent: -9000px;



	float: right;



	display: inline;



}



div#ft-logo a {



	display: block;



	height: 100%;



}



/* @end */







/* @group Modules */



/* Logo */



div#logo {



	width: 441px;



	height: 52px;



	background: url(../images/logo.gif) no-repeat 0 0;



	text-indent: -9000px;



	margin: 0 0 20px 0;



}



div#logo a {



	display: block;



	height: 100%;



}



body.inside div#logo {



	background: url(../images/logo-inside.gif) no-repeat 0 0;



}







/* Home Feature */



div.home-feature {



	width: 370px;



	margin: 30px 35px 0 0;



	float: right;



	display: inline;



}



div.home-feature h2 {



	font-size: 246%;



	margin: 0 0 46px 0;



	font-family: Georgia, Times, serif;



	color: #fff;



	font-weight: bold;



}



div.home-feature label {



	font-size: 108%;



	color: #a2cef9;



	padding: 0 5px 0 36px;



	vertical-align: middle;



}



div.home-feature input.txt {



	padding: 5px;



	vertical-align: middle;



	width: 143px;



}



div.home-feature input.btn {


	margin: 15px 0 0 105px;



}







/* Inside Feature */



div.inside-feature {



	width: 520px;



	margin: 20px 35px 0 0;



	float: right;



	display: inline;



}



div.inside-feature h2 {



	font-size: 197%;



	margin: 0 0 22px 0;



	font-family: Georgia, Times, serif;



	color: #fff;



	font-weight: bold;



}



div.inside-feature label {



	font-size: 108%;



	color: #a2cef9;



	padding: 0 5px 0 110px;



	vertical-align: middle;



}



div.inside-feature input.txt {



	padding: 9px 5px;



	vertical-align: middle;



	width: 143px;



}



div.inside-feature input.btn {



	margin: 0 0 0 0;



	vertical-align: top;



}







/* Home Main */



body.home div.main {



	width: 575px;



	padding: 10px 0 0 0;



	float: left;



	display: inline;



}



/* Home Main */



body.home div.pickform {



	width: 931px;



	padding: 0 0 0 0;



	float: left;



	display: inline;



}

body.inside div.main {



	width: 570px;



	padding: 0 0 0 0;



	float: right;



	display: inline;



}



div.main-content {



	width: 490px;



	float: left;



	display: inline;



}







/* Home Side */



body.home div.side {



	width: 329px;



	float: right;



	display: inline;



}



body.inside div.side {



	width: 329px;



	float: left;



	display: inline;



}







/* Quote Box */



div.quote-box {



	width: 547px;



	background: url(../images/testimonial-bkg.jpg) no-repeat 0 0;



	min-height:184px;



	height:auto !important;



	height:184px;



}



div.quote-box blockquote {



	width: 340px;



	margin: 0;



	padding: 20px 22px 0 22px;



	height: 155px;



}



div.quote-box blockquote p {



	font-family: Georgia, Times, serif;



	font-style: italic;



	color: #2e6195;



}



div.quote-box blockquote p.big {



	font-size: 138.5%!important;



}



body.home div.main div.quote-box p.photo-caption {



	width: 148px;



	text-align: center;



	color: #000;



	line-height: 120%;



	float: right;



	display: inline;



}



body.home div.main div.quote-box p.photo-caption span.fromstate {



	color: #ee8800;



	font-family: Georgia, Times, serif;



	font-style: italic;



	font-size: 93%;



}







/* State Chooser */



div.state-chooser {



	margin: 0 0 30px 0;



}



div.state-chooser p {



	padding: 0 0 0 45px;



	color: #2e6195;



}



div.state-selector {



	width: 271px;



	height: 174px;



	background: url(../images/state-selector.gif) no-repeat 0 0;



	text-align: center;



	margin-left: 40px;



}



div.state-selector select {



	margin: 33px 0 0 0;



	width: 180px;



}







/* Articles */



ul.articles {



	margin: 0;



	padding: 0 0 0 25px;



}



ul.articles li {



	list-style: none;



	background: url(../images/icon-paperclip.gif) no-repeat 0 1px;



	padding: 0 0 0 33px;



	border-bottom: 1px dotted #a3a3a3;



	margin: 0 0 10px 0;



}



ul.articles li h4 {



	font-size: 93%;



}



ul.articles li p {



	font-size: 93%;



	color: #444;



}



ul.articles li p.date {



	color: #999;



	margin: 0 0 4px 0;



	font-size: 85%;



}



p.view-all {



	text-align: right;



	font-weight: bold;



	font-family: Georgia, Times, serif;



	font-size: 108%;



}



ul.articles-summary {



	margin: 0 0 25px 0;



	padding-top: 5px;



}



ul.articles-summary li {



	background: url(../images/article-icon.gif) no-repeat 0 0;



	padding: 0 10px 7px 29px;



	border: none;



	margin: 0 0 10px 0;



}



ul.articles-summary li h4 span.date {



	font-weight: normal;



	color: #999;



	font-size: 85%;



	padding-left: 3px;



}







/* Submenu */



ul.submenu {



	margin: 0 0 30px 0;



	padding: 0;



}



ul.submenu li {



	list-style: none;



	margin: 0 0 5px 25px;



}



ul.submenu li a {



	display: block;



	background: url(../images/submenu-arrow.gif) no-repeat 0 50%;



	padding: 5px 0 5px 25px;



	border-bottom: 1px dotted #a3a3a3;



	font-weight: bold;



	width: 277px;



}







/* Datebox */



div.datebox {



	width: 54px;



	height: 63px;



	background: url(../images/date-box-bkg.gif) no-repeat 0 0;



	text-align: center;



	margin: 0 20px 0 0;



	float: left;



	display: inline;



}



div.datebox span {



	margin: 0;



	line-height: 100%;



	display: block;



}



div.datebox span.month {



	padding: 6px 0 0 0;



	color: #18161f;



	font-weight: bold;



	font-size: 93%;



}



div.datebox span.day {



	color: #fff;



	font-size: 182%;



	font-weight: bold;



	font-family: Georgia, Times, serif;



	line-height: 95%;



}



/* @end */







/* @group Nav */



/* Util Nav */



div#util-nav {



	height: 30px;



}



div#util-nav ul {



	margin: 0;



	padding: 0;



	width: 185px;



	float: right;



	display: inline;



}



div#util-nav ul li {



	float: left;



	display: inline;



}



div#util-nav ul li a {



	display: block;



	text-transform: uppercase;



	font-size: 85%;



	font-family: Tahoma, Arial, sans-serif;



	line-height: 25px;



}



div#util-nav ul li#un-about {



	margin: 0 30px 0 0;



}



div#util-nav ul li#un-about a {



	background: url(../images/icon-about.gif) no-repeat 0 50%;



	padding: 0 0 0 20px;



}



div#util-nav ul li#un-contact {



	margin: 0 0 0 0;



}



div#util-nav ul li#un-contact a {



	background: url(../images/icon-contact.gif) no-repeat 0 50%;



	padding: 0 0 0 20px;



}



div#util-nav ul li a:link, div#util-nav ul li a:visited {



	color: #6994bf;



	text-decoration: none;



}







/* Nav */



div#nav {



	height: 38px;



}



div#nav ul {



	margin: 0;



	padding: 9px 15px 0 0;



	float: right;



	display: inline;



}



div#nav ul li {



	list-style: none;



	float: left;



	display: inline;



}



div#nav ul li a {



	display: block;



	line-height: 26px;



	text-transform: uppercase;



	font-size: 108%;



}



div#nav ul li a span {



	display: block;



	line-height: 26px;



	padding: 0 10px;



}



div#nav ul li a:link, div#nav ul li a:visited {



	color: #fff;



	text-decoration: none;



}



div#nav ul li a:hover, div#nav ul li a.active {



	background: url(../images/nav-hover-right.gif) no-repeat 100% 0;



	color: #0b3764!important;



}



div#nav ul li a:hover span, div#nav ul li a.active span {



	background: url(../images/nav-hover-left.gif) no-repeat 0 0;



}



/* @end */







/* @group Default Headings */



body.home div.main h1 {



	font-size: 277%;



	margin: 0;



	font-family: Georgia, Times, serif;



	font-weight: normal;



	color: #000;



	line-height: 100%;



	padding: 0 0 0 5px;



}



body.home div.main h2 {



	font-size: 197%;



	margin: 0 0 10px 0;



	padding: 0 0 6px 5px;



	background: url(../images/hr.gif) repeat-x 0 100%;



	font-family: Georgia, Times, serif;



	font-weight: normal;



	color: #2e6195;



	line-height: 100%;



}



body.home div.main h3 {



	font-size: 277%;



	margin: 0 0 10px 0;;



	font-family: Georgia, Times, serif;



	background: url(../images/hr.gif) repeat-x 0 100%;



	font-weight: normal;



	color: #000;



	line-height: 100%;



	padding: 0 0 6px 5px;

}





h3.hd-state {



	background: url(../images/hd-state.gif) no-repeat 0 0;



	padding: 0 0 5px 45px;



	margin: 0 0 6px 0;



	line-height: 30px;



	font-size: 182%;



	color: #ee8800;



	font-family: Georgia, Times, serif;



	font-weight: normal;



}







h3.hd-articles {



	background: url(../images/hd-articles.gif) no-repeat 0 0;



	padding: 0 0 5px 45px;



	margin: 0 0 6px 0;



	line-height: 30px;



	font-size: 182%;



	color: #ee8800;



	font-family: Georgia, Times, serif;



	font-weight: normal;



}







h3.hd-submenu {



	background: url(../images/hd-submenu.gif) no-repeat 0 0;



	padding: 0 0 5px 45px;



	margin: 0 0 6px 0;



	line-height: 30px;



	font-size: 182%;



	color: #ee8800;



	font-family: Georgia, Times, serif;



	font-weight: normal;



}







body.inside div.main h1 {



	font-size: 231%;



	margin: 0 0 20px 0;



	line-height: 100%;



	font-family: Georgia, Times, serif;



	font-weight: normal;



	color: #000;



}



body.inside div.main h2 {



	background: url(../images/hr.gif) repeat-x 0 100%;



	padding: 0 0 5px 0;



	margin: 0 0 20px 0;



	font-size: 197%;



	font-weight: normal;



	color: #2e6195;



	font-family: Georgia, Times, serif;



}



body.inside div.main h2 span {



	display: block;



	padding: 0 0 0 25px;



	background: url(../images/icon-book.gif) no-repeat 0 50%;



}







/* @group Common Text Styles */



div.main {



	color: #444;



	font-family: Tahoma, Arial, sans-serif;



}



body.home div.main p {



	padding: 0 0 0 5px;



	line-height: 140%;



	font-size: 108%;



}



body.inside div.main p {



	padding: 0 0 0 5px;



	line-height: 140%;



	font-size: 108%;



}





div.side {



	color: #444;



	font-family: Tahoma, Arial, sans-serif;



}



div#mcafee {



	margin: 0;



	float: right;



	top: 31px;



	display: inline;



}



/* @end */







/* @group Default Lists */



	



/* @end */







/* @group Forms */



	



/* @end */







/* @group Default Links - link visited hover active */



a:link, a:visited {



	color: #2e6195;



	text-decoration: none;



}



a:hover {



	text-decoration: underline;



}



/* @end */



table.ftable {



border-top-style: none;



border-right-style: none;



border-bottom-style: none;



border-left-style: none;



}



td.ftable  {



border-top-style: none;



border-right-style: none;



border-bottom-style: none;



border-left-style: none;



}



/* @group Misc */



.clear {



	clear: both;



}



.clearfix:after {



    content: "."; 



    display: block; 



    height: 0; 



    clear: both; 



    visibility: hidden;



}







.clearfix {display: inline-block;}







/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}



.clearfix {display: block;}



/* End hide from IE-mac */



/* @end */