html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:"Arial", Verdana, Helvetica, sans-serif;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#eae6e4 url(images/body-bg.jpg) repeat-x; margin:0px; font-weight:normal; font-size:12px; color:#435364; line-height:20px; font-style:normal; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#6c207f;}
a:visited {color:#6c207f;}
a.noVisited:visited {color:#6c207f;}
a:hover, a.noVisited:hover {color:#6c207f;}
/* - - - - - - - - - - BACKGROUND ELEMENTS - - - - - - - - - - */
#background-tile {background:url(images/back-tile.gif) repeat-y; width:878px; margin:0px auto;}
#background-image {background:url(images/back-img.jpg) no-repeat; width:878px; margin:0px auto;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
h1.logo {margin:0px; overflow:hidden; text-indent:-999em; height:164px;}
h1.logo a {display:block; width:380px; height:90px; margin:30px 0px 0px 20px;}
#head {margin:0px auto; width:870px; height:164px; background:url(images/header.jpg) no-repeat;}
#content {margin:0px auto; width:870px; background:url(images/content-tile.gif) repeat-y;}
/* - - - - - - - - - - TOP ADDRESS - - - - - - - - - - */
.address-general {position:absolute; top:10px; margin-left:420px;}
.address-one {float:left; background:url(images/address-one.jpg) no-repeat; width:154px; height:119px;}
.address-one p {text-indent:-999em;}
.address-two {float:left; background:url(images/address-two.jpg) no-repeat; width:154px; height:119px;}
.address-two p {text-indent:-999em;}
.address-three {float:left; background:url(images/address-three.jpg) no-repeat; width:122px; height:119px;}
.address-three p {text-indent:-999em;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-homepage {width:870px; height:210px;}
.flash-replaced .alt {display:block; width:0px; height:0px; position:absolute; overflow:hidden;}
.backflashplayer {background-color:#dad4d0; width:350px; line-height:1.5em; border:solid 1px #6c207f; font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:11px; padding:10px 10px 0px 10px; margin:30px 0px 0px 250px; height:80px;}
.getflashplayer {float:left; margin:0px 5px 10px 5px; padding:0px 0px 10px 0px;}
#flash-brushing-and-flossing-ortho {width:500px; height:300px; margin:10px auto;}
#flash-patient-care {margin:0px 0px 0px 45px;}
#flash-braces-diagram {margin:15px 0px 0px 45px;}
#flash-brace-painter {margin:0px 0px 0px 45px;}
#flash-types-of-appliances {margin:15px 0px 0px 45px;}
#flash-palatal-expander {margin:35px 0px 0px 30px;}
#video-invisalign {width:320px; height:239px; margin:35px 0px 0px 35px;}
#flash-emergency-care {margin:15px 0px 20px 45px;}
/* - - - - - - - - - - GENERAL MENU - - - - - - - - - - */
#cool {width:870px; overflow:visible;}
#top-nav a {display:block; overflow:hidden; text-indent:-999em;}
#top-nav {margin:0px 0px 0px 0px; padding:0px; z-index:200;}
#top-nav li {float:left; margin-left:0px;}
#top-nav a:hover {background-position:0px -36px;}
#top-nav .active {background-position:0px -36px;}
#top-nav li:hover ul {left:auto; top:36px;}
#top-nav li.sfhover ul {left:auto; top:36px;}
#top-nav .active {cursor:default;}
#top-nav ul {padding:0px; margin:0px; list-style-type:none;}
#top-nav ul li {float:none;}
ul#top-nav {list-style-type:none; position:absolute; top:128px; margin:0px 0px 0px 0px;}
#top-nav a {display:block; overflow:hidden; text-indent:-999em;}
#top-nav {margin:0px 0px 0px 0px; padding:0px; z-index:200;}
#top-nav li {float:left;}
#top-nav li ul {padding:0px 0px 0px 0px; left:-9999em; position:absolute; height:auto; margin:0px 0px 0px 0px;}
#top-nav ul li a {padding:3px 20px 3px 14px; font-size:12px; margin:0px; color:#4a2b43; text-indent:0px; height:24px; text-decoration:none; font-family:"Arial", Verdana, Helvetica, sans-serif; font-weight:bold; background:#b884c2;}
#top-nav ul li a:hover {color:#ffffff; font-weight:bold; background:#7f3391;}
.pop-up {width:170px;}
.pop-up-braces {width:280px;}
.pop-up-options {width:200px;}
.pop-up-sub {margin-left:9px !Important; width:170px;}
/* - - - - - - - - - - GENERAL SUB MENU - - - - - - - - - - */
#about-us {background:url(images/top-nav-about-us.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:85px; height:36px;}
#top-nav li a#about-us:hover, #top-nav li:hover a#about-us, #top-nav li.sfhover a#about-us {background-image:url(images/top-nav-about-us.jpg); background-position:bottom;}
.active #about-us {background-image:url(images/top-nav-about-us-act.jpg);}
#for-new-patients {background:url(images/top-nav-for-new-patients.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:125px; height:36px;}
#top-nav li a#for-new-patients:hover, #top-nav li:hover a#for-new-patients, #top-nav li.sfhover a#for-new-patients {background-image:url(images/top-nav-for-new-patients.jpg); background-position:bottom;}
.active #for-new-patients {background-image:url(images/top-nav-for-new-patients-act.jpg);}
#about-orthodontics {background:url(images/top-nav-about-orthodontics.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:145px; height:36px;}
#top-nav li a#about-orthodontics:hover, #top-nav li:hover a#about-orthodontics, #top-nav li.sfhover a#about-orthodontics {background-image:url(images/top-nav-about-orthodontics.jpg); background-position:bottom;}
.active #about-orthodontics {background-image:url(images/top-nav-about-orthodontics-act.jpg);}
#about-braces {background:url(images/top-nav-about-braces.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:105px; height:36px;}
#top-nav li a#about-braces:hover, #top-nav li:hover a#about-braces, #top-nav li.sfhover a#about-braces {background-image:url(images/top-nav-about-braces.jpg); background-position:bottom;}
.active #about-braces {background-image:url(images/top-nav-about-braces-act.jpg);}
#treatment-options {background:url(images/top-nav-treatment-options.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:136px; height:36px;}
#top-nav li a#treatment-options:hover, #top-nav li:hover a#treatment-options, #top-nav li.sfhover a#treatment-options {background-image:url(images/top-nav-treatment-options.jpg); background-position:bottom;}
.active #treatment-options {background-image:url(images/top-nav-treatment-options-act.jpg);}
#emergency-care {background:url(images/top-nav-emergency-care.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:119px; height:36px;}
#top-nav li a#emergency-care:hover, #top-nav li:hover a#emergency-care, #top-nav li.sfhover a#emergency-care {background-image:url(images/top-nav-emergency-care.jpg); background-position:bottom;}
.active #emergency-care {background-image:url(images/top-nav-emergency-care-act.jpg);}
#contact-us {background:url(images/top-nav-contact-us.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:89px; height:36px;}
#top-nav li a#contact-us:hover, #top-nav li:hover a#contact-us, #top-nav li.sfhover a#contact-us {background-image:url(images/top-nav-contact-us.jpg); background-position:bottom;}
.active #contact-us {background-image:url(images/top-nav-contact-us-act.jpg);}
#home {background:url(images/top-nav-home.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:66px; height:36px;}
#top-nav li a#home-101:hover, #top-nav li:hover a#home, #top-nav li.sfhover a#home {background-image:url(images/top-nav-home.jpg); background-position:bottom;}
.active #home {background-image:url(images/top-nav-home-act.jpg);}
ul#nav-menu {padding:33px 0px 0px 0px; margin:0px 0px 0px 0px; width:240px; list-style-type:none; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#nav-menu {margin:0px; list-style-type:none; width:240px;}
#nav-menu a {display:block; overflow:hidden; width:240px; text-indent:-999em; height:38px; font-family:"Arial", Verdana, Helvetica, sans-serif; margin:0px 0px 0px 0px;}
#nav-menu ul {margin:0px; list-style-type:none;}
#nav-menu li {list-style-type:none; float:left; clear:both; position:relative;}
#nav-menu a:hover {background-position:0px -38px;}
#nav-menu .active {background-position:0px -38px;}
#nav-menu .active {cursor:default;}
#nav-menu li:hover ul, #nav-menu li.sfhover ul {visibility:visible;}
/* - - - - - - - - - - SUB LEFT MENU - - - - - - - - - - */
#left-about-us {background:url(images/about-us-menu/left-about-us-back.jpg) no-repeat; width:240px; height:219px; margin:6px 0px 0px 0px;}
#left-for-new-patients {background:url(images/for-new-patients-menu/left-for-new-patients-back.jpg) no-repeat; width:240px; height:200px; margin:6px 0px 0px 0px;}
#left-about-orthodontics {background:url(images/about-orthodontics-menu/left-about-orthodontics-back.jpg) no-repeat; width:240px; height:315px; margin:6px 0px 0px 0px;}
#left-about-braces {background:url(images/about-braces-menu/left-about-braces-back.jpg) no-repeat; width:240px; height:366px; margin:6px 0px 0px 0px;}
#left-treatment-options {background:url(images/treatment-options-menu/left-treatment-options-back.jpg) no-repeat; width:240px; height:271px; margin:6px 0px 0px 0px;}
#left-contact-us {background:url(images/contact-us-menu/left-contact-us-back.jpg) no-repeat; width:240px; height:220px; margin:6px 0px 0px 0px;}
/* - - - - - - - - - - SUB NAVIGATION - - - - - - - - - - */
#meet-dr-caruso {background:url(images/about-us-menu/nav-menu-meet-dr-caruso.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#meet-dr-caruso:hover, #nav-menu li:hover a#meet-dr-caruso, #nav-menu li.sfhover a#meet-dr-caruso {background-image:url(images/about-us-menu/nav-menu-meet-dr-caruso.jpg); background-position:bottom;}
.active #meet-dr-caruso {background-image:url(images/about-us-menu/nav-menu-meet-dr-caruso-act.jpg);}
#meet-the-team {background:url(images/about-us-menu/nav-menu-meet-the-team.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#meet-the-team:hover, #nav-menu li:hover a#meet-the-team, #nav-menu li.sfhover a#meet-the-team {background-image:url(images/about-us-menu/nav-menu-meet-the-team.jpg); background-position:bottom;}
.active #meet-the-team {background-image:url(images/about-us-menu/nav-menu-meet-the-team-act.jpg);}
#the-game-room {background:url(images/about-us-menu/nav-menu-the-game-room.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#the-game-room:hover, #nav-menu li:hover a#the-game-room, #nav-menu li.sfhover a#the-game-room {background-image:url(images/about-us-menu/nav-menu-the-game-room.jpg); background-position:bottom;}
.active #the-game-room {background-image:url(images/about-us-menu/nav-menu-the-game-room-act.jpg);}
#office-policies {background:url(images/for-new-patients-menu/nav-menu-office-policies.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#office-policies:hover, #nav-menu li:hover a#office-policies, #nav-menu li.sfhover a#office-policies {background-image:url(images/for-new-patients-menu/nav-menu-office-policies.jpg); background-position:bottom;}
.active #office-policies {background-image:url(images/for-new-patients-menu/nav-menu-office-policies-act.jpg);}
#patient-forms {background:url(images/for-new-patients-menu/nav-menu-patient-forms.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#patient-forms:hover, #nav-menu li:hover a#patient-forms, #nav-menu li.sfhover a#patient-forms {background-image:url(images/for-new-patients-menu/nav-menu-patient-forms.jpg); background-position:bottom;}
.active #patient-forms {background-image:url(images/for-new-patients-menu/nav-menu-patient-forms-act.jpg);}
#for-children {background:url(images/about-orthodontics-menu/nav-menu-for-children.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#for-children:hover, #nav-menu li:hover a#for-children, #nav-menu li.sfhover a#for-children {background-image:url(images/about-orthodontics-menu/nav-menu-for-children.jpg); background-position:bottom;}
.active #for-children {background-image:url(images/about-orthodontics-menu/nav-menu-for-children-act.jpg);}
#for-adults {background:url(images/about-orthodontics-menu/nav-menu-for-adults.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#for-adults:hover, #nav-menu li:hover a#for-adults, #nav-menu li.sfhover a#for-adults {background-image:url(images/about-orthodontics-menu/nav-menu-for-adults.jpg); background-position:bottom;}
.active #for-adults {background-image:url(images/about-orthodontics-menu/nav-menu-for-adults-act.jpg);}
#why-braces {background:url(images/about-orthodontics-menu/nav-menu-why-braces.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#why-braces:hover, #nav-menu li:hover a#why-braces, #nav-menu li.sfhover a#why-braces {background-image:url(images/about-orthodontics-menu/nav-menu-why-braces.jpg); background-position:bottom;}
.active #why-braces {background-image:url(images/about-orthodontics-menu/nav-menu-why-braces-act.jpg);}
#two-phase-treatment {background:url(images/about-orthodontics-menu/nav-menu-two-phase-treatment.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#two-phase-treatment:hover, #nav-menu li:hover a#two-phase-treatment, #nav-menu li.sfhover a#two-phase-treatment {background-image:url(images/about-orthodontics-menu/nav-menu-two-phase-treatment.jpg); background-position:bottom;}
.active #two-phase-treatment {background-image:url(images/about-orthodontics-menu/nav-menu-two-phase-treatment-act.jpg);}
#ortho-dictionary {background:url(images/about-orthodontics-menu/nav-menu-ortho-dictionary.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#ortho-dictionary:hover, #nav-menu li:hover a#ortho-dictionary, #nav-menu li.sfhover a#ortho-dictionary {background-image:url(images/about-orthodontics-menu/nav-menu-ortho-dictionary.jpg); background-position:bottom;}
.active #ortho-dictionary {background-image:url(images/about-orthodontics-menu/nav-menu-ortho-dictionary-act.jpg);}
#faqs {background:url(images/about-orthodontics-menu/nav-menu-faqs.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#faqs:hover, #nav-menu li:hover a#faqs, #nav-menu li.sfhover a#faqs {background-image:url(images/about-orthodontics-menu/nav-menu-faqs.jpg); background-position:bottom;}
.active #faqs {background-image:url(images/about-orthodontics-menu/nav-menu-faqs-act.jpg);}
#life-with-braces {background:url(images/about-braces-menu/nav-menu-life-with-braces.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#life-with-braces:hover, #nav-menu li:hover a#life-with-braces, #nav-menu li.sfhover a#life-with-braces {background-image:url(images/about-braces-menu/nav-menu-life-with-braces.jpg); background-position:bottom;}
.active #life-with-braces {background-image:url(images/about-braces-menu/nav-menu-life-with-braces-act.jpg);}
#patient-care-videos {background:url(images/about-braces-menu/nav-menu-patient-care-videos.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#patient-care-videos:hover, #nav-menu li:hover a#patient-care-videos, #nav-menu li.sfhover a#patient-care-videos {background-image:url(images/about-braces-menu/nav-menu-patient-care-videos.jpg); background-position:bottom;}
.active #patient-care-videos {background-image:url(images/about-braces-menu/nav-menu-patient-care-videos-act.jpg);}
#types-of-braces {background:url(images/about-braces-menu/nav-menu-types-of-braces.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#types-of-braces:hover, #nav-menu li:hover a#types-of-braces, #nav-menu li.sfhover a#types-of-braces {background-image:url(images/about-braces-menu/nav-menu-types-of-braces.jpg); background-position:bottom;}
.active #types-of-braces {background-image:url(images/about-braces-menu/nav-menu-types-of-braces-act.jpg);}
#braces-diagram {background:url(images/about-braces-menu/nav-menu-braces-diagram.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#braces-diagram:hover, #nav-menu li:hover a#braces-diagram, #nav-menu li.sfhover a#braces-diagram {background-image:url(images/about-braces-menu/nav-menu-braces-diagram.jpg); background-position:bottom;}
.active #braces-diagram {background-image:url(images/about-braces-menu/nav-menu-braces-diagram-act.jpg);}
#brace-painter {background:url(images/about-braces-menu/nav-menu-brace-painter.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#brace-painter:hover, #nav-menu li:hover a#brace-painter, #nav-menu li.sfhover a#brace-painter {background-image:url(images/about-braces-menu/nav-menu-brace-painter.jpg); background-position:bottom;}
.active #brace-painter {background-image:url(images/about-braces-menu/nav-menu-brace-painter-act.jpg);}
#types-of-appliances {background:url(images/about-braces-menu/nav-menu-types-of-appliances.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#types-of-appliances:hover, #nav-menu li:hover a#types-of-appliances, #nav-menu li.sfhover a#types-of-appliances {background-image:url(images/about-braces-menu/nav-menu-types-of-appliances.jpg); background-position:bottom;}
.active #types-of-appliances {background-image:url(images/about-braces-menu/nav-menu-types-of-appliances-act.jpg);}
#palatal-expander-palatal-expander-video {background:url(images/about-braces-menu/nav-menu-palatal-expander-palatal-expander-video.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#palatal-expander-palatal-expander-video:hover, #nav-menu li:hover a#palatal-expander-palatal-expander-video, #nav-menu li.sfhover a#palatal-expander-palatal-expander-video {background-image:url(images/about-braces-menu/nav-menu-palatal-expander-palatal-expander-video.jpg); background-position:bottom;}
.active #palatal-expander-palatal-expander-video {background-image:url(images/about-braces-menu/nav-menu-palatal-expander-palatal-expander-video-act.jpg);}
#orthodontic-treatments {background:url(images/treatment-options-menu/nav-menu-orthodontic-treatments.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#orthodontic-treatments:hover, #nav-menu li:hover a#orthodontic-treatments, #nav-menu li.sfhover a#orthodontic-treatments {background-image:url(images/treatment-options-menu/nav-menu-orthodontic-treatments.jpg); background-position:bottom;}
.active #orthodontic-treatments {background-image:url(images/treatment-options-menu/nav-menu-orthodontic-treatments-act.jpg);}
#invisalign {background:url(images/treatment-options-menu/nav-menu-invisalign.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#invisalign:hover, #nav-menu li:hover a#invisalign, #nav-menu li.sfhover a#invisalign {background-image:url(images/treatment-options-menu/nav-menu-invisalign.jpg); background-position:bottom;}
.active #invisalign {background-image:url(images/treatment-options-menu/nav-menu-invisalign-act.jpg);}
#in-ovation {background:url(images/treatment-options-menu/nav-menu-in-ovation.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#in-ovation:hover, #nav-menu li:hover a#in-ovation, #nav-menu li.sfhover a#in-ovation {background-image:url(images/treatment-options-menu/nav-menu-in-ovation.jpg); background-position:bottom;}
.active #in-ovation {background-image:url(images/treatment-options-menu/nav-menu-in-ovation-act.jpg);}
#dentofacial-orthopedics {background:url(images/treatment-options-menu/nav-menu-dentofacial-orthopedics.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#dentofacial-orthopedics:hover, #nav-menu li:hover a#dentofacial-orthopedics, #nav-menu li.sfhover a#dentofacial-orthopedics {background-image:url(images/treatment-options-menu/nav-menu-dentofacial-orthopedics.jpg); background-position:bottom;}
.active #dentofacial-orthopedics {background-image:url(images/treatment-options-menu/nav-menu-dentofacial-orthopedics-act.jpg);}
#location {background:url(images/contact-us-menu/nav-menu-location.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#location:hover, #nav-menu li:hover a#location, #nav-menu li.sfhover a#location {background-image:url(images/contact-us-menu/nav-menu-location.jpg); background-position:bottom;}
.active #location {background-image:url(images/contact-us-menu/nav-menu-location-act.jpg);}
#appointment-request {background:url(images/contact-us-menu/nav-menu-appointment-request.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#appointment-request:hover, #nav-menu li:hover a#appointment-request, #nav-menu li.sfhover a#appointment-request {background-image:url(images/contact-us-menu/nav-menu-appointment-request.jpg); background-position:bottom;}
.active #appointment-request {background-image:url(images/contact-us-menu/nav-menu-appointment-request-act.jpg);}
#comment-form {background:url(images/contact-us-menu/nav-menu-comment-form.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-menu li a#comment-form:hover, #nav-menu li:hover a#comment-form, #nav-menu li.sfhover a#comment-form {background-image:url(images/contact-us-menu/nav-menu-comment-form.jpg); background-position:bottom;}
.active #comment-form {background-image:url(images/contact-us-menu/nav-menu-comment-form-act.jpg);}
/* - - - - - - - - - - QUICK LINKS - - - - - - - - - - */
#quick-links {background:url(images/quick-links.jpg) no-repeat; width:240px; height:253px; margin:12px 0px 0px 0px;}
ul#nav-links {padding:33px 0px 0px 0px; margin:0px 0px 0px 0px; width:240px; list-style-type:none; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#nav-links {margin:0px; list-style-type:none; width:240px;}
#nav-links a {display:block; overflow:hidden; width:240px; text-indent:-999em; height:48px; font-family:"Arial", Verdana, Helvetica, sans-serif; margin:0px 0px 0px 0px;}
#nav-links ul {margin:0px; list-style-type:none;}
#nav-links li {list-style-type:none; float:left; clear:both; position:relative;}
#nav-links a:hover {background-position:0px -48px;}
#nav-links .active {background-position:0px -48px;}
#nav-links .active {cursor:default;}
#nav-links li:hover ul, #nav-links li.sfhover ul {visibility:visible;}
#link-one {background:url(images/nav-link-one.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-links li a#link-one:hover, #nav-links li:hover a#link-one, #nav-links li.sfhover a#link-one {background-image:url(images/nav-link-one.jpg); background-position:bottom;}
#link-two {background:url(images/nav-link-two.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-links li a#link-two:hover, #nav-links li:hover a#link-two, #nav-links li.sfhover a#link-two {background-image:url(images/nav-link-two.jpg); background-position:bottom;}
#link-three {background:url(images/nav-link-three.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em;}
#nav-links li a#link-three:hover, #nav-links li:hover a#link-three, #nav-links li.sfhover a#link-three {background-image:url(images/nav-link-three.jpg); background-position:bottom;}
/* - - - - - - - - - - LEFT SIDE BANNERS - - - - - - - - - - */
#left-side-banner {background:url(images/invisalign-link.jpg) no-repeat; width:240px; height:170px; margin:0px 0px 0px 0px;}
#invisalign-banner {list-style-type:none;}
#invisalign-banner a {display:block; width:240px; height:115px; margin:0px 0px 0px 0px; text-indent:-999em;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.text-top {margin-top:0px !important;}
.small-tile {background:url(images/sm-tile.gif) repeat-x; width:556px; height:1px; margin-left:32px; margin-bottom:35px;}
.meet-team {height:380px;}
.logo-links {height:100px; padding-top:10px;}
.logo-links-left {float:left; margin-left:30px; border:solid 1px #6c207f;}
.logo-links-right {float:right; border:solid 1px #6c207f; margin-right:55px;}
blockquote {margin-left:30px; margin-right:20px;}
img.right {clear:right; float:right; margin:0px 30px 10px 15px; border:solid 1px #6c207f;}
.treatments {height:160px;}
.meet-team {height:370px;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#leftMenu {overflow:hidden; width:870px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(images/right-side-back.jpg) no-repeat bottom left;}
#left-section {float:right; width:256px; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif;}
ul#nav-section {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:256px; list-style-type:none; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#nav-section {margin:0px; list-style-type:none; width:256px;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.right-side {width:614px; margin:0px; float:left;}
#right-column {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#777777; font-family:"Arial", Verdana, Helvetica, sans-serif; float:right; width:614px;}
#right-column {height:auto !important;}
#right-column p {margin:13px 30px 20px 30px; line-height:1.5em;}
#right-column ul {margin:7px 30px 15px 60px; line-height:1.5em;}
#right-column ol {margin:7px 30px 20px 50px;}
/* - - - - - - - - - - PHOTO - - - - - - - - - - */
.photo-small {float:right; margin:8px 35px 20px 20px;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/footer.jpg) no-repeat; width:878px; height:150px; margin:0px auto;}
#footer-menu {text-align:center; color:#6c207f; padding-top:25px; font-size:12px;}
#footer-menu a {color:#6c207f; text-decoration:none; font-weight:normal;}
#footer-slogan {text-align:center; color:#ffffff; padding-top:5px; line-height:1.5em; font-weight:bold; font-size:12px;}
#footer-slogan p {padding:0px 25px 0px 25px;}
#sesame-link {color:#9d8d85; text-align:center; padding-top:10px; font-size:12px;}
#sesame-link a {color:#9d8d85; text-decoration:none; font-weight:normal;}
/* - - - - - - - - - - THE GAME ROOM- - - - - - - - - - */
div#sesame-game {background:#000; line-height:0; margin:0px auto 15px auto; text-align:center; width:400px;}
ul#sesame-games {list-style:none; margin:0 0 0 0; padding:0;}
ul#sesame-games li {clear:both; display:block;}
ul#sesame-games img {border:0; float:right; margin:0 0 10px 10px;}
ul#sesame-games a.button {float:right; height:85px; width:200px;}
ul#sesame-games p {padding-bottom:1em;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/title-welcome.jpg) no-repeat; width:607px; height:75px; margin:0px 0px 0px 0px;}
#title-meet-dr-caruso {background:url(images/title-meet-dr-caruso.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-meet-the-team {background:url(images/title-meet-the-team.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-the-game-room {background:url(images/title-the-game-room.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-office-policies {background:url(images/title-office-policies.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-for-children {background:url(images/title-for-children.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-for-adults {background:url(images/title-for-adults.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-why-braces {background:url(images/title-why-braces.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-two-phase-treatment {background:url(images/title-two-phase-treatment.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-ortho-dictionary {background:url(images/title-ortho-dictionary.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-faqs {background:url(images/title-faqs.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-life-with-braces {background:url(images/title-life-with-braces.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-patient-care-videos {background:url(images/title-patient-care-videos.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-types-of-braces {background:url(images/title-types-of-braces.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-braces-diagram {background:url(images/title-braces-diagram.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-brace-painter {background:url(images/title-brace-painter.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-types-of-appliances {background:url(images/title-types-of-appliances.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-palatal-expander-palatal-expander-video {background:url(images/title-palatal-expander-palatal-expander-video.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-orthodontic-treatments {background:url(images/title-orthodontic-treatments.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-invisalign {background:url(images/title-invisalign.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-in-ovation {background:url(images/title-in-ovation.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-dentofacial-orthopedics {background:url(images/title-dentofacial-orthopedics.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-emergency-care {background:url(images/title-emergency-care.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-location {background:url(images/title-location.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-appointment-request {background:url(images/title-appointment-request.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-comment-form {background:url(images/title-comment-form.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-site-map {background:url(images/title-site-map.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-404-error {background:url(images/title-404-error.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#title-500-error {background:url(images/title-500-error.jpg) no-repeat; width:571px; height:95px; margin:0px 0px 0px 0px;}
#parts-of-braces {margin:5px 25px 10px 30px; font-weight:bold; font-size:14px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#6c207f; line-height:1.6em;}
#orthodontic-procedures {margin:5px 25px 10px 30px; font-weight:bold; font-size:14px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#6c207f; line-height:1.6em;}
.hide {display:none;}
/* - - - - - - - - - - H1, H2, H3, H4 - - - - - - - - - - */
h1 {padding-right: 0px; padding-left:0px; padding-bottom:0px; padding-top:0px; margin:0px; text-indent:-999em; background-repeat:no-repeat;}
h2 {margin:5px 25px 10px 30px; font-weight:bold; font-size:14px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#9d8d85; line-height:1.6em;}
h3 {margin:0px 25px 15px 30px; font-weight:bold; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#6c207f; line-height:1.5em;}
h4 {margin:5px 30px 15px 30px; font-weight:bold; font-style:italic; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#9d8d85; line-height:1.6em;}
.left {float:left; margin:0px 10px 10px 30px;}
.clear {
clear:both;}
h2.media-center {
background:#6c207f;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#a4968e;
color:#FFF;
margin-bottom:10px;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}
.flash {
border: solid 1px #ccc;}
#flash-in-ovation {
width: 320px;
height: 266px;}
/* - - - - - - - - - - FORMS- - - - - - - - - - */
.forms {padding-top:25px; height:50px;}
.forms p {margin:0px 0px 0px 0px !important;}
.forms-sub {float:left !important; width:220px !important;}
/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
width: 85%;
margin-top: 0px;
margin-left:30px !Important;
border:solid 2px #6c207f;/*optional, change color to match site*/
background: #ffffff;
}
fieldset {border: 0; padding: 9px 0;color: #6a217d; margin: 0 18px;}
fieldset div {clear: both;}
.form-header {color: #777777; border-bottom: 1px solid #6c207f;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #6c207f;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
margin: 9px auto;/*do not change, controls positioning*/
display: block;
width:125px;
height:31px;
background:#eae6e4;/* customize me! */
border: 1px solid #6c207f;
text-align:center;
line-height:31px;
color:#777777;/* customize me! */
font-size:12px;
font-weight:bold;}
fieldset input, fieldset textarea, fieldset select {line-height: 18px; height: 18px; padding: 4px 9px 5px 9px; border: 1px solid #002544;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #002544;}
fieldset label {margin-top: 9px;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
label.required {background: url(../images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input {line-height: 27px; vertical-align: middle;}
/* appointment form */
.appointment-form {
margin: 18px 0;
padding: 10px;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;
margin-top: 9px;
line-height: 18px;
}
.appointment-form label span {/*sits below labels; holds instructions*/
color:#777777;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
float:left;
font-size:12px;
padding:0 2px;
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.appointment-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;
vertical-align: middle;
line-height: 18px;}
.appointment-form span#found-other {width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.radio input, .appointment-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 4px 2px;}
/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.jpg) 0 0 no-repeat; color: #a52003;
display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px;}
div.success {padding-left: 18px; background: url(../images/validate_ok.jpg) 0 0 no-repeat; color: #000000;
display: block;margin:0 0 9px 47%;font-size: 11px; font-weight: normal; line-height: 18px;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}
/* comment form */
div.comments {
margin: 0px 0;
padding: 10px;
}
.comments li {font-weight: bold; margin: 0;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;}
.comments label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
float:left;
font-size:12px;
padding:0 2px;
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.comments p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 0;
vertical-align: middle;
line-height: 18px;}
.comments p.verification {margin-top: 0;}
.comments p.radio input, .comments p.radio-float input {
float: none;
margin: 0 0 0 0;
padding: 4px 2px;
width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;}