* {margin:0; padding:0;}
html, body {height: 100%;}
body {background:#d2e9d1; font-family: Arial, Helvetica, "Sans Serif"; font-size:100%;}
#wrapper {width:760px; margin:0 auto -8em auto; /* margin-btm must be same as .footer and .push*/ min-height: 100%;height: auto !important;height: 100%;}
#header {width:100%; padding: 0 0 20px 0;}
#main {padding:40px 10px 10px 10px;position:relative;}
#main li a {color:#1f401d; text-decoration:none; font-weight:bold;}
#main h2, #main h2 a {margin: 0 0 10px 0;}
#footer {width:100%; padding:0px; height:8em; margin: 0 auto; background:url(images/Untitled-1.gif) repeat-x left top; clear:both; /* .footer must be same height as .push */}
#footer div {width:725px; padding:0 10px; margin:0 auto;}
#footer p {font-size:.6875em;color:#1f401d;}
#footer a {color:#1f401d; text-decoration:none; font-weight:bold;}
p {padding: 0px 0 10px 0; font-size:.8125em;}
h2 {text-align:center; font-size:1.5em;color:#276181;}
h3 {color:#1f401d; font-weight:bold; font-size:1.5em; text-align:center; margin: 0 0 0px 0;}
h4 {font-size:1.375em; font-weight:bold;}
h5 {text-align:center;color:#276181;}
h5 a {color:#276181;}
img {border:none;}
ul, ol {padding: 20px 0 10px 0px; display:block;}
ol li ol li {list-style-type:lower-alpha;}
li {margin: 0 0 10px 40px; font-weight:normal; font-size:.8125em;}
/*extras... ugh*/
.divider {border:solid 1px #ccc; padding:0 10px; margin:0 0 10px 0;}
.push {height: 8em; /* .push must be the same height as .footer */}
.clear {clear:both;height:1px; line-height:1px;}
.lefty {float:left;margin: 0 10px 40px 20px;}
.righty {float:right;margin:0 20px 0 10px;}
p#blue {color:#276181; font-size:.75em; padding:10px 0 0 0;}
p#blue a {color:#276181; text-decoration:underline;}
.ctr {text-align:center;}
.scrolly{height:350px; width:500px; margin:0 auto; overflow:auto; background:#fff; padding:10px;}
.stripe {background:url(images/Untitled-1.gif) repeat-x left top; height:6px; margin:0; position:absolute; left:0; top:9.125em; width:100%;}
.about div strong {color:#276181; font-size:1.25em;}
.about img.lefty {float:left;margin: 0 10px 0 0px;}
#main .product div {float:left;margin: 0 0 0px 30px;line-height:4em;font-size:.75em;font-weight:bold;text-align:center;color:#1f401d;}
#main .product div a {color:#276181; text-decoration:none;}
hr {display:none;}
/*buttons and that type*/
.btn {background:url(images/btn.png) no-repeat left top;width:93px;height:57px;text-align:center;text-transform:uppercase;padding:23px 0 0 0;color:#fff;}
.btn a {color:#fff;font-weight:bold;}
.btnhr  {background:url(images/btn-hr.png) no-repeat left top;width:116px;height:80px;text-align:center;text-transform:uppercase;padding:27px 0 0 0;color:#fff; z-index:80;}
.btnhr a {color:#fff;font-size:10px;line-height:150%;}
#logo {position:relative;left:0;float:left;}
#logo a {display:block;height:125px;text-indent:-9999px;}
#logo {top:0px;background:url(images/willow-brook-insurance.png) no-repeat top left;width:278px;}
#comp {position:relative;left:0;float:right;}
#comp a {display: block;height: 50px;font-size:11px;}
#comp {top: 0px; background:url(images/compass-sm-g2.gif) no-repeat 10px top;margin:10px 10px 0px 0;padding:10px 0 0 70px; }
/*new rounded corners~not as smart but less messy code*/
.single {color:#fff; background:url(images/740-btm.png) no-repeat left bottom; width:738px; margin:0 0 20px 0;}
.puff { padding:0 20px 20px 20px;}
.squish {width:460px; margin:0 auto;}
.single div.top { background:url(images/740-top.png) no-repeat left top; height:32px; }
.single li {font-size:1.125em;}
.single h2 {color:#fff; padding: 0 0 0 20px;}
.single a {color:#fff;}
#contact .single strong {color:#fff;}
.double { background:url(images/350-btm.png) no-repeat left bottom; width:350px; padding:0px 0 0 0; height:19em; float:left; margin:0 20px 0 0;}
.double div.top { background:url(images/350-top.png) no-repeat left top; height:32px; }
.double a {color:#fff; }
.double p { color:#fff; padding: 20px 0 10px 0;font-size:1.5625em;}
.double p.r {padding: 20px 0 10px 20px;}
.double p.s { padding: 5px 0 5px 0;}
.double strong {font-size:.5em;}
.single strong, .double strong, .triple strong {font-weight:bold; color:#d2e9d1; font-style:italic;}
.triple { background:url(images/165-btm.png) no-repeat left bottom; width:165px; padding:0px 0 0 0; height:8em; float:left; margin:0 20px 10px 0; text-align:center; color:#fff;}
.triple div.top { background:url(images/165-top.png) no-repeat left top; height:32px; }
.triple strong {font-size:1.1875em;}
.triple a {color:#fff;}
#triple {margin: 20px 0 0 180px;}