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;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#ce6221;}
a:visited {color:#ce6221;}
a.noVisited:visited {color:#ce6221;}
a:hover, a.noVisited:hover {color:#ce6221;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#ce6221; margin:0px; font-weight:normal; font-size:12px; color:#000000; line-height:20px; font-style:normal; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none;}
#body-tile {background:url(images/body-tile.gif) repeat-y; width:835px; margin:0px auto;}
#content {background:url(images/content-tile.gif) repeat-y; width:807px; margin:0px auto;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
#header {background:url(images/header.jpg) no-repeat; margin:0px auto; width:807px; height:196px;}
#logo {list-style-type:none;}
#logo a {display:block; width:190px; height:170px; margin:0px 0px 0px 20px;}
#five-star {width:300px; height:50px;}
#five-star-sub {list-style-type:none; text-indent:-999em;}
#five-star-sub a {display:block; width:300px; height:50px; margin:0px 0px 0px 490px;}
/* - - - - - - - - - - ADDRESS - - - - - - - - - - */
#address {position:absolute; top:50px; color:#ffffff; text-align:right; font-size:12px; font-weight:bold; line-height:1.5em; margin-left:575px;}
#address p {margin:0px 17px 0px 0px; padding:0px; padding-bottom:5px;}
.address-size {font-size:12px; line-height:16px;}
.address-top {padding-top:18px; line-height:16px;}
#address .email a{ color:#522776; text-decoration:none; }
#address .email a:hover{ color:#522776; text-decoration:underline; }
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#leftMenu {overflow:hidden; width:807px; margin:0px 0px 0px 0px;}
#col1 {float:left; width:208px; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/left-menu-background.jpg) no-repeat; height:630px;}
ul#nav {padding:0px 0px 0px 0px; margin:15px 0px 0px 0px; width:208px; height:420px; list-style-type:none; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#nav {margin:0px; list-style-type:none; width:208px;}
#nav a {display:block; overflow:hidden; width:208px; text-indent:-999em; height:30px; font-family:"Arial", Verdana, Helvetica, sans-serif; margin:0px 0px 0px 0px;}
#nav ul {margin:5px; list-style-type:none;}
#nav li {list-style-type:none; float:left; clear:both; position:relative;}
#nav a:hover {background-position:0px -30px;}
#nav .active {background-position:0px -30px;}
#nav .active {cursor:default;}
#nav li:hover ul, #nav li.sfhover ul {visibility:visible;}
#nav li ul {padding:0px 0px 0px 0px; left:-9999em; position:absolute; top:0px; height:auto;}
#nav li ul a:hover {color:#ffffff; background:#92278f;}
#nav li:hover ul, #nav li.sfhover ul {visibility:visible;}
/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */
#about-our-office {background-image:url(images/nav-about-our-office.jpg); width:208px;}
#nav li a#about-our-office:hover, #nav li:hover a#about-our-office, #nav li.sfhover a#about-our-office {background-image:url(images/nav-about-our-office.jpg); background-position: bottom;}
.active #about-our-office {background-image:url(images/nav-about-our-office-act.jpg);}
#special-advisories {background-image:url(images/nav-special-advisories.jpg); width:208px;}
#nav li a#special-advisories:hover, #nav li:hover a#special-advisories, #nav li.sfhover a#special-advisories {background-image:url(images/nav-special-advisories.jpg); background-position: bottom;}
.active #special-advisories {background-image:url(images/nav-special-advisories-act.jpg);}
#about-orthodontics {background-image:url(images/nav-about-orthodontics.jpg); width:208px;}
#nav li a#about-orthodontics:hover, #nav li:hover a#about-orthodontics, #nav li.sfhover a#about-orthodontics {background-image:url(images/nav-about-orthodontics.jpg); background-position: bottom;}
.active #about-orthodontics {background-image:url(images/nav-about-orthodontics-act.jpg);}
#faq {background-image:url(images/nav-faq.jpg); width:208px;}
#nav li a#faq:hover, #nav li:hover a#faq, #nav li.sfhover a#faq {background-image:url(images/nav-faq.jpg); background-position: bottom;}
.active #faq {background-image:url(images/nav-faq-act.jpg);}
#braces-101 {background-image:url(images/nav-braces-101.jpg); width:208px;}
#nav li a#braces-101:hover, #nav li:hover a#braces-101, #nav li.sfhover a#braces-101 {background-image:url(images/nav-braces-101.jpg); background-position: bottom;}
.active #braces-101 {background-image:url(images/nav-braces-101-act.jpg);}
#emergency-care {background-image:url(images/nav-emergency-care-videos.jpg); width:208px;}
#nav li a#emergency-care:hover, #nav li:hover a#emergency-care, #nav li.sfhover a#emergency-care {background-image:url(images/nav-emergency-care-videos.jpg); background-position: bottom;}
.active #emergency-care {background-image:url(images/nav-emergency-care-videos-act.jpg);}
#treatment-options {background:url(images/nav-treatment-options.jpg); width:208px;}
#nav li a#treatment-options:hover, #nav li:hover a#treatment-options, #nav li.sfhover a#treatment-options {background-image:url(images/nav-treatment-options.jpg); background-position:bottom;}
.active #treatment-options {background-image:url(images/nav-treatment-options-act.jpg);}
#contact-us {background:url(images/nav-contact-us.jpg); width:208px;}
#nav li a#contact-us:hover, #nav li:hover a#contact-us, #nav li.sfhover a#contact-us {background-image:url(images/nav-contact-us.jpg); background-position:bottom;}
.active #contact-us {background-image:url(images/nav-contact-us-act.jpg);}
#home {background-image:url(images/nav-home.jpg); width:228px;}
#nav li a#home:hover, #nav li:hover a#home, #nav li.sfhover a#home {background-image:url(images/nav-home.jpg); background-position: bottom;}
.active #home {background-image:url(images/nav-home-act.jpg);}
#sub-menu {margin-top:15px; color:#ce6221;}
.top-sub-menu {margin:0px 25px 0px 18px !important; color:#000000;}
.text-top-sub-menu {margin:0px 25px 0px 18px !important;}
.active-sub {text-decoration:none; color:#ce6221;}
/* - - - - - - - - - - HOME BANNER - - - - - - - - - - */
#call-banner {background:url(images/call-banner.jpg) no-repeat; width:158px; height:105px; display:block; clear:both; margin-left:37px;}
#banner {list-style-type:none; text-indent:-999em;}
#banner a {display:block; clear:both; width:158px; height:105px; margin:0px 0px 0px 0px;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.rightSide {width:599px; margin:0px; margin-top:0px; float:right;}
#rightColumn {margin:0px 0px 30px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#000000; font-family:"Arial"; float:right; width:599px;}
#rightColumn {height:auto !important;}
#rightColumn p {margin:17px 25px 15px 19px; line-height:1.5em;}
#rightColumn ul {margin:5px 25px 14px 34px; line-height:1.5em;}
#rightColumn ul a {color:#ce6221;}
#rightColumn ol {margin:5px 25px 14px 44px;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.text {margin-top:0px !important;}
.text-top {margin:0px 25px 0px 0px !important;}
.text-bottom {margin-top:15px;}
#home-links {height:37px; padding-left:20px;}
.home-links-left {float:left;}
.text-bottom-pages {padding-top:40px; width:500px;}
.reader {padding-top:30px;}
#about-ortho-text {height:250px;}
blockquote {margin-left:30px;}
#small-tile {background:url(images/sm-tile.gif) repeat-x; width:550px; height:1px; margin-left:20px; margin-bottom:15px;}
.ask-the-ortho {color:#ce6221; font-size:15px;}
#logo-links {height:80px; padding-top:15px;}
.logo-links-left {float:left; margin-left:20px; border:solid 1px #cc6600;}
.logo-links-right {float:right; border:solid 1px #cc6600; margin-right:25px;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/title-welcome.jpg) no-repeat; width:465px; height:68px; margin-left:18px;}
#title-meet-dr-nelson {background:url(images/title-meet-dr-nelson.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-meet-dr-berco {background:url(images/title-meet-dr-berco.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-meet-dr-murthy {background:url(images/title-meet-dr-murthy.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-meet-the-team {background:url(images/title-meet-the-team.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-office-tour {background:url(images/title-office-tour.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-events {background:url(images/title-events.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-the-game-room {background:url(images/title-the-game-room.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-special-advisories {background:url(images/title-special-advisories.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-about-orthodontics {background:url(images/title-about-orthodontics.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-treatment-goals {background:url(images/title-treatment-goals.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-two-phase-treatment {background:url(images/title-two-phase-treatment.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-ortho-dictionary {background:url(images/title-ortho-dictionary.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-faq {background:url(images/title-faq.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-life-with-braces {background:url(images/title-life-with-braces.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-patient-care-videos {background:url(images/title-patient-care-videos.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-types-of-braces {background:url(images/title-types-of-braces.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-braces-diagram {background:url(images/title-braces-diagram.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-brace-painter {background:url(images/title-brace-painter.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-types-of-appliances {background:url(images/title-types-of-appliances.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-palatal-expander {background:url(images/title-palatal-expander.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-retainer-instructions {background:url(images/title-retainer-instructions.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-color-your-retainer {background:url(images/title-color-your-retainer.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-orthodontic-treatments {background:url(images/title-orthodontic-treatments.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-invisalign {background:url(images/title-invisalign.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-dentofacial-orthopedics {background:url(images/title-dentofacial-orthopedics.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-sleep-apnea {background:url(images/title-sleep-apnea.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-tmj-tmd {background:url(images/title-tmj-tmd.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-surgical-orthodontics {background:url(images/title-surgical-orthodontics.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-emergency-care-videos {background:url(images/title-emergency-care-videos.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-location {background:url(images/title-location.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-comment-form {background:url(images/title-comment-form.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-site-map {background:url(images/title-site-map.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-your-first-visit {background:url(images/title-your-first-visit.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
#title-mission-statement {background:url(images/title-mission-statement.jpg) no-repeat; width:330px; height:77px; margin-left:18px;}
/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game {background:#000000; line-height:0; margin:15px auto; 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:12px 0 10px 10px;}
ul#sesame-games a.button {float:right; height:85px; width:200px;}
ul#sesame-games p {padding-bottom:1em;}
.sesame-games-color {color:#91a30e !Important;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-brushing-and-flossing {margin:25px 0px 0px 47px;}
#flash-patient-care {margin:0px 0px 0px 47px;}
#flash-types-of-braces {margin:0px 0px 0px 47px;}
#flash-braces-diagram {margin:0px 0px 0px 47px;}
#flash-brace-painter {margin:0px 0px 0px 47px;}
#flash-palatal-expander {margin:0px 0px 0px 180px; width:200px; height:150px; border:solid 1px #cc6600;}
.printable-instructions {padding:0px 0px 0px 160px;}
#color-your-retainer-flash {margin:0px 0px 0px 140px;}
#flash-common-treatments {margin:0px 0px 0px 47px;}
/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
.photo {float:right; margin:35px 17px 15px 15px;}
.photo-small {float:right; margin:35px 17px 15px 15px; border:solid 1px #cc6600;}
/* - - - - - - - - - - HOME IMAGE - - - - - - - - - - */
.image-home {height:281px; width:599px; float:right; background:url(images/image-home.jpg) no-repeat;}
/* - - - - - - - - - - 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:0px 40px 0px 18px; font-weight:bold; font-size:14px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#91a30e; line-height:1.5em;}
h3 {margin:0px 40px 0px 18px; font-weight:bold; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#ce6221; line-height:2em;}
#site-map-menu {list-style-type:none; font-weight:bold;}
.site-map-sub {margin-left:20px; font-weight:normal;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {height:138px; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#footer-sub {background:url(images/footer.jpg) no-repeat; width:835px; height:138px; text-align:center; margin:0px auto;}
#footer-text {padding:10px 0px 0px 0px;}
#footer p {margin:14px 0px 0px 0px; text-align:center; line-height:1.5em; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; color:#ffffff; font-weight:bold;}
#footer p a {color:#ffffff; font-weight:normal; font-size:11px; text-decoration:none;}
#footer p a:hover, #footer a:hover {color:#f0da94; text-decoration:none;}
.footer-text-top {margin-top:7px !important;}
.slogan {font-size:12px !important; font-weight:bold !important; text-decoration:underline !important; color:#f0da94 !important;}
.sesame-design-link {color:#f0da94 !important;}
/* - - - - - - - - - - COMMENT FORM - - - - - - - - - - */
.comments {margin:18px auto; margin-top:-20px;}
fieldset {border:none; padding:9px 0;}
fieldset div {clear:both;}
.form-header {border-bottom:1px solid #cc6600; margin-right:25px; margin-left:15px;/*optional, change color to match site*/}
.form-header h3 {margin:0 0 9px;}
.form-header p {margin:0 0; padding-bottom:10px;}
.form-footer {padding-top:18px; text-align:center; border-top:1px solid #cc6600; margin-right:45px;/*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:#cc6600;/* customize me! */
border: 1px solid #cc6600;
text-align:center;
line-height:31px;
color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* comment form */
.comments {
margin: 18px 0;
padding: 10px;}
.comments li {font-weight: bold;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:left;
width:45%;
float:left;
padding-top: 4px;}
.comments label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
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:4px 2px;
border:solid 1px #cc6600;/* customize me! */
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.comments p.verification {
clear: both;
margin: 0 0 9px 47%;
font-size: 12px;}
.comments p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 0;}
.comments p.verification img {border: 1px solid #cc6600;}/* customize me! */
.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%;}
/* edit.com */
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.NormalText, body, td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
}
.SubHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CE6221;
font-weight: bold;
}
h2, .SubjectHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #91A30E;
font-weight: bold;
}
* .PageTitle {
font-family: Times New Roman, "Times", serif;
font-size: 28px;
line-height: 32px;
color: #CE6221;
font-weight: bold;
font-style: italic;
}
#rightColumn table {margin-left: 20px; width: 560px;}
img.FloatRight {float:right; margin: 20px 0px 20px 20px;}
h2 {margin-left: 20px;}