@import url(../css/global-grid/reset.css);
body {font:12px/1.33 Arial, Helvetica, Verdana, sans-serif; background: #fff;}

.error {border:1px dashed red !important;color:red !important;}
p.center {text-align: center;}


/*Structure Styles*/
#container, #extFooter #text {width: 1028px; margin: 0 auto;}
#intHeader {height: 98px; position: relative; background: url(../images/auto-insurance-state/intheader-bg.jpg) no-repeat bottom;}
#intFooter {height: 79px; background: url(../images/auto-insurance-state/intfooter-bg.gif) no-repeat; position: relative; margin: 15px 0px;}
#extFooter {background: #c9c9c9; border-top: 1px solid #b6b2b2;}

/*Header Styles*/
img#logo {position: absolute; top: 0px; left: 0px;}
#cta {position: absolute; top: 15px; right: 20px; text-align: right; color:#15355b;}
#cta p {line-height: 14px;}
#cta h1 {font-weight: normal; font-size: 24px; line-height: 25px;}

ul#nav {position: absolute; bottom: 5px; right: 40px; text-align: right;}
ul#nav li {display: block; float: left;}
ul#nav li a{display: block; float: left; overflow: hidden; text-align: center; text-decoration: none; color:#34b3d1; margin-left: 15px; padding: 0px 15px;}
ul#nav li a:hover {color:#2a9eb9;}

/*Content Styles*/
#focus {height: 321px; position: relative; background: url(../images/auto-insurance-state/focus.jpg) no-repeat left;}
#focus h1 {font-family: Helvetica, arial, sans-serif; font-size: 26px; color:#ff9600; padding: 0px 0px 0px 315px; text-transform: uppercase; width: 430px;}
#focus h3 {font-weight: normal; font-style: italic; font-size: 18px; color:#34b3d1; padding: 0px 0px 0px 315px; width: 430px;}
#focus h4 {font-size: 17px; color:#34b3d1; position: absolute; top: 128px; left: 365px; width: 370px;}
#focus ul {position: absolute; top: 155px; left: 365px;}
#focus ul li {font-size: 17px; color:#34b3d1; background: url(../images/auto-insurance-state/bullet.png) no-repeat 0px 5px; padding-left: 20px; margin-bottom: 2px;}
#focus h2 {position: absolute; bottom: 7px; left: 427px; font-size: 38px; font-family: Helvetica, Arial, sans-serif; color:#fff;}

#focus form {position: absolute; top: 0px; right: 0px; width: 278px; padding-right: 5px; text-align: center; background: url(../images/auto-insurance-state/form-bg.jpg) no-repeat; height: 241px; padding-top: 80px;}
#focus form input {width: 219px; padding: 2px 5px; border: 1px solid #cad1d7; margin-bottom: 11px; font-size: 13px; color:#999;}
#focus form input.submit {width: auto; border: 0px; padding: 5px 20px 0px 0px; float: right;}

#focus form p {font-size: 17px; color:#1a4368; padding: 0px 15px 20px;}

ul#boxes {margin: 15px 0px; height: 116px; background: url(../images/auto-insurance-state/boxes-bg.jpg) no-repeat; width: 1003px; padding: 31px 0px 0px 25px;}
ul#boxes li {width: 295px; float: left; margin-right: 35px;}
ul#boxes li.last {margin-right: 0px; background: url(../images/auto-insurance-state/seal.jpg) no-repeat right center;} 

ul#boxes li h2 {font-family: Helvetica, Arial, sans-serif; font-size: 14px; color:#1c7ea9; padding: 0px 0px 10px 10px;}
ul#boxes li p {color:#303132; padding: 0px 10px; font-size: 11px;}
ul#boxes li.last p {width: 175px;}


#content {clear: both;}
#content h2 {font-size: 12px; color:#07a0d9; padding: 8px 10px 3px; font-weight: normal;}
#content p, #content ul, #content ol {font-size: 10px; line-height: 18px; color:#000;}
#content p {padding: 8px 10px;}
#content a {color:#000; text-decoration: underline;}
#content a:hover {text-decoration: none;}
#content ul, #content ol {padding: 8px 30px;}
#content ul {list-style: disc;}
#content ol {list-style: decimal;}

/*Footer Styles*/
#intFooter p {font-size: 17px; color:#34b3d1; padding: 29px 65px;}
#intFooter h2 {position: absolute; top: 15px; right: 80px; text-align: right; font-size: 27px; font-weight: normal; color:#463402;}
#intFooter h2 strong {font-size: 32px; color:#fff; margin-left: 40px;}

#extFooter h2 {font-size: 13px; text-transform: uppercase; color:#333; background: #e5e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 20px 0px 10px; width: 180px; padding: 3px 10px;}

#extFooter #left {width: 215px; float: left; margin-left: 65px;}
#left ul li a {color:#333; margin-bottom: 3px; font-size: 11px; text-decoration: none;}
#left ul li a:hover {text-decoration: underline;}
p.copyright {font-size: 10px; padding-top: 100px;}

#extFooter #right {width: 735px; float: left; padding-left: 10px; font-size: 10px;}

#loctypelist {margin-top:20px;}
#loctypelist em{font-style:normal;}
#loctypelist li a, #footer-rail h4{font-size:11px;line-height:13px;font-weight:bold;color:#666;margin-bottom:3px;display:block;}
#locations{text-align:justify;}
#locations a{font-size:10px;color:#666;line-height:12px;margin-right:2px;text-decoration:none;}
#locations a:hover {text-decoration:underline;}
#locations.proximityMenu span {padding-right:5px;margin-right:2px;color:#666;font-size:10px;}