/* @override http://192.168.1.110:8888/autoinsurancequote/css/main.css */



/*

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 */