* { margin: 0; padding: 0; }
a img { border: 0; }
a:active { border: 0; outline: 0; }
p { display: block; margin-bottom: 1em; }
ul, ol { margin-left: 15px; }
.left { float: left; }
body { background: #fff url('../images/content-bg.gif') repeat-x center 426px; min-width: 990px; text-align: center; }
.container { margin: 0 auto; text-align: left; width: 990px; }
#header { float: left; height: 155px; padding-top: 280px; width: 100%; }

#logo { cursor: pointer; display: block; text-indent: -9999px; }
#logo { background-image: url('../images/logo.png'); float: left; height: 76px; margin-top: 1em; width: 434px; }
#getaquote { background-image: url('../images/getaquote.png'); float: right; height: 83px; padding-top: 20px; width: 437px; }

#content { float: left; padding: 20px 0; width: 100%; }

#nav { background: url('../images/nav-side.jpg') no-repeat top left; float: right; height: 33px; margin: -14px 0 3em; padding-left: 11px; width: 450px; }
#nav li { display: inline; }
#nav li a { background-color: transparent; background-repeat: no-repeat; float: left; height: 33px; text-indent: -9999px; width: 137px; }
#nav li#home a { background-image: url('../images/nav-home.gif'); }
#nav li#contact a { background-image: url('../images/nav-contactus.gif'); border-left: 1px solid #999; border-right: 1px solid #999; width: 148px; }
#nav li#request a { background-image: url('../images/nav-getaquote.gif'); border-right: 1px solid #999; width: 147px; }
#nav li a:hover { background-position: 0 -33px; }

#content span { width: 100%; }
#content span * { margin: 0 auto; }
#strapline { background: transparent url('../images/strapline.png') no-repeat top left; float: left; height: 28px; margin: 1em 0; text-indent: -9999px; width: 303px; }
#text { float: left; width: 500px; } 
#getaquote-bottom a { background: transparent url('../images/getaquote.gif') no-repeat top left; float: left; height: 103px; margin: 2em 2em 0; text-indent: -9999px; width: 437px;  }
#callus { background: transparent url('../images/callus.gif') no-repeat top left; float: left; height: 23px; margin: 3em 3em 0; text-indent: -9999px; width: 412px; }
#banners { float: right; width: 437px; }
#banners a img { margin-bottom: 0.5em; }

#address { float: left; list-style-type: none; margin-top: 9em; width: 300px; }
#map { float: right; height: 400px; width: 600px; }

#quote { width: 100%; }
#leftcol { float: left; }
#rightcol { float: right; }
#leftcol, #rightcol { height: auto; width: 470px; }

form div { float: left; margin-bottom: 1em; width: 100%; }
form div label { float: left; padding: 3px; text-align: right; width: 160px; }
form div input, form div select { float: right; padding: 3px; width: 280px; }
form div select option { text-indent: 5px; }
form div select { width: 290px; }

form div div div { float: left; margin-left: 15px; width: 55px; }
form div div div label { float: left; width: 20px; }
form div div div input { float: right; margin-right: 15px; width: 10px; }

form div#dob input { float: none; margin: 0 15px 0 15px; width: 40px; }

form div.buttons input { float: left; margin-left: 400px; }

#description, .description { float: left; margin-bottom: 1em; width: 100%; }

#footer { background: #545454 url('../images/footer-bg.gif') repeat-x top left; display: block; float: left; margin-top: 1em; padding: 0.75em 0; width: 100%; }
#copyright { float: left; }
#credits { float: right; }

.actionbox, .infobox, .errorbox { float: left; border: solid 1px #1E3E3B; color: #1E3E3B; background: #CED9CB no-repeat 7px 8px; margin: 10px 0; padding: 8px 20px 8px 30px; text-align: left; }
.actionbox ul, .infobox ul, .errorbox ul { clear: both !important; float: none !important; margin: 5px 20px !important; }
.infobox { border: solid 1px #211FCB; color: #211FCB; background: #CBCFD8 no-repeat 7px 8px; }
.errorbox{ border: solid 1px #D31F1F; color: #D31F1F; background: #D8CFCB no-repeat 7px 8px; }


/* Typeography */
body { color: #000; font : 75%/1.5 "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
h1, h2, h3 { color: #000; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight : normal; }
a { color: #000; }
a:hover { text-decoration: none; }
#content { text-shadow: #ccc 2px 2px 1px; }
#footer, #footer a { color: #fff; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#getaquote { color: #fff; font-size: 1.8em; font-weight: bold; text-align: center; text-decoration: none; }