*{ margin: 0; padding: 0; } body { margin: 0; padding: 0; font-family: arial, helvetica, tahoma, sans-serif; color: #000000; background:#373777 url(images/bg.jpg) 50% 0 repeat-x; top center; margin:0; } .FooterText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; } .NormalText, body, td { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; text-decoration: none; font-weight: normal; text-transform: none; font-style:normal; } .Subject { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #23236b; } .PageTitle { font-family: Georgia, serif; font-size: 30px; color: #FFF; font-style: italic; font-weight: bold; line-height: 35px; } ul, ol { margin-top:0px; margin-bottom:0px; } /* | Typography | */ a { text-decoration: none; color: #ffffff; } * #footer a {color: #ffffff; font-size: 12px; line-height: 18px;} * #footer-nav a {color: #d689b7; font-size: 12px;} * #footer-nav a:hover {color: #ffffff; font-size: 12px;} * #sesame a {color: #ffffff; font-size: 12px; font-weight: bold;} * #sesame a:hover {color: #d689b7; font-size: 12px; font-weight: bold;} a:link { } a:visited { } a:active { } a:hover {color: #373777; text-decoration: none; } a.sidebarlink {color: #a76427} a.sidebarlink:hover {color: #ffffff} a.subnav {color: #23236b; font-size: 12px; font-weight: bold;} a.subnav:hover, a.subnav-active {color: #ffffff; font-size: 12px; font-weight: bold;} * h1 { font-size: 24px; line-height: 30px; height: 40px; font-weight: bold; margin: 0 0 9px 0; color: #c27429; } * h2 { font-size: 16px; font-weight: bold; line-height: 30px; margin: 9px 0 9px; color: #23236b; } * h3 { font-size: 16px; font-weight: bold; line-height: 30px; margin: 9px 0 9px; color: #23236b; } * 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; font-size: 16px; margin: 18px 0; padding: 0; } * ul#topnavigation {position: absolute; left: 446px; top: 146px; list-style: none; margin: 0; overflow: hidden; padding: 0; text-indent: -999em; width: 492px; z-index: 33; margin-top: 5px;} * ul#topnavigation li {float: left} * ul#nav {position: absolute; left: 2px; top: 183px; list-style: none; margin: 0; overflow: hidden; padding: 0; text-indent: -999em; width: 933px; z-index: 34;} * ul#nav li {float: left} * ul.bullet { list-style: none; font-size: 16px; margin-left: 18px; } * ul.bullet li { padding-bottom: 25px; } * ul.bullet2 { list-style: inside; font-size: 16px; margin-left: 18px; } * ul.bullet2 li { padding-bottom: 25px; } * ul.bullet ul { list-style: outside; font-size: 16px; 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: 16px; line-height: 30px; font-color: #000000; } * blockquote { margin-left: 30px; margin-top: 19px; margin-bottom: 10px } * p { font-size: 16px; color: #000000; line-height: 30px; margin: 0 0 18px; } * 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: #73429c} * sup, sub { font-size: 75%; } * table { margin: 0 auto; font-size: 11px; } * th {text-align: left;} * tr {border: 1px solid; border-width: 0 0 1px;} * td { padding: 3px 0; font-size: 16px; } /* | 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:113px; left:2px; width:427px; height:369px; z-index:1;} * #arrow { position: absolute; top:0px; left:408px; width:119px; height:138px; text-align:left; z-index:22;} #review { width:123px; height:64px; float:right; position:absolute; top:74px; right: 170px; text-align:-999em; overflow:hidden} #review p{ text-indent:-999em; overflow:hidden} #review a{ width:123px; height:64px; background:url(images/review.gif); display:block; text-align:-999em; overflow:hidden} #review a:hover{ width:123px; height:64px; background:url(images/review.gif) 0 64px} #call-tour { width:123px; height:64px; float:right; position:absolute; top:6px; right: 170px; text-align:-999em; overflow:hidden} #call-tour p{ text-indent:-999em; overflow:hidden} #call-tour a{ width:123px; height:64px; background:url(images/call-office-tour.gif); display:block; text-align:-999em; overflow:hidden} #call-tour a:hover{ width:123px; height:64px; background:url(images/call-office-tour.gif) 0 64px} * div#sesame-game { background: #000; line-height: 0; margin: 10px auto; text-align: center; width: 800px;} * 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: right; } * p.games { font-size: 12px; font-weight: normal; margin: 0 0 9px 0; float: left; } * .flash {/* class for common flash styles */ overflow: hidden; margin: 0 0 18px; } * p.upgrade-flash {margin: 18px 54px; background: #ffffff; padding: 9px; color: #000000; font-size: 12px;} /* End Flash */ /* | Layout | */ * img { display: block; border: 0; } * .static {border: 8px solid; border-color: #7f49ac; margin: 18px 0 18px;} * img.pborder { border: 8px solid; border-color: #7f49ac; } * .float-left {/* Left Floated Images */ float: left; margin: 0 18px 18px 0; border: 8px solid; border-color: #7f49ac; } * .float-right {/* Right Floated Images */ float: right; margin: 0 0 18px 18px; clear: right; border: 8px solid; border-color: #7f49ac; } * #container { width: 937px; position: absolute; top: 0px; left: 50%; margin-left: -470px; padding-bottom: 2px; } * #heading { width: 937px; height: 176px; background: url(images/bg-heading.jpg) 50% 0 repeat-x; position: absolute; top:0px; left:0px; text-align:left; z-index:6; } * #logo { position: absolute; top:0px; left:0px; z-index:30; } * a#logo {background: url(images/logo.jpg); display: block; height: 176px; overflow: hidden; text-indent: -999em; width: 566px;} * #address { position: absolute; top:8px; left:630px; text-align:right; z-index:6; } * #address p { font-size: 11px; font-weight: normal; line-height: 13.5px; } * #content { min-height: 558px;width: 937px; background: #709ad4; } * html #content { height: 458px; } * #patient-login { position: absolute; top:0px; left:187px; width:144px; height:30px; z-index:9; display: block; } * #main-column { margin-left: 0px; margin-top: 180px; margin-left: 9px; margin-bottom: 0px; min-height: 458px; } * #main-column .inner { padding-top: 40px; margin: 0 14px 0 14px; } *html #main-column { height: 458px; } * .inner-col {width: 49%; float: left;} * .inner-col dl {margin: 0 18px; padding: 0;} * .sidebar {background: #f8d665; font-size: .92em; padding: 10px 10px 0 10px; width: 193px; margin-right: 0px;} * #homecontent { top:255px; left:455px; float:right; line-height: 30px; width: 450px; padding: 3px 18px 0 0; } * #footer { margin-top: 6px; margin-left: 4px; width: 937px; height: 109px; } * #footer .inner { padding: 9px 0 9px; margin: 0 9px; } * #footer p { margin: 0px 0; font-size: 12px; line-height: 18px; color: #ffffff; } /* | Image Replacement | */ /* Headings */ * #h-welcome {background: url(images/h-welcome.gif) no-repeat;} * #h-office-tour {background: url(images/h-office-tour.gif) no-repeat;} * #h-new-office {background: url(../images/h-new-office.gif) no-repeat;} * #h-team-shimizu {background: url(images/h-team-shimizu.gif) no-repeat;} * #h-meet-dr-shimizu {background: url(images/h-meet-dr-shimizu.gif) no-repeat;} * #h-meet-dr-nguyen {background: url(images/h-meet-dr-nguyen.gif) no-repeat;} * #h-meet-team-shimizu {background: url(images/h-meet-team-shimizu.gif) no-repeat;} * #h-what-sets-us-apart {background: url(images/h-what-sets-us-apart.gif) no-repeat;} * #h-what-makes-us-special {background: url(images/h-what-makes-us-special.gif) no-repeat;} * #h-high-tech-office {background: url(images/h-high-tech-office.gif) no-repeat;} * #h-shimizu-smile-gallery {background: url(images/h-shimizu-smile-gallery.gif) no-repeat;} * #h-people-are-talking {background: url(images/h-people-are-talking.gif) no-repeat;} * #h-new-patients {background: url(images/h-new-patients.gif) no-repeat;} * #h-your-first-visit {background: url(images/h-your-first-visit.gif) no-repeat;} * #h-financial-information {background: url(images/h-financial-information.gif) no-repeat;} * #h-registration-forms {background: url(images/h-registration-forms.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-two-phase-orthodontics {background: url(images/h-two-phase-orthodontics.gif) no-repeat;} * #h-orthodontics-for-adults {background: url(images/h-orthodontics-for-adults.gif) no-repeat;} * #h-surgical-orthodontics {background: url(images/h-surgical-orthodontics.gif) no-repeat;} * #h-invisalign {background: url(images/h-invisalign.gif) no-repeat;} * #h-retainers {background: url(images/h-retainers.gif) no-repeat;} * #h-life-with-braces {background: url(images/h-life-with-braces.gif) no-repeat;} * #h-upcoming-events {background: url(images/h-upcoming-events.gif) no-repeat;} * #h-contest {background: url(images/h-contest.gif) no-repeat;} * #h-annual-picnic {background: url(images/h-annual-picnic.gif) no-repeat;} * #h-staff-pictures-events {background: url(images/h-staff-pictures-events.gif) no-repeat;} * #h-life-with-braces {background: url(images/h-life-with-braces.gif) no-repeat;} * #h-orthodontic-dictionary {background: url(images/h-orthodontic-dictionary.gif) no-repeat;} * #h-braces-first-aid {background: url(images/h-braces-first-aid.gif) no-repeat;} * #h-practice-events {background: url(images/h-practice-events.gif) no-repeat;} * #h-fun-zone {background: url(images/h-fun-zone.gif) no-repeat;} * #h-the-game-room {background: url(images/h-the-game-room.gif) no-repeat;} * #h-brace-painter {background: url(images/h-brace-painter.gif) no-repeat;} * #h-music-card {background: url(images/h-music-card.gif) no-repeat;} * #h-contact-us {background: url(images/h-contact-us.gif) no-repeat;} * #h-location {background: url(images/h-location.gif) no-repeat;} * #h-comments-suggestions {background: url(images/h-comments-suggestions.gif) no-repeat;} * #h-referrals {background: url(images/h-referrals.gif) no-repeat;} * #h-appointment {background: url(images/h-appointment.gif) no-repeat;} * #h-site-map {background: url(images/h-site-map.gif) no-repeat;} * #h-review {background: url(images/h-review.gif) no-repeat; width:664px; height:75px; display:block} * ul#nav a {display: block; height: 39px} * #n-team-shimizu {background: url(images/n-team-shimizu.gif); width: 112px} * #n-what-sets-us-apart {background: url(images/n-what-sets-us-apart.gif); width: 136px} * #n-people-are-talking {background: url(images/n-people-are-talking.gif); width: 130px} * #n-new-patients {background: url(images/n-new-patients.gif); width: 100px} * #n-about-orthodontics {background: url(images/n-about-orthodontics.gif); width: 140px} * #n-life-with-braces {background: url(images/n-life-with-braces.gif); width: 117px} * #n-practice-events {background: url(images/n-practice-events.gif); width: 111px} * #n-fun-zone {background: url(images/n-fun-zone.gif); width: 87px} * ul#nav a:hover, #nav .active {background-position: 0 -39px} * ul#topnavigation a {display: block; height: 27px;} * #n-patient-login {background: url(images/n-patient-login.gif); width: 121px} * #n-doctor-login {background: url(images/n-doctor-login.gif); width: 121px} * #n-contact-us {background: url(images/n-contact-us.gif); width: 124px} * #n-home {background: url(images/n-home.gif); width: 126px} * ul#topnavigation a:hover, #topnavigation .active {background-position: 0 -27px}