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,em,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:"Tahoma", Verdana, Arial, Helvetica, sans-serif;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#c458c1;}
a:visited {color:#c458c1;}
a.noVisited:visited {color:#c458c1;}
a:hover, a.noVisited:hover {color:#c458c1;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#92278f url(images/body-bg.jpg) repeat-x top; margin:0px; font-weight:normal; font-size:12px; color:#000000; line-height:20px; font-style:normal; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
#content {background:url(images/content-tile.gif) repeat-y; width:796px; margin:0px auto;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
#header {background:url(images/header.jpg) no-repeat; margin:0px auto; width:796px; height:138px;}
#logo {list-style-type:none;}
#logo a {display:block; width:115px; height:120px; margin:0px 0px 0px 50px;}
#logo .active {cursor:default;}
/* - - - - - - - - - - ADDRESS PHONE FAX - - - - - - - - - - */
.address {line-height:1.4em; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; padding-top:30px; float:left; padding-left:43px; font-weight:bold;}
#phone-number {background:url(images/phone-number.jpg) no-repeat; width:130px; height:27px; list-style-type:none; text-indent:-999em; margin-left:37px; display:block; clear:both;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#leftMenu {overflow:hidden; width:796px; margin:0px 0px 0px 0px;}
#col1 {float:left; width:228px; margin:0px 0px 0px 0px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; background:url(images/left-menu-background.jpg) no-repeat; height:553px;}
ul#nav {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:228px; list-style-type:none; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;}
#nav {margin:0px; list-style-type:none; width:228px;}
#nav a {display:block; overflow:hidden; width:228px; text-indent:-999em; height:36px; font-family:"Tahoma", Verdana, Arial, 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 -36px;}
#nav .active {background-position:0px -36px;}
#nav .active {cursor:default;}
#nav ul li a {text-indent:0px; text-decoration:none; width:174px; text-indent:-999em; height:20px; padding-left:7px; font-size:12px; margin:0px; width:215px; color:#ffffff; text-indent:0px; padding-top:3px; height:25px; text-decoration:none;}
#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 {visibility:hidden; left:228px; background:#c7a1c1; margin:0px 0px 0px 0px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:solid 1px #333333;}
#nav li ul a:hover {color:#ffffff; background:#92278f;}
#nav li:hover ul, #nav li.sfhover ul {visibility:visible;}
#nav li ul a {color:#000000; text-decoration:none; display:block; width:155px; padding-top:2px; padding-bottom:0px;
padding-left:14px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; height:24px;}
/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */
#patient-login {background:url(images/nav-patient-login.jpg); width:228px; height:65px;}
#nav li a#patient-login:hover, #nav li:hover a#patient-login, #nav li.sfhover a#patient-login {background-image:url(images/nav-patient-login.jpg); background-position:bottom;}
#patient-info {background:url(images/nav-patient-info.jpg); width:228px;}
#nav li a#patient-info:hover, #nav li:hover a#patient-info, #nav li.sfhover a#patient-info {background-image:url(images/nav-patient-info.jpg); background-position:bottom;}
.active #patient-info {background-image:url(images/nav-patient-info-act.jpg);}
#teeth-101 {background:url(images/nav-teeth-101.jpg); width:228px;}
#nav li a#teeth-101:hover, #nav li:hover a#teeth-101, #nav li.sfhover a#teeth-101 {background-image:url(images/nav-teeth-101.jpg); background-position:bottom;}
.active #teeth-101 {background-image:url(images/nav-teeth-101-act.jpg);}
#improve-your-smile {background:url(images/nav-improve-your-smile.jpg); width:228px;}
#nav li a#improve-your-smile:hover, #nav li:hover a#improve-your-smile, #nav li.sfhover a#improve-your-smile {background-image:url(images/nav-improve-your-smile.jpg); background-position:bottom;}
.active #improve-your-smile {background-image:url(images/nav-improve-your-smile-act.jpg);}
#treatment-options {background:url(images/nav-treatment-options.jpg); width:228px;}
#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:228px;}
#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);}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.rightSide {width:568px; margin:0px; margin-top:0px; float:right; background:url(images/background-top.jpg) no-repeat;}
#rightColumn {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#000000; font-family:"Tahoma"; float:right; width:568px;}
#rightColumn {height:auto !important; background:url(images/background-bottom.jpg) no-repeat bottom right;}
#rightColumn p {margin:7px 40px 0px 37px; line-height:1.7em;}
#rightColumn ul {margin:7px 40px 0px 67px;}
#rightColumn ol {margin:7px 40px 0px 67px;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.img-center {margin:10px auto 10px auto; display:block;}
/* - - - - - - - - - - BANNERS - - - - - - - - - - */
#banners {height:80px;}
#banner-left {float:left; padding-left:37px;}
#banner-right {float:right; padding-right:40px;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-quality-dentistry {background:url(images/title-quality-dentistry.jpg) no-repeat; width:420px; height:40px; margin-top:20px; margin-left:35px;}
#title-welcome {background:url(images/title-welcome.jpg) no-repeat; width:487px; height:36px; margin-top:0px; margin-left:35px;}
#title-office-visits {background:url(images/title-office-visits.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-meet-the-team {background:url(images/title-meet-the-team.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-teeth-for-life {background:url(images/title-teeth-for-life.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-why-see-a-dentist {background:url(images/title-why-see-a-dentist.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-implants {background:url(images/title-implants.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-gum-disease {background:url(images/title-gum-disease.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-extractions {background:url(images/title-extractions.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-root-canals {background:url(images/title-root-canals.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-wisdom-teeth {background:url(images/title-wisdom-teeth.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-sealants {background:url(images/title-sealants.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-cosmetic-dentistry {background:url(images/title-cosmetic-dentistry.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-smile-gallery {background:url(images/title-smile-gallery.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-teeth-whitening {background:url(images/title-teeth-whitening.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-treatment-options {background:url(images/title-treatment-options.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-cerec {background:url(images/title-cerec.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-zoom {background:url(images/title-zoom.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-lumineers {background:url(images/title-lumineers.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-location {background:url(images/title-location.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-comment-form {background:url(images/title-comment-form.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-refer-a-friend {background:url(images/title-refer-a-friend.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-site-map {background:url(images/title-site-map.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-privacy-policy {background:url(images/title-privacy-policy.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-dentures-implant-dentures {background:url(images/title-dentures-implant-dentures.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-bridges {background:url(images/title-bridges.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-bonding {background:url(images/title-bonding.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-implant-restorations {background:url(images/title-implant-restorations.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#title-periodontal-therapy {background:url(images/title-periodontal-therapy.jpg) no-repeat; width:487px; height:46px; margin-top:20px; margin-left:35px;}
#anatomy-of-a-tooth {background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}
/* Comment Form */
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #92278F;/*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 #92278F;/*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:#92278F;/* customize me! */
border: 1px solid #92278F;/* customize me! */
text-align:center;line-height:31px; color:#ffffff;/* customize me! */
font-size:12px; font-weight:bold;}
/* comment form */
.comments {margin: 0 0 18px;width: 500px;padding: 10px;
border: solid 2px #92278F;/*optional, change color to match site*/
}
.comments li {font-weight: bold;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;font-weight:bold;text-align:right;width:200px;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:right;
width:200px;}
.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 #92278F;/* customize me! */
width:200px;
margin:9px 0 9px 10px; background-color: transparent;}
.comments p.verification {clear: both; margin: 9px 0 9px 210px; font-size: 12px;}
.comments p.radio-float {clear: none; float:left; width: 200px; padding:0; margin:9px 0 9px 0;}
.comments p.verification {margin-top: 0;}
.comments p.verification img {border: 1px solid #92278F;}/* customize me! */
.comments p.radio input, .comments p.radio-float input {float: none; margin: 0 0 0 10px; padding: 4px 2px; width: auto;}
.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%;}
/* referral form */
/* Global form styles */
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #92278F;/*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 #92278F;/*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:#92278F;/* customize me! */
border: 1px solid #92278F;/* customize me! */
text-align:center;
line-height:31px;color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* referral form */
.referral-form {margin: 0 0 18px;width: 500px; padding: 10px;border:solid 2px #92278F;/*optional, change color to match site*/
background-color:transparent;}/*optional, change color of background*/
.referral-form fieldset {border: none; padding: 9px 0;}
.referral-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
line-height: 18px;
padding-top: 4px;}
.referral-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:200px;}
.referral-form input, .referral-form textarea {float:left;font-size:12px;padding:4px 2px;border:solid 1px #92278F;/* customize me! */
width:200px;margin:9px 0 9px 10px;background: transparent;}
.referral-form p.radio, .referral-form p.verification {clear: both;margin: 9px 0 9px 210px;font-size: 12px;}
.referral-form p.radio-float {clear: none;float:left;width: 200px;padding:0;margin:9px 0 9px 0;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.verification img {border: 1px solid #92278F;}/* customize me! */
.referral-form p.radio input, .referral-form p.radio-float input {float: none;width: auto;margin: 0 0 0 10px;padding: 4px 2px;}
/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
.photo {float:right; margin:10px 40px 15px 15px;}
/* - - - - - - - - - - SITE MAP MENU - - - - - - - - - - */
.siteMapMenu {list-style-type:none; margin-top:0px; margin-left:0px;}
.siteMapSubMenu {list-style-type:none; padding-left:17px;}
.siteMapSection {margin-top:10px; margin-left:27px;}
/* - - - - - - - - - - SECTION - - - - - - - - - - */
.inThisSection ul {margin:5px 0px 0px 40px; font-weight:normal; list-style-type:disc;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-home {height:229px; width:484px; float:right; padding-top:7px; padding-right:9px;}
.backflashplayer {background-color:#eccfef; width:300px; line-height:1.5em; border:solid 1px #7a3f79; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; padding:10px 10px 0px 10px; margin:30px 0px 0px 85px;}
.getflashplayer {float:left; margin:0px 5px 10px 5px; padding:0px 0px 10px 0px;}
#background-flash {background:url(images/background-flash.jpg) no-repeat; width:500px; height:244px; margin-left:35px;}
#video-hubbell{padding-left:40px;}
/* - - - - - - - - - - RESOURCES LOGOS - - - - - - - - - - */
dl.logos, dl.logos dt, dl.logos dd {list-style:none; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:15px;
padding:0; color:#00CCCC}
/* - - - - - - - - - - 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 35px; font-weight:bold; font-size:16px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#964194; line-height:2em;}
h3 {margin:0px 40px 0px 35px; font-weight:bold; font-size:12px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#a887a7; line-height:2em;}
h4 {margin:0px 0px 0px 20px; font-weight:normal; font-size:12px; color:#f7941e; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {height:132px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; background:none;}
#footer-sub {background:url(images/footer.jpg) no-repeat; width:796px; height:120px; text-align:center; font-size:11px; margin:0px auto;}
#footer-text {padding:25px 0px 0px 0px;}
#footer p {margin:5px 0px 0px 0px; text-align:center; line-height:1.5em; font-size:11px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;}
#footer p a {color:#000000; font-weight:normal; font-size:11px; text-decoration:none;}
#footer p a:hover, #footer a:hover {color:#000000; text-decoration:none;}