@charset "utf-8";
/* CSS Document */

.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
 display: block;height: 0px;position: absolute;overflow: hidden;width: 0px;}

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(../images/bg.jpg) no-repeat top center #eae5d8; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#1e3a6a;}
p, h2, h3, ul, blockquote, ol, dd {padding-bottom:10px; padding-top:10px;}

ul, ol, blockquote {padding-left:45px; padding-right:10px; padding-top:10px;}
a {color:#1e3a6a;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#cdd3de; font-size:11px;}
#footer p {text-align:right;  margin:0; padding:0;}

/* LAYOUT ---------- */
#wrap {width:830px; margin:0 auto; position:relative; background:url(../images/tile.gif) repeat-y;}
#body {width:830px; background:url(../images/bg-body.jpg) no-repeat;}
#bottom {width:830px; background:url(../images/bg-footer.gif) no-repeat bottom;  position:relative; padding-bottom:160px; overflow:auto;}
#address {float:right; width:435px; margin-right:42px; padding-top:61px; color:#193667; font-size:13px; text-align:right;}
#content {width:482px; margin-left:298px; padding-top:34px;  clear:both; min-height:300px; height:auto !important; height:300px;}
#footerwrap {width:100%; position:relative; }
#footer {width:701px;  padding:0 89px 0px 40px; margin:0 auto;   color:#cdd3de;  }

/* CALLOUTS ---------- */
#bannerconsult {width:215px; height:208px; position:absolute; z-index:20; top:548px; margin-left:37px;}
#bannerzoom {width:153px; height:54px; position:absolute; z-index:21; top:861px; margin-left:65px;}
#bannerfooter {padding-right:10px; margin-top:-142px; position:relative; width:195px;}


/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 211px; width:474px;  margin: 0; padding:0 58px 0 0; float:right; clear:right;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0}
h1.jcir {font-size: 30px;margin: 0;font-weight: normal;text-align: left; color:#1e3a6a;  margin:0; font-family: Arial, Helvetica, sans-serif;}
#content h2 {text-transform:uppercase; font-size:13px;}
#content h3 {font-size:13px;}
#footer h2 {font-size:11px; font-weight:normal; color:#d6d4b5; margin:0 0 0 0; padding:0; float:right; width:444px;}
#footerh2 {position:relative; margin-top:-60px;}

h1#logo {float:left;
margin: 0 0 0 25px;
padding: 0;
background-repeat: no-repeat; 
width: 217px;/* this width reflects the width of the logo image */
height: 223px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 223px;/*same height as logo h1*/ 
width: 217px;/*same width as logo h1*/}

/* CLASSES ---------- */
.top {color:#858368; font-size:11px; font-weight:bold;}
#footer .sesame {color:#d6d4b5; font-size:11px;}
.img {border:#2d5f74 1px solid; }
.right {float:right; margin:0 0 10px 10px;}
.left {float:left; }
p.breadcrumbs, .breadcrumbs a  {color:#50733f; font-size:11px; padding-top:29px; padding-bottom:28px;}
.hide {display:none;}
.block {display:block;}
.listnone {list-style:none;}
.marginnone {margin:0; padding:0;}
.center {text-align:center;}
.clear {clear:both;}
.clearright {clear:right;}
.flashhome {width:483px; height:240px; margin:0 31px 0 0; float:right;}
.big {font-size:16px; font-weight:bold;}
.resources {border:#bab89c 1px solid; padding:5px; background:#FFF;}
.sub {padding-bottom:16px;}

/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 34px; width:222px; position:absolute; z-index:80; top:333px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 28px; overflow: hidden; text-indent:-999em; width:222px}


/* Set the image for each nav item */
#aboutouroffice {background: url(../images/nav-about-our-office.jpg); }
#teeth101 {background: url(../images/nav-teeth-101.jpg); }
#pediatricdentistry {background: url(../images/nav-pediatric-dentistry.jpg); }
#improveyoursmile {background: url(../images/nav-improve-your-smile.jpg); }
#contactus {background: url(../images/nav-contact-us.jpg); }
#home {background: url(../images/nav-home.jpg); }
#treatmentoptions {background: url(../images/nav-treatment-options.jpg); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #aboutouroffice, #nav li.sfhover #aboutouroffice, 
#nav li:hover #teeth101, #nav li.sfhover #teeth101, 
#nav li:hover #pediatricdentistry, #nav li.sfhover #pediatricdentistry, 
#nav li:hover #improveyoursmile, #nav li.sfhover #improveyoursmile, 
#nav li:hover #contactus, #nav li.sfhover #contactus,
#nav li:hover #home, #nav li.sfhover #home,
#nav li:hover #treatmentoptions, #nav li.sfhover #treatmentoptions {background-position:-222px 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: #9ca8be; left: -999em; padding: 0; position: absolute; z-index: 1; border:#FFF 1px solid;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -30px 0 0 212px; color:#FFF; }
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 187px; text-indent:0; color:#FFF; font-size:11px; padding:5px 10px 5px 10px;  font-weight:bold; text-transform:uppercase;}
#nav ul li a:hover {color:#1f3b6b; }



/* LOGINS NAV ITEMS ---------- */

ul#logins {height: 30px; width:139px; list-style: none; padding:0; margin:0 0 0 624px; position:absolute; z-index:90; top:19px;}

/*  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: 30px; overflow: hidden; text-indent:-999em; width:139px;}

/* Set the image for each nav item */
#patientlogin {background: url(../images/nav-patient-login.gif); }

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {background-position: -139px 0;}

/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}




/* SITEMAP */
ul#sitemap a {background:none; indent:none;}



/* SESAME CONTENT */
#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}



/*  SEDATION DENTISTRY */

dl {}
dt {
font-weight: bold;
}
dd {
padding-left: 30px;
}


/* The Game Room */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 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}