/* GLOBAL STYLES */ /* BLUEPRINT OVERRIDES */ body div.box { padding:0 10px; margin:0; background-color:transparent; } body hr { color:#335657; border-color:#335657; background-color:#335657; height:2px; } /* FOOTER STICKINESS */ html, body { height:100%; background-color:#eff1d8; } #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:#c38c3c; } #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; } /* SECTIONAL STYLES */ /* BODY */ body { background:#eff1d8 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/shaw-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/shaw-small-logo.jpg" ) 0 0 no-repeat; font-size:14px; } #schedule-teaser p { width:230px; margin:20px auto 0 auto; color:#416e6a; } #schedule-teaser a { display:block; width:210px; margin:15px auto; padding:10px; border:2px solid #416e6a; text-align:center; font-weight:bold; background-color:#dcf3fd; color:#416e6a; text-decoration:none; } #schedule-teaser a:hover { color:#dcf3fd; background-color:#416e6a; border:2px solid #dcf3fd; } /* 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:#335657; line-height:25px; } /* TEASER BOXES */ #fp-location, #fp-doctor, #fp-radiography, #fp-tour { margin-bottom:10px; } #fp-location .box, #fp-doctor .box, #fp-radiography .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:#335657; 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 { } #fp-doctor h3 { background:#e47d1e url( "/img/fp-doctor-glyph.gif" ) 3px 3px no-repeat; } #fp-doctor .box { border:2px solid #e47d1e; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-doctor-bg.jpg" ) 3px 3px no-repeat; } #fp-doctor .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#813E09; } #fp-location { } #fp-location h3 { background:#813e09 url( "/img/fp-location-glyph.gif" ) 3px 3px no-repeat; } #fp-location .box { border:2px solid #813e09; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-location-bg.jpg" ) 3px 3px no-repeat; } #fp-location .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#813E09; } #fp-radiography { } #fp-radiography h3 { background:#ffb508 url( "/img/fp-radiography-glyph.gif" ) 3px 3px no-repeat; } #fp-radiography .box { border:2px solid #ffb508; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-radiography-bg.jpg" ) 3px 3px no-repeat; } #fp-radiography .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#813E09; } #fp-tour { } #fp-tour h3 { background:#6dafb1 url( "/img/fp-tour-glyph.gif" ) 3px 3px no-repeat; } #fp-tour .box { border:2px solid #6dafb1; padding:13px 13px 13px 145px; background:#ffffff url( "/img/fp-tour-bg.jpg" ) 3px 3px no-repeat; } #fp-tour .box a { position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:bold; color:#813E09; } #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:#335657; } #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:200px; padding:10px; background-color:#dcf3fd; border:2px solid #416e6a; color:#416e6a; text-decoration:none; font-weight:bold; font-size:14px; } #major_buttons li a.major_nav_link:hover { color:#dcf3fd; background-color:#416e6a; border:2px solid #dcf3fd; }