@charset "UTF-8";
/* CSS Document */
/* 
Imported Styles
-----------------------------------------------------------------------------*/	
@import url("cssreset.css"); /* Resets defaults to help minimize browser interpretation issues */
/* 
Typography
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4, h5, h6, th {margin-bottom: 10px;}
h1 {font-size:24px; margin-bottom: 10px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
#contact-info h3, #contact-info p {margin-left: 150px; font-size:18px;}
#referral-program h3, #referral-program p {margin-left: 240px;}
h4 {font-size:16px;}
p, ol, ul, dl, small, td { line-height:18px; margin-bottom:1.5em;}
#primary-content p, #primary-content ul, #primary-content td, #footer, #important-content p  {font-size:14px; color:#333333; line-height:18px;}
#primary-content ul {margin-left:1.2em;}
#primary-content ul li {list-style:square;}
#primary-content ol {margin-left:1.5em;}
#primary-content ol li {list-style:decimal;}
#footer ul, #footer p, #footer h5 {margin-bottom:0;}
a:link, a:visited {text-decoration:; color:#3d6bf5;}
#content a {font-weight:bold;}
a:hover, a:focus {text-decoration:none;}
a:active {}
.grid_12 {background-color:#000;}
/* 
Containers
-----------------------------------------------------------------------------*/	
html {text-align: center; font:12px Arial, Helvetica, sans-serif; padding:0; margin:0; background:url(../images/html-back.gif) top left repeat-x;}
body {width: 940px; margin:-18px auto 0 auto;}
#masthead, #content, #footer {width: 940px; position:relative;}
#masthead {height:270px; background:#fafafa url(../images/family.jpg) top right no-repeat; border-bottom:#0985ae 1px solid;}
#logo {position: absolute; top:63px; left:0;}
#content {float:left; text-align:left; margin-bottom:20px; padding-top:51px;}
#home #content {padding-top: 10px; margin-bottom: 0}
#primary-content {float:left; width:620px;}
#secondary-content {float:right; width:300px;}
#home #primary-content {float:right; width:460px;}
#home #secondary-content {float:left; width:460px;}
#footer {clear:both; width: 100%;}
#company-info {width:940px; margin:22px 0 10px 0; padding:11px 0 0 0; text-align:left; min-height:140px; height:auto !important; height: 140px; background:url(../images/dashed-border-light-green.gif) top left repeat-x;}
#home #company-info { margin-bottom: 55px;}
#company-info ul {float:left;width: 940px;}
#company-info li {margin:0; padding:0; position:relative;}
#contact-info {width: 380px; float:left;}
#referral-program {width: 540px; float:right;}
#important-content {margin: 10px 0 20px 0;}
/* 
Navigation
-----------------------------------------------------------------------------*/	
#main-navigation {width:100%; position:absolute; bottom:0; left:0;}
#nav {height:25px; float:left; width:100%; margin:0; padding:0;}
#nav li {float: left; width:140px; height:25px; line-height:25px; margin-right:1px; padding:0; background-color:#3d6bf5;}
#nav li a {float: left; width: 140px; line-height:25px; color:#fff; text-decoration:none; padding:0;}
#nav li:hover, #nav li:focus {background-color: #6b3df5;}
#nav li.active {background-color: #6b3df5;text-decoration:none;}
#nav li.active a:hover {cursor: default;}
#footer-nav {width: 100%; clear:both; background:url(../images/dashed-border-dark-green.gif) top left repeat-x; padding-top:20px;}
#footer-nav li {display:inline;}
/* 
Images
-----------------------------------------------------------------------------*/	
.img-right {float:right; margin:0 0 0 1em;}
.img-left {float:left; margin:0 1em 0 1em;}


#home #teasers {background-color:#e9e9e2; }
#home #teasers ul {float: left; margin:0; padding: 8px 0 0 12px; position:relative;}
#home #teasers li {float:left; height:105px; width:140px; margin:0 9px 9px 0; padding:0;}
#home #teasers li a {height: 105px; width:140px; display:block; text-indent:-9000px; padding:0;}
#home #teasers li a:hover {border: #d9d9d2 1px solid;}
#home #teasers .no-pad {margin-right: 0;}
#home #auto-insurance-quote {background: #e9e9e2 url(../images/car-insurance.jpg) no-repeat;}
#home #commercial-vehicle-insurance-quote {background: #e9e9e2 url(../images/commercial-vehicle-insurance.jpg) no-repeat;}
#home #motorcycle-insurance-quote {background: #e9e9e2 url(../images/motorcycle-insurance.jpg) no-repeat;}
#home #home-owners-insurance-quote {background: #e9e9e2 url(../images/home-owners-insurance.jpg) no-repeat;}
#home #camper-rv-insurance-quote {background: #e9e9e2 url(../images/camper-rv-insurance.jpg) no-repeat;}
#home #health-insurance-quote {background: #e9e9e2 url(../images/health-insurance.jpg) no-repeat;}
#company-info .call-out {position:absolute; top: 0; left:0; border:#3dc7f4 1px solid;}
/*
Curvy Corners
-----------------------------------------------------------------------------*/
#nav li {
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;	
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;}