/* Styles for Hempkins Insurance site */ /*=== GENERIC: ===*/ html, body {margin:0; padding:0; font-family:Arial,sans-serif; font-size:12px; background:#FFF url(../images/page-background.jpg) repeat-y 762px; color:#514F57;} #body {width:762px;} /*container to constrain body width (since IE doesn't allow styling directly)*/ h1#logo { position:absolute; top:0; left:0; z-index:10; width:235px; height:164px; margin:0; padding:0; background:#FFF url(../images/logo-hempkins.gif) no-repeat; text-indent:-1000px; /*hide text, show logo instead*/ } /* (h2 used only in subnav below) */ h3 {color:#DDA900; font-family:serif; font-size:2em; padding:0; margin:0 0 1em;} /* used only as page header (contains image) */ h4, h5 {color:#001154; font-weight:bold; font-size:1.2em; padding:0; margin:0 0 1em;} h5 {font-size:1em;} p {padding:0; margin:0 0 1em;} .column {float:left; width:220px; margin-right:20px;} /*floated block 1/2 width of content area, like on meet our team page*/ .column-header {color:#001154; background:#DDA900; padding:1px 6px; border:1px solid #999;} /*used for column headers like on meet our team page*/ .intro {color:#001154; font-weight:bold;} /* used for intro text immediately under page header */ strong {color:#001154; font-weight:bold;} :link, :visited {color:#001154;} img {vertical-align:bottom; border:0;} /* FAQs: */ .faq-button {text-align:right; margin-top:-1em; background:url(../images/button-faq.gif) no-repeat 100% 0;} .faq-button a {display:block; width:206px; height:19px; margin-left:auto; text-decoration:none; text-indent:-1000px; text-align:left;} .faq-links {color:#DDA900; font-weight:bold; margin-bottom:2em;} .faq-question, .faq-answer {padding:1px 6px; border:1px solid #999;} .faq-question {background:#DDA900; color:#001A7E;} .faq-answer {background:#001A7E; color:#FFF;} /*=== NAVIGATION: ===*/ #main-nav {position:relative; top:10px; z-index:20; width:536px; height:57px; padding:0; margin:0; margin-left:226px; font-size:11px;} #main-nav li { display:block; list-style-type:none; margin:0; padding:0; border:1px solid #B1B1B1; position:absolute; top:28px; text-indent:-1000px; background:#001154 no-repeat 50% 50%; color:#FFF; height:17px; height:expression(document.compatMode=="BackCompat" ? 19 : 17) /*work around IE box model bug*/; } #main-nav li.active {background-color:#011A7E;} #main-nav a {display:block; position:relative; text-decoration:none;} li#nav-home {position:static; border:0; background:#DD0035 url(../images/nav-home.gif) no-repeat 97% 50%; padding:7px 12px; margin-left:9px; height:auto;} li#nav-home a {height:14px; padding:0; margin-left:440px;} li#nav-about {right:374px; width:160px; background-image:url(../images/nav-about.gif); border-left:0;} li#nav-personal {right:250px; width:124px; background-image:url(../images/nav-personal.gif);} li#nav-business {right:124px; width:126px; background-image:url(../images/nav-business.gif);} li#nav-resources {right:0; width:124px; background-image:url(../images/nav-resources.gif);} #main-nav ul {position:absolute; left:0px; top:19px; width:120px; margin:0; padding:0;} #main-nav ul li {position:static; text-indent:0; height:auto; border-top:0;} #main-nav ul a {position:relative; padding:2px 6px; color:#FFF; background:#999;} #main-nav ul a:hover {background:#011A7E;} #sub-nav {position:absolute; left:40px; top:180px; width:160px; font-size:11px;} #sub-nav h2 {font-size:1em; color:#DDA900; background:url(../images/nav-subnav-title-background.gif) no-repeat 97% 50%; font-style:italic;} #sub-nav ul {margin:0; padding:0;} #sub-nav h2, #sub-nav li {display:block; list-style-type:none; margin:0; padding:8px 0; border-bottom:1px dashed #999; font-weight:bold; text-transform:uppercase;} #sub-nav a {color:#445082; text-decoration:none;} /*=== CONTENT: ===*/ #content { clear:both; margin:0; margin-left:226px; padding:20px; position:relative; z-index:15; min-height:300px; height:expression(this.offsetHeight <= 300 ? 300 : "auto") /*fake min-height in IE*/; } /*=== FOOTER: ===*/ #footer {background:#D1D2CE url(../images/footer-background.jpg) repeat-x 0 100%; position:relative; clear:both; height:138px; border-top:1px solid #D1D2CE;} #footer p {margin:0; padding:0;} #footer strong {font-weight:bold; color:#949590;} p#footer-sitemap {border-top:6px solid #001154; height:130px; background:url(../images/footer-watermark.gif) no-repeat 50% 50%;} #footer-sitemap a {position:absolute; right:0; top:1px; width:100px; height:17px; text-decoration:none; background:url(../images/footer-sitemap.gif) no-repeat; overflow:hidden; text-indent:-1000px;} #footer .office-address {position:absolute; top:20px;} #footer-denison.office-address {left:25px;} #footer-allen.office-address {left:175px;} #footer-phone, #footer-email {position:absolute; bottom:10px;} #footer-phone {left:25px;} #footer-email {left:175px;} #footer-email a {color:#52505B;} #footer-logos {position:absolute; right:35px; top:40px;} #footer-logos img {margin-right:26px;} #footer-copyright {position:absolute; right:35px; bottom:10px; color:#999;}