/* CSS Document */
/* HTML, BODY ---------- */
body {margin:0 0 0 0; background:#f9f9f5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; color:#697431;}
* #footer a {color:#8a9559; font-weight:normal; padding-right:4px;}
a:hover {text-decoration:none;}
* #content li, a {color:#FFF;}
/* LAYOUT ---------- */
* #headerbg {width:100%; height: 291px; background:url(images/bg-header.jpg) repeat-x;}
* #header {width:780px; height: 291px; background:url(images/banner.jpg) no-repeat; }
* #body {width:100%; background: #bcc590 url(images/nav-bg.jpg) repeat-y; overflow:auto;}
* #col1 {float:left; width:157px; }
* #col2 {float:left; width:605px; background:url(images/g.jpg) bottom right no-repeat; padding:0; margin:0; overflow:hidden;}
* #footerbg {width:100%; background:url(images/bg-footer.jpg) repeat-x; overflow:auto; clear:both;}
* #footer {width:780px; padding:26px 14px 20px 14px; color:#634b21; font-weight:bold;}
/* HEADERS ---------- */
* h1 {background-repeat: no-repeat; height: 46px; width:402px; text-indent: -999em; margin:0; padding:0;}
* h2 {font-size:12px; font-style:italic; font-weight:normal; margin:0; padding:0;}
* h3 {font-size:14px; color:#4d5827;}
* #footer h2 {font-size:11px; margin:0; padding:0; font-style:normal; color:#525d29; font-weight:bold;}
/* CLASSES ---------- */
* #footer .sesame {font-weight:bold; padding-left:4px;}
* .img {margin:0 10px 10px 10px; border:#616c2f 1px solid;}
* .border {border:#616c2f 1px solid;}
* .right {float:right;}
* .left {float:left;}
* .caption {text-align: center; margin-left: 25px; margin-right: 25px; }
/* NAVIGATION ---------- */
/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding:0; margin:0; width:151px; }
/* Sets styles for all links that are inside the ul id="nav" */
* #nav a {display: block;height: 30px; overflow: hidden; text-indent:-999em; width:151px}
/* Set the image for each nav item */
* #ouroffice {background: url(images/nav-our-office.gif); }
* #fornewpatients {background: url(images/nav-for-new-patients.gif); }
* #regularcheckups {background: url(images/nav-regular-checkups.gif); }
* #cosmeticdentistry {background: url(images/nav-cosmetic-dentistry.gif); }
* #implantrestorations {background: url(images/nav-implant-restorations.gif); }
* #sedationdentistry {background: url(images/nav-sedation-dentistry.gif); }
* #gameroom {background: url(images/nav-game-room.gif); }
* #teethforlife {background: url(images/nav-teeth-for-life.gif); }
* #helpfullinks {background: url(images/nav-helpful-links.gif); }
/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover,
* #nav li:hover #ouroffice, #nav li.sfhover #ouroffice,
* #nav li:hover #fornewpatients, #nav li.sfhover #fornewpatients,
* #nav li:hover #regularcheckups, #nav li.sfhover #regularcheckups,
* #nav li:hover #cosmeticdentistry, #nav li.sfhover #cosmeticdentistry,
* #nav li:hover #implantrestorations, #nav li.sfhover #implantrestorations,
* #nav li:hover #sedationdentistry, #nav li.sfhover #sedationdentistry,
* #nav li:hover #thegameroom, #nav li.sfhover #thegameroom,
* #nav li:hover #teethforlife, #nav li.sfhover #teethforlife,
* #nav li:hover #helpfullinks, #nav li.sfhover #helpfullinks {background-position:-151px 0pt;}
/* Set the cursor to default arrow so link does not appear clickable */
* #nav .active {cursor: default}
* #nav, #nav ul {list-style: none; margin: 0; }
* #nav li {display: inline; }
* #nav li ul {background: #917548; left: -999em; padding: 3px 0 3px 0; position: absolute; z-index: 1; }
* #nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -25px 0 0 149px; color:#FFF;}
* #nav ul li a {height:15px; margin: 0; text-decoration: none; width: 220px; text-indent:0; color:#FFF; font-size:11px; padding-left:5px;text-transform:uppercase;}
* #nav ul li a:hover {background:#616c2f;}
/* LOGO NAVIGATION ---------- */
ul#logo { list-style: none; padding: 0; margin:0; width:403; float:left; padding-bottom:111px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #logo a {display: block; height: 180px; width:403px; overflow: hidden; text-indent:-999em; }
/* Set the image for each nav item */
* #logolink {background: url(images/spacer.gif);}
/* Set the cursor to default arrow so link does not appear clickable */
* #logo .active {cursor: default}
/* LOGINS NAV ITEMS ---------- */
* ul#logins {height: 74px; width:356px; list-style: none; padding:0 0 67px 0; margin:0; }
/* Makes the list items sit next to each other */
* #logins li {float: left;}
/* Sets styles for all links that are inside the ul id="nav" */
* #logins a {display: block;height: 74px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #patientlogin {background: url(images/nav-patient-login.jpg);width:108px;}
* #doctorlogin {background: url(images/nav-doctor-login.jpg);width:106px;}
* #contactus {background: url(images/nav-contact-us.jpg);width:88px;}
* #home {background: url(images/nav-home.jpg);width:54px;}
/* Shift the image position up to show the active state */
* #logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover,
* #logins li:hover #contactus, #logins li.sfhover #contactus {background-position:0 -74px;}
/* Set the cursor to default arrow so link does not appear clickable */
* #logins .active {cursor: default}
* #logins, #logins ul {list-style: none; margin: 0; }
* #logins li {display: inline; }
* #logins li ul li {float:none;}
* #logins li ul {background: #917548; left: -999em; padding: 3px 0 3px 0; position: absolute; z-index: 1; }
* #logins li:hover ul, #logins li.sfhover ul {left: auto; margin: -30px 0 0 0; color:#FFF;}
* #logins ul li a {height:15px; margin: 0; text-decoration: none; width: 183px; text-indent:0; color:#FFF; font-size:11px; padding-left:5px;text-transform:uppercase;}
* #logins ul li a:hover {background:#616c2f;}
/* BANNERS NAV ITEMS ---------- */
ul#banners {height: 36px; width:295px; list-style: none; padding:0px 0 0 47px; margin:-50px 0 0 0 ;}
/* Makes the list items sit next to each other */
* #banners li {float: left;}
/* Sets styles for all links that are inside the ul id="nav" */
* #banners a {display: block; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #invisalign {background: url(images/banner-invisalign.jpg);width:146px;height: 36px;}
* #cerec {background: url(images/banner-cerec.jpg);width:149px;height: 36px;}
#clearcorrect { background:url(images/clearcorrect-logo.png) no-repeat; width:225px; height:45px; margin-left:50px}
/* Set the cursor to default arrow so link does not appear clickable */
* #banners .active {cursor: default}
/* THE GAME ROOM ---------- */
* div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px; }
ul#sesame-games {
list-style: none;
margin: 0;
padding: 0; }
ul#sesame-games li {
clear: both;
display: inline-block; }
ul#sesame-games img {
border: 0;
float: right;
margin: 0 0 10px 10px}
ul#sesame-games p {
padding-bottom: 1em; }
* #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}
/* EDIT.COM STYLES ---------- */
.SmallGreenText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #525D29;
}
.NormalText, body, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #697431;
text-decoration: none;
font-weight: normal;
text-transform: none;
font-style:normal;
}
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.SubjectHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4d5827;
font-weight: bold;
}
.PageTitle {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 30px;
color: #533E1B;
font-weight: bold;
font-style: italic;
line-height: 35px;
}