*{ margin: 0; padding: 0; } body { margin: 0; padding: 0; font-family: arial, helvetica, tahoma, sans-serif; color: #000000; background: #2d605c 50% 0 repeat-x; } /* | Typography | */ a { text-decoration: none; color: #2d605c; } #footer a {color: #ffffff;} #footer-nav a {color: #ffffff;} #footer-nav a:hover {color: #accebd;} #sesame a {color: #accebd;} #sesame a:hover {color: #ffffff;} a:link { } a:visited { } a:active { } a:hover {color: #67005c; text-decoration: none; } h1 { font-size: 24px; line-height: 30px; height: 30px; font-weight: bold; margin: 18px 0 18px 0; color: #ffffff; } h1#h-welcome { margin: 0; line-height: 63px; height: 84px; } h1#h-welcome.home { margin-top: 202px; } h2 { font-size: 18px; font-weight: bold; line-height: 18px; height: 34px; margin: 9px 0 9px; color: #ffffff; } h3 { font-size: 13px; color: #2d605c; line-height: 18px; margin-bottom: 18px; font-weight: bold; } h4 { font-size: 12px; line-height: 18px; margin-bottom: 18px; font-weight: bold; color: #751f78; } h5 { font-size: 11px; line-height: 18px; font-weight: bold; } h6 { font-size: 10px; line-height: 18px; margin-bottom: 18px; font-weight: bold; } img { border: 0; display: block; } ol, ul, dl { list-style: none; margin: 9px 0; } ol.appliances { list-style:decimal; margin-left:25px; } ul.bullet { list-style: square outside; margin-left: 18px; } ul.bullet ul { list-style: square outside; margin-left: 18px; } ul#inline-list { width: 500px; } ul#inline-list li { float: left; width: 165px; margin: 9px 9px 0 0; } ul#inline-list a {display: block; border: 1px solid;} dt, th { line-height: 18px; font-size: 16px; color: #6b7f80; font-weight: normal; } dl.site-map dt {font-size: 12px;} dt {padding: 3px 0} dd {margin: 9px 0;} dd ul {margin: 0 18px;} dd iframe {border: 2px solid;} li, dd { font-size: 12px; line-height: 18px; } blockquote { margin-left: 30px; margin-top: 19px; margin-bottom: 10px } p { font-size: 12px; color: #000000; line-height: 14px; margin: 0 0 18px; } p.top, .skip {font-weight: bold;} p.home {font-weight: bold; color:#315e5b;} p#b-appointment {width: 150px; height: 36px; float: right; clear: right;} p#b-appointment a {display: block; width: 150px; height: 36px;} li > p { margin-top: 3px; } pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/ font-family: monospace; font-size: 11px; } strong, b { font-weight: bold; } em {color: #434446} sup, sub { font-size: 75%; } table { margin: 0 auto; font-size: 12px; } th {text-align: left;} tr {border: 1px solid; border-width: 0 0 1px;} td { padding: 3px 0; } /* | Shortcuts | */ /* clear floats */ .clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clear { display: inline-block; } html[xmlns] .clear { display: block; } * html .clear {/* For IE =< 6 */ height: 1%; } /* Image Replacement -- add class="replace" to root element, i.e.

and add a bg image*/ .replace { letter-spacing : -1000em; line-height: 0; overflow: hidden; text-indent: -999em; } /* Just for Opera, but hide from MacIE */ /*\*/html>body .replace { letter-spacing : normal; text-indent : -999em; overflow : hidden; } /* End of hack */ /* | Flash | */ #flash-home { position: absolute; top:60px; left:50%; margin-left:-163px; width:548px; height:204px; text-align:left; z-index:0; overflow:hidden} #home-flash h3 { visibility:hidden;} div#sesame-game { background: #000; line-height: 0; margin: 10px auto; text-align: center; width: 400px;} ul#sesame-games { list-style: none; margin: 0; padding: 0;} ul#sesame-games li { clear: both; padding: .5em 0;} ul#sesame-games img { border: 0; float: left; } p.games { font-size: 12px; font-weight: normal; margin: 0 0 9px 0; float: left; } ul#sesame-games p { float: left; width: 300px; margin: 0 0 0 15px; padding-bottom: 5px; } .flash {/* class for common flash styles */ overflow: hidden; margin: 0 0 18px; } p.upgrade-flash {margin: 18px 54px; background: #005782; padding: 9px; color: #ffffff; font-size: 12px;} /* End Flash */ /* | Layout | */ img { display: block; border: 0; } .static {border: 0px solid; margin: 18px 0 18px;} .float-left {/* Left Floated Images */ float: left; margin: 0 9px 18px 0; border: 0px; text-align: left; } .float-right {/* Right Floated Images */ float: right; margin: 0 0 18px 9px; clear: right; border: 0px; } #container { width: 788px; position: absolute; top: 0px; left: 50%; margin-left: -395px; padding-bottom: 25px; } #header { width: 788px; height: 52px; background: #ffffff url(images/we-make-smiles.gif) 0 0 no-repeat; } #logo-oleary { position: absolute; top:15px; left:14px; z-index:30; } a#logo-oleary {background: url(images/logo.gif); display: block; height: 138px; overflow: hidden; text-indent: -999em; width: 217px;} #address { position: absolute; top:495px; left:22px; text-align:left; z-index:6; } #address p { font-size: 11px; font-weight: normal; line-height: 18px; color: #ffffff; } #suresmilelogo { position: relative; top:66px; left:25px; } a#suresmilelogo {background: url(images/suresmile.gif); display: block; height: 44px; overflow: hidden; text-indent: -999em; width: 178px; z-index:1;} #footertext { position: relative; top:33px; left:105px; text-align:center; } #footertext p { font-size: 12px; font-weight: bold; line-height: 13px; color: #ffffff; } #patient-login { position: absolute; top:15px; left:530px; width:115px; height:37px; z-index:8; display: block; } #doctor-login { position: absolute; top:15px; left:645px; width:115px; height:37px; z-index:8; display: block; } #bottom { width: 788px; height: 124px; background: url(images/bottom.gif) 0 0 no-repeat; } #content { background: #b2dcf4 url(images/main_bg.gif) 0 0 no-repeat; min-height: 596px; _height: 496px /* min-height hack for IE6 */ } *html #content { height: 496px; } #nav-column { position: absolute; left: 14px; width: 210px; top: 153px; margin-right: 0; } #nav a { display: block; padding-left: 10px; } #nav a:hover { color: #ffffff; } #nav ul { position: absolute; left: -999px; padding: 0; margin: -30px 0 0 210px; background: #872884; border: 0px solid #ffffff; } #nav li { display: inline; z-index:20; } #nav ul li a { width: 175px; display: block; font-size: 12px; line-height: 26px; color: #ffffff; font-weight: normal; background: #872884; padding: 2px 12px; text-decoration: none; } #nav ul li a:hover { background: #2d5f5c; color: #ffffff; } #nav li:hover ul, #nav li.sfhover ul { left: 0; display: block; } #n-about-our-office, #n-about-orthodontics, #n-braces-101, #n-orthodontic-technologies, #n-before-after, #n-emergency-care, #n-the-game-room, #n-contact-us, #n-home { height: 36px; overflow: hidden; text-indent: -999px; background: url(images/nav.gif) no-repeat; } #main-column { margin-left: 225px; margin-top: 0px; margin-bottom: 0px; } #main-column .inner { padding-top: 20px; margin: 0 18px 0 18px; } .inner-col {width: 49%; float: left;} .inner-col dl {margin: 0 18px;} .sidebar {background: #8cc0bd; font-size: .92em; padding: 10px 10px 0 10px; width: 178px; margin-right: 6px;} #footer { margin-top: 0px; margin-left: 0px; text-align: center; } #footer .inner { padding: 9px 0 9px; margin: 0 9px; } #footer ul { display: inline; margin: 0; } #footer ul li { display: inline; padding: 0 10px; font-size: 11px; } #footer p { margin: 0px 0; font-size: 12px; line-height: 13px; color: #ffffff; } /* | Image Replacement | */ /* Headings */ #h-about-our-office {background: url(images/h-about-our-office.gif) no-repeat;} #h-meet-the-orthodontist {background: url(images/h-meet-the-orthodontist.gif) no-repeat;} #h-meet-the-team {background: url(images/h-meet-the-team.gif) no-repeat;} #h-office-tour {background: url(images/h-office-tour.gif) no-repeat;} #h-office-policies {background: url(images/h-office-policies.gif) no-repeat;} #h-about-orthodontics {background: url(images/h-about-orthodontics.gif) no-repeat;} #h-why-braces {background: url(images/h-why-braces.gif) no-repeat;} #h-orthodontics-for-kids {background: url(images/h-orthodontics-for-kids.gif) no-repeat;} #h-orthodontics-for-teens {background: url(images/h-orthodontics-for-teens.gif) no-repeat;} #h-orthodontics-for-adults {background: url(images/h-orthodontics-for-adults.gif) no-repeat;} #h-orthodontic-treatments {background: url(images/h-orthodontic-treatments.gif) no-repeat;} #h-orthodontic-dictionary {background: url(images/h-orthodontic-dictionary.gif) no-repeat;} #h-ask-the-orthodontist {background: url(images/h-ask-the-orthodontist.gif) no-repeat;} #h-resources {background: url(images/h-resources.gif) no-repeat;} #h-braces-101 {background: url(images/h-braces-101.gif) no-repeat;} #h-life-with-braces {background: url(images/h-life-with-braces.gif) no-repeat;} #h-types-of-braces {background: url(images/h-types-of-braces.gif) no-repeat;} #h-types-of-appliances {background: url(images/h-types-of-appliances.gif) no-repeat;} #h-elastics {background: url(images/h-elastics.gif) no-repeat;} #h-headgear {background: url(images/h-headgear.gif) no-repeat;} #h-herbst {background: url(images/h-herbst.gif) no-repeat;} #h-palatal-expander {background: url(images/h-palatal-expander.gif) no-repeat;} #h-tpa {background: url(images/h-tpa.gif) no-repeat;} #h-nance {background: url(images/h-nance.gif) no-repeat;} #h-lingual-arch {background: url(images/h-lingual-arch.gif) no-repeat;} #h-tongue-crib {background: url(images/h-tongue-crib.gif) no-repeat;} #h-forsus {background: url(images/h-forsus.gif) no-repeat;} #h-separators-and-spacers {background: url(images/h-separators-and-spacers.gif) no-repeat;} #h-propantheline {background: url(images/h-propantheline.gif) no-repeat;} #h-braces-diagram {background: url(images/h-braces-diagram.gif) no-repeat;} #h-brace-painter {background: url(images/h-brace-painter.gif) no-repeat;} #h-retainers {background: url(images/h-retainers.gif) no-repeat;} #h-orthodontic-technologies {background: url(images/h-orthodontic-technologies.gif) no-repeat;} #h-invisalign {background: url(images/h-invisalign.gif) no-repeat;} #h-suresmile {background: url(images/h-suresmile.gif) no-repeat;} #h-surgical-orthodontics {background: url(images/h-surgical-orthodontics.gif) no-repeat;} #h-before-after {background: url(images/h-before-after.gif) no-repeat;} #h-emergency-care {background: url(images/h-emergency-care.gif) no-repeat;} #h-the-game-room {background: url(images/h-the-game-room.gif) no-repeat;} #h-contact-us {background: url(images/h-contact-us.gif) no-repeat;} #h-our-location {background: url(images/h-our-location.gif) no-repeat;} #h-comment-form {background: url(images/h-comment-form.gif) no-repeat;} #h-referrals {background: url(images/h-referrals.gif) no-repeat;} #h-appointment-request {background: url(images/h-appointment-request.gif) no-repeat;} #h-site-map {background: url(images/h-site-map.gif) no-repeat;} #h-welcome {background: url(images/h-welcome.gif) no-repeat;} /* Nav */ #n-about-our-office {background-position: 0 0;} #n-about-our-office:hover, #n-about-our-office.active {background-position:-217px 0;} #n-about-orthodontics {background-position: 0 -36px;} #n-about-orthodontics:hover, #n-about-orthodontics.active {background-position:-217px -36px;} #n-braces-101 {background-position: 0 -72px;} #n-braces-101:hover, #n-braces-101.active {background-position:-217px -72px;} #n-orthodontic-technologies {background-position: 0 -108px;} #n-orthodontic-technologies:hover, #n-orthodontic-technologies.active {background-position:-217px -108px;} #n-before-after {background-position: 0 -144px;} #n-before-after:hover, #n-before-after.active {background-position:-217px -144px;} #n-emergency-care {background-position: 0 -180px;} #n-emergency-care:hover, #n-emergency-care.active {background-position:-217px -180px;} #n-the-game-room {background-position: 0 -216px;} #n-the-game-room:hover, #n-the-game-room.active {background-position:-217px -216px;} #n-contact-us {background-position: 0 -252px;} #n-contact-us:hover, #n-contact-us.active {background-position:-217px -252px;} #n-home {background-position: 0 -288px;} #n-home:hover, #n-home.active {background-position:-217px -288px;} /* Other */ #patient-login {background: url(images/patient-login.gif) 0 0 no-repeat;} #patient-login:hover {background-position: -115px 0;} #doctor-login {background: url(images/doctor-login.gif) 0 0 no-repeat;} #doctor-login:hover {background-position: -115px 0;}