/* GLOBAL STYLES */ /* BLUEPRINT OVERRIDES */ body div.box { padding:0 10px; margin:0; background-color:transparent; } body hr { color:#58561b; border-color:#58561b; background-color:#58561b; height:2px; } /* FOOTER STICKINESS */ html, body { height:100%; background-color:#ffffff; } #outer-wrapper { height:auto !important; height:100%; min-height:100%; position:relative; } #content { padding:30px 10px 120px 10px; } #footer-wrapper { position:relative; margin-top:-120px; height:120px; background: url( "/img/body-bg.gif" ) repeat-x 0 0; } #footer { background:url( "/img/footer-background.gif" ) repeat-y 0 0; height:80px; padding:20px; color:#fcf0c8; } #footer address { float:left; margin:0; padding:0; } #footer address strong { font-size:16px; } #footer address em { font-size:10px; } #footer address a { color: #ffffff; } #footer p { float:right; font-size:14px; font-weight:bold; letter-spacing:0.0195em; color:#58561b; } /* SECTIONAL STYLES */ /* BODY */ body { background:#ffffff url( "/img/body-bg.gif" ) 0 0 repeat-x; } /* OUTER WRAPPER */ #outer-wrapper { } /* HEADER */ #header { height:110px; overflow:hidden; } #header .wrapper { } #header .wrapper h1 { text-indent:-9999px; outline:none; height:110px; background:#431400 url( "/img/hester-large-logo.jpg" ) 0 0 no-repeat; } /* TOP NAV */ #top-nav { } #top-nav .wrapper { } #top-nav .dropdown { } #top-nav .top-level { } #top-nav .sub-level { } /* SLIDESHOW */ #slideshow { } #slideshow .wrapper { height:310px; overflow:hidden; } #slideshow #slides { width:630px; float:left; height:310px; } #slideshow #slides img { } #schedule-teaser { width:300px; float:right; height:155px; padding-top:155px; background:#ffecc1 url( "/img/hester-small-logo.jpg" ) 0 0 no-repeat; font-size:14px; } #schedule-teaser p { width:230px; margin:20px auto 0 auto; color:#58561b; } #schedule-teaser a { display:block; width:210px; margin:15px auto; padding:10px; border:2px solid #58561b; text-align:center; font-weight:bold; background-color:#beba95; color:#58561b; text-decoration:none; } #schedule-teaser a:hover { color:#beba95; background-color:#58561b; border:2px solid #beba95; } /* ANIMATED BOXES */ x#pan-1 { padding-top:15px; width:930px; background:url( "/img/panning/1.gif" ) 0 0 repeat-x; } x#pan-2 { padding-top:14px; width:930px; background:url( "/img/panning/2.gif" ) 0 0 repeat-x; } x#pan-3 { padding-top:13px; width:930px; background:url( "/img/panning/3.gif" ) 0 0 repeat-x; } x#pan-4 { padding-top:14px; width:930px; background:url( "/img/panning/4.gif" ) 0 0 repeat-x; } x#pan-5 { padding-top:13px; width:930px; background:url( "/img/panning/5.gif" ) 0 0 repeat-x; } x#pan-6 { padding-top:16px; width:930px; background:url( "/img/panning/6.gif" ) 0 0 repeat-x; } /* CONTENT - do not use padding on #content - see FOOTER STICKINESS */ #content { } #content h2 { margin:0; padding:0 0 5px 0; font-size:25px; color:#58561b; line-height:25px; } /* TEASER BOXES */ #fp-implants, #fp-cosmetic, #fp-location, #fp-doctor-hester, #fp-doctor-arredondo, #fp-tour { margin-bottom:10px; } #fp-implants .box, #fp-cosmetic .box, #fp-location .box, #fp-doctor-hester .box, #fp-doctor-arredondo .box, #fp-tour .box { background-color:#ffffff; height:auto !important; height:165px; min-height:165px; position:relative; } #content h3 { padding:7px 5px 7px 35px; font-size:16px; line-height:16px; margin:0; } #content h3 a { text-decoration:none; color:#ffffff; } #content h3 a:hover { color:#ffffff; text-decoration:underline; } #content h4, #content h4 a { color:#58561b; margin:10px 0 0 0; padding:0 0 5px 0; text-align:center; font-size:16px; line-height:16px; font-weight:bold; text-decoration:none; } #fp-doctor-hester { } #fp-doctor-hester h3 { background:#58561b url( "/img/glyph-green.gif" ) 3px 3px no-repeat; } #fp-doctor-hester .box { border:2px solid #58561b; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-doctor-bg.jpg" ) 3px 3px no-repeat; } #fp-doctor-hester .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#58561b; } #fp-doctor-arredondo { } #fp-doctor-arredondo h3 { background:#edbc19 url( "/img/glyph-orange.gif" ) 3px 3px no-repeat; } #fp-doctor-arredondo .box { border:2px solid #edbc19; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-docs-duo-arredondo.jpg" ) 3px 3px no-repeat; } #fp-doctor-arredondo .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#58561b; } #fp-location { } #fp-location h3 { background:#edbc19 url( "/img/glyph-orange.gif" ) 3px 3px no-repeat; } #fp-location .box { border:2px solid #edbc19; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-laser-bg.jpg" ) 3px 3px no-repeat; } #fp-location .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#58561b; } #fp-radiography { } #fp-radiography h3 { background:#edbc19 url( "/img/glyph-orange.gif" ) 3px 3px no-repeat; } #fp-radiography .box { border:2px solid #edbc19; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-implants-bg.jpg" ) 3px 3px no-repeat; } #fp-radiography .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#58561b; } #fp-tour { } #fp-tour h3 { background:#58561b url( "/img/glyph-green.gif" ) 3px 3px no-repeat; } #fp-tour .box { border:2px solid #58561b; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-sedation-bg.jpg" ) 3px 3px no-repeat; } #fp-tour .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#58561b; } #fp-cosmetic { } #fp-cosmetic h3 { background:#58561b url( "/img/glyph-green.gif" ) 3px 3px no-repeat; } #fp-cosmetic .box { border:2px solid #58561b; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-cosmetic-bg.jpg" ) 3px 3px no-repeat; } #fp-cosmetic .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#58561b; } #fp-implants { } #fp-implants h3 { background:#58561b url( "/img/glyph-green.gif" ) 3px 3px no-repeat; } #fp-implants .box { border:2px solid #58561b; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-implants-bg.jpg" ) 3px 3px no-repeat; } #fp-implants .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#58561b; } #fp-more-information { } #fp-more-information h3 { padding-left:15px; background-color:#431400; color:#ffffff; text-align:center; } #fp-more-information .box { border:2px solid #431400; padding:13px; background-color:#ffffff; } #fp-more-information p { text-align:center; color:#58561b; } #fp-more-information table { font-weight:bold; } #fp-more-information tr.shaded td, #fp-more-information tr.shaded th { background-color:#eed6b4; } #major_buttons { margin:0 0 0 0; padding:0 0 8px 0; list-item-style:none; text-align:center; } #major_buttons li { list-style:none; margin: 0 10px 10px 10px; } #major_buttons li a.major_nav_link { display:block; width:210px; padding:10px; margin:0 auto; background-color:#beba95; border:2px solid #58561b; color:#58561b; text-decoration:none; font-weight:bold; font-size:14px; } #major_buttons li a.major_nav_link:hover { color:#beba95; background-color:#58561b; border:2px solid #beba95; }