/* Edit.com font style-options (classes unattributed to a tag) */ body, td, .NormalText {color: #463427; font-size: 12px; font-family: Tahoma;} /* Edit.com image style-options (unqualified IMG classes) */ img.clear {} img.left {clear: both; display: block; float:left; margin-left: 0;} img.right {clear: both; display: block; float:right; margin-right: 0;} /* HTML-tag styles, unqualified */ html,body,applet,iframe,h2,h3,h4,h5,h6,p,pre,abbr,acronym,address,cite,code,del,dfn,ins,kbd,s,samp,var,dl,dt,dd,fieldset,form,label,legend,caption,hr {margin:0; padding:0;} /* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */ hr {width:550px; height:1px; margin-right:30px; margin-left:20px;} img {border-color: #463427;} a {color:#463427;} a:visited {color:#463427;} a.noVisited:visited {color:#463427;} a:hover, a.noVisited:hover {color:#463427;} /* - - - - - - - - - - BODY - - - - - - - - - - */ body {margin: 0; padding: 0; line-height:20px; background:#544235 url(images/bg.jpg) repeat 0 0;} /* Invisible to Edit.com menus (classes attributed to tags and conditional styles) */ div#content {background:url(images/content-tile.gif) repeat-y; margin:0px auto; overflow:auto; width:908px; height:auto;} /* - - - - - - - - - - HEADER - - - - - - - - - - */ div#header {background:url(images/header.gif) no-repeat; margin:0px auto; overflow:hidden; width:908px; height:109px;} ul#logo {margin: 0; padding: 0;} ul#logo a {display:block; width:400px; height:109px; margin-top:0px; margin-left:35px;} li.logo-style{list-style-type:none;} ul#logo li.active {cursor:default;} /* - - - - - - - - - - ADDRESS - - - - - - - - - - */ ul.address {position:absolute; list-style-type:none; top:10px; margin: 0 0 0 500px; padding: 0; line-height:1.7em; font-family:Tahoma; color:#010101; font-size:12px; float:left; text-align:right} span.square-black {background:url(images/square-black.gif) no-repeat; width:3px; height:9px; padding-left:8px;} /* - - - - - - - - - - INVISALIGN BANNER - - - - - - - - - - */ ul#invisalign-banner {margin: 0; padding: 0;list-style-type:none; background:url(images/invisalign-banner.gif) no-repeat; margin-top:33px; text-indent:-999em;} ul#invisalign-banner a {width:400px; height:50px; border:0px; display:block;} /* - - - - - - - - - - FLASH - - - - - - - - - - */ div#flash-home {width:333px; height:184px; top:300px; margin:17px 0px 0px 26px;} p.backflashplayer {background-color:#d4ccbf; width:300px; height:110px; line-height:1.3em; border: solid 1px #694733; margin-top:60px; margin-left:50px; padding-left:0px; font-family:Tahoma; font-size:10px;} * img.oops {margin-left:5px; margin-right:0px; margin-top:5px; margin-bottom:5px; border:0px; width:112px; height:100px; float:left; border: solid 1px #8f6a50;} strong.normal {font-weight:normal; float:right; margin-right:15px; margin-top:5px; color:#463427;} div#flash-brushing-and-flossing, div#flash-emergency-care, div#flash-common-treatments, div#flash-types-of-braces, div#flash-brace-painter {margin:15px 0px 0px 0px;} div#flash-palatal-expander {margin:15px 0px 0px 0px; border:solid 1px #463427; width:200px; height:150px;} /* - - - - - - - - - - LEFT MENU - - - - - - - - - - */ div#left-menu {overflow:hidden; width:908px;} div#cool {background:url(images/left-menu-bg-image.gif) no-repeat; float:left; height:267px; width:268px; margin-top:0px;} ul#nav {padding:15px 0 0 12px; margin:0; width:191px; height:220px; list-style-type:none; font-family:Tahoma;} ul#nav a {display:block; overflow:hidden; width:188px; text-indent:-999em; height:22px; margin-top:0px; margin-left:40px; font-family:Tahoma;} ul#nav a:hover {background-position:0px -22px;} ul#nav li.active {background-position:0px -22px;} ul#nav li.active {cursor:default;} ul#nav ul li a {text-indent:0px; text-decoration:none; width:174px; text-indent:-999em; height:20px; padding-left:7px; font-size:11px; margin:0px; width:215px; color:#ffffff; text-indent:0px; padding-top:3px; height:25px; text-decoration:none;} ul#nav li ul {top:0px; top:0px; height:auto;} ul#nav li:hover ul, ul#nav li.sfhover ul {visibility:visible;} ul#nav {margin:0px; list-style-type:none; width:188px;} ul#nav ul {margin:5px; list-style-type:none;} ul#nav li {list-style-type:none; float:left; clear:both; position:relative;} ul#nav li ul {padding-right:0px; padding-left:0px; left:-999em; padding-bottom:0px; padding-top:0px; position:absolute;} ul#nav li ul {visibility:hidden; left:192px; background:#ffffff; margin-top:0px; font-family:Tahoma; font-size:12px; margin-left:36px;} ul#nav li ul a {color:#463427; text-decoration:none; display:block; width:153px; padding-top:0px; padding-bottom:0px; padding-left:9px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; height:22px;} ul#nav li ul a:hover {color:#463427; background:#b5c0b3;} ul#nav li:hover ul, ul#nav li.sfhover ul {visibility:visible;} div#index-page {overflow:hidden; width:908px; height:413px; background:url(images/text-background.gif) no-repeat center top;} div#right-part {float:left; width:450px;} div#right-text {font-size:14px; color:#473328; font-family:Tahoma; width:400px;} div#right-text p {margin:25px 20px 0px 45px; width:330px;} div#left-part {float:left; width:405px;} div#left-text {font-size:14px; color:#473328; font-family:Tahoma; width:400px;} div#left-text p {margin: 0px 50px; width:310px;} div#sub-pages {overflow:hidden; width:908px; background:url(images/sub-page-background.gif) no-repeat center top;} div#sub-page-tile {background:url(images/sub-page-tile.gif) repeat-y top; width:908px; overflow:hidden; margin-bottom:30px; margin-top:3px;} div#left-sub-part {float:left;} div#left-sub-text {margin:19px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#473328; font-family:Tahoma; width:200px;} div#left-sub-text p {margin:0px 0px 0px 53px;} div#left-sub-text ul {margin-left: 53px; list-style:none; font-family:Tahoma; font-size:12px;} div#left-sub-text ul li a {color:#8f6a50; text-decoration:none;} div#left-sub-text ul li a.active {color:#463427;} div#right-sub-part {float:left; min-height:350px !Important; height:auto;} div#right-sub-text {margin:0px 0px 0px 35px; padding:0px 0px 0px 0px; font-size:12px; color:#463427; font-family:Tahoma; line-height:1.7em; width:610px;} div#right-sub-text p {margin:10px 0px 0px 0px;} /* - - - - - - - - - - PHOTO ZONE - - - - - - - - - - */ div.phpto-zone {width:641px; margin-left:0px; margin-top:-1px; float:right; background:url(images/content-background.gif) no-repeat; margin-left:-20px;} div#photo {width:575px; height:268px; border:0px;} * img.photo-sub-pages {float:right; overflow:visible; clear:both; margin-right:3px; display: block; width:195px; height:256px;} /*- - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */ * a#our-office {background:url(images/nav-our-office.gif);} ul#nav li a#our-office:hover, ul#nav li:hover a#our-office, ul#nav li.sfhover a#our-office {background-image:url(images/nav-our-office.gif); background-position: bottom;} li.active a#our-office {background-image:url(images/nav-our-office-act.gif);} * a#for-new-patients {background:url(images/nav-for-new-patients.gif);} ul#nav li a#for-new-patients:hover, ul#nav li:hover a#for-new-patients, ul#nav li.sfhover a#for-new-patients {background-image:url(images/nav-for-new-patients.gif); background-position: bottom;} li.active #for-new-patients {background-image:url(images/nav-for-new-patients-act.gif);} * a#about-orthodontics {background:url(images/nav-about-orthodontics.gif);} ul#nav li a#about-orthodontics:hover, ul#nav li:hover a#about-orthodontics, ul#nav li.sfhover a#about-orthodontics {background-image:url(images/nav-about-orthodontics.gif); background-position: bottom;} li.active #about-orthodontics {background-image:url(images/nav-about-orthodontics-act.gif);} * a#about-braces {background:url(images/nav-about-braces.gif);} ul#nav li a#about-braces:hover, ul#nav li:hover a#about-braces, ul#nav li.sfhover a#about-braces {background-image:url(images/nav-about-braces.gif); background-position: bottom;} li.active #about-braces {background-image:url(images/nav-about-braces-act.gif);} * a#treatment-options {background:url(images/nav-treatment-options.gif);} ul#nav li a#treatment-options:hover, ul#nav li:hover a#treatment-options, ul#nav li.sfhover a#treatment-options {background-image:url(images/nav-treatment-options.gif); background-position: bottom;} li.active #treatment-options {background-image:url(images/nav-treatment-options-act.gif);} * a#emergency-care {background:url(images/nav-emergency-care.gif);} ul#nav li a#emergency-care:hover, ul#nav li:hover a#emergency-care, ul#nav li.sfhover a#emergency-care {background-image:url(images/nav-emergency-care.gif); background-position: bottom;} li.active #emergency-care {background-image:url(images/nav-emergency-care-act.gif);} * a#fun-and-games {background:url(images/nav-fun-and-games.gif);} ul#nav li a#fun-and-games:hover, ul#nav li:hover a#fun-and-games, ul#nav li.sfhover a#fun-and-games {background-image:url(images/nav-fun-and-games.gif); background-position: bottom;} li.active #fun-and-games {background-image:url(images/nav-fun-and-games-act.gif);} * a#contact-us {background:url(images/nav-contact-us.gif);} ul#nav li a#contact-us:hover, ul#nav li:hover a#contact-us, ul#nav li.sfhover a#contact-us {background-image:url(images/nav-contact-us.gif); background-position: bottom;} li.active #contact-us {background-image:url(images/nav-contact-us-act.gif);} * a#home {background:url(images/nav-home.gif);} ul#nav li a#home:hover, ul#nav li:hover a#home, ul#nav li.sfhover a#home {background-image:url(images/nav-home.gif); background-position: bottom;} li.active #home {background-image:url(images/nav-home-act.gif);} /* - - - - - - - - - - TITLES - - - - - - - - - - */ h1#title-improving-smiles {background:url(images/title-improving-smiles.gif) no-repeat; width:352px; height:37px; margin-left:45px; margin-top:1px;} h1#title-hodges-orthodontics {background:url(images/title-hodges-orthodontics.gif) no-repeat; width:352px; height:37px; margin-left:45px; margin-top:1px;} h1#title-meet-the-doctor, h1#title-meet-the-team, h1#title-your-first-visit, h1#title-patient-forms, h1#title-why-braces, h1#title-for-children, h1#title-for-adults, h1#title-two-phase-treatment, h1#title-dentofacial-orthopedics, h1#title-tmj-tmd, h1#title-ortho-dictionary, h1#title-resources, h1#title-life-with-braces, h1#title-types-of-braces, h1#title-types-of-appliances, h1#title-palatal-expander, h1#title-patient-care-video, h1#title-retainers, h1#title-orthodontic-treatments, h1#title-invisalign, h1#title-in-ovation, h1#title-surgical-orthodontics, h1#title-emergency-care, h1#title-the-game-room, h1#title-brace-painter, h1#title-location, h1#title-appointment-request, h1#title-site-map, h1#title-office-tour, h1#title-brushing-and-flossing {width:543px; height:40px; margin-top:10px;} h1#title-meet-the-doctor {background:url(images/title-meet-the-doctor.gif) no-repeat;} h1#title-meet-the-team {background:url(images/title-meet-the-team.gif) no-repeat;} h1#title-our-office {background:url(images/title-our-office.gif) no-repeat;} h1#title-office-tour {background:url(images/title-office-tour.gif) no-repeat;} h1#title-your-first-visit {background:url(images/title-your-first-visit.gif) no-repeat;} h1#title-patient-forms {background:url(images/title-patient-forms.gif) no-repeat;} h1#title-why-braces {background:url(images/title-why-braces.gif) no-repeat;} h1#title-for-children {background:url(images/title-for-children.gif) no-repeat;} h1#title-for-adults {background:url(images/title-for-adults.gif) no-repeat;} h1#title-two-phase-treatment {background:url(images/title-two-phase-treatment.gif) no-repeat;} h1#title-dentofacial-orthopedics {background:url(images/title-dentofacial-orthopedics.gif) no-repeat;} h1#title-tmj-tmd {background:url(images/title-tmj-tmd.gif) no-repeat;} h1#title-ortho-dictionary {background:url(images/title-ortho-dictionary.gif) no-repeat;} h1#title-resources {background:url(images/title-resources.gif) no-repeat;} h1#title-life-with-braces {background:url(images/title-life-with-braces.gif) no-repeat;} h1#title-types-of-braces {background:url(images/title-types-of-braces.gif) no-repeat;} h1#title-types-of-appliances {background:url(images/title-types-of-appliances.gif) no-repeat;} h1#title-palatal-expander {background:url(images/title-palatal-expander.gif) no-repeat;} h1#title-patient-care-video {background:url(images/title-patient-care-video.gif) no-repeat;} h1#title-retainers {background:url(images/title-retainers.gif) no-repeat;} h1#title-orthodontic-treatments {background:url(images/title-orthodontic-treatments.gif) no-repeat;} h1#title-invisalign {background:url(images/title-invisalign.gif) no-repeat;} h1#title-in-ovation {background:url(images/title-in-ovation.gif) no-repeat;} h1#title-surgical-orthodontics {background:url(images/title-surgical-orthodontics.gif) no-repeat;} h1#title-emergency-care {background:url(images/title-emergency-care.gif) no-repeat;} h1#title-the-game-room {background:url(images/title-the-game-room.gif) no-repeat;} h1#title-brace-painter {background:url(images/title-brace-painter.gif) no-repeat;} h1#title-location {background:url(images/title-location.gif) no-repeat;} h1#title-appointment-request {background:url(images/title-appointment-request.gif) no-repeat;} h1#title-site-map {background:url(images/title-site-map.gif) no-repeat;} h1#title-brushing-and-flossing {background:url(images/title-brushing-and-flossing.gif) no-repeat;} /* - - - - - - - - - - SITE MAP MENU - - - - - - - - - - */ div.siteMapSection {margin:13px 0px 0px 0px;} li.siteMapMenu {list-style-type:none; margin:5px 0px 0px 0px;} li.siteMapSubMenu {list-style-type:none; padding:0px 0px 0px 15px;} /* - - - - - - - - - - RESOURCES LOGOS - - - - - - - - - - */ dl.logos, dl.logos dt, dl.logos dd {list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} /* - - - - - - - - - - H1, H2, H3, H4, TEXTS - - - - - - - - - - */ h1 {margin: 0 0 7px; padding: 0; background-repeat:no-repeat;} h2 {margin: 0; padding: 0; font-size:12px; color:#463427; font-family:Tahoma; text-decoration:none;} h3 {margin:10px 0px 0px; padding: 0; font-size:12px; color:#8f6a50; font-family:Tahoma; text-decoration:none;} h5 {margin: 0; padding: 0; text-indent:-999em; background-repeat:no-repeat;font-family:Tahoma; text-decoration:none;} h6 {margin:10px 0px 0px; padding: 0; font-size:14px; color:#463427; font-family:Tahoma; text-decoration:none;} h1.title, ul#logo h1 {text-indent:-999em;} h1 big {margin: 20px -1px; padding: 0; display: block; font-weight: normal; font-size: 18px; line-height: 20px;} ul.content-texts {list-style-type:disc; margin:10px 0px 0px 15px; padding: 0;} span.underline {text-decoration:underline;} span.underline-bold {text-decoration:underline; font-weight:bold;} /* - - - - - - - - - - FOOTER - - - - - - - - - - */ div#footer {height:166px; text-align:center; font-family:Tahoma;} div#footer-sub {background:url(images/footer.gif) no-repeat; width:908px; height:166px; text-align:left; font-size:12px; color:#8f6a50; margin:0px auto; margin-top:0px;} div#footer-text {padding-top:25px;} div#footer p {margin:10px 0px; text-align:center; line-height:1.5em; font-size:12px; font-family:Tahoma;} div#footer p a {color:#8f6a50; text-decoration:none; font-size:12px; line-height:1em;} div#footer p a:hover, div#footer a:hover {color:#ac886e; text-decoration:none;} * a.web-site-by {color:#463427;} span.square-brown {background:url(images/square-brown.gif) no-repeat; padding-left:9px; margin-left:2px;} /* - - - - - - - - - - IMAGES - - - - - - - - - - */ * img.invisalign-img {float:right; margin:0px 5px 35px 25px;} /* - - - - - - - - - - IN-OVATION - - - - - - - - - - */ div.left {float:left; margin:0px 20px 10px 0px;} div.clear {clear:both;} h2.media-center {background:#463427; color:#ffffff; margin:0; padding:5px;} div.media-center {background:#a17d64; color:#ffffff; display:inline-block; margin-bottom:10px; overflow:auto; padding:10px; width:590px;} div.media-center a {color:#ffffff;} div.media-center img {border:1px solid #ffffff;} /* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */ div#sesame-game {background:#000000; line-height:0; margin:5px auto; margin-bottom:30px; text-align:center; width:400px;} ul#sesame-games {list-style:none; margin:0; padding:0;} ul#sesame-games li {clear:both; display:block;} ul#sesame-games img {border:0; margin:0 0 10px 5px} ul#sesame-games a.button {float:right; height:85px; width:200px;} ul#sesame-games p {padding-bottom:1em;} /* - - - - - - - - - - LOCATION - - - - - - - - - - */ ul.location {list-style-type:none; margin: 0 0 0 15px; padding: 0; font-size:14px}