@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 #48250d; font-family: tahoma, serif, Arial; font-size:12px; line-height:18px; color:#2a498e;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#2a498e;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#cd9d8d; font-size:11px; line-height:13px;}

/* LAYOUT ---------- */
#wrap {width:780px; margin:0 auto; background:url(../images/tile-body.jpg) repeat-y; position:relative;}
#body {width:780px; background:url(../images/bg-body.jpg) no-repeat;}
#bottom {width:780px; background:url(../images/bg-bottom.jpg) no-repeat bottom;}
#content {width:509px; margin-left:240px; padding:20px 0; min-height:400px; height:auto !important; height:400px;}
#address {float:left; width:234px; padding:36px 0 0 189px; color:#0e1b39; font-size:11px; line-height:18px; font-weight:bold;}
#footer {width:660px; margin:0 auto; background:#2c180a; padding:20px 60px; color:#cd9d8d; font-size:11px; line-height:13px; text-align:center;}


/* CALLOUTS ---------- */
#schedule {width:193px; height:126px; position:absolute; z-index:3; top:543px; margin-left:9px;}
#bannercerec {width:193px; height:30px; position:absolute; z-index:4; top:857px; margin-left:9px;}
#bannerada {width:193px; height:50px; position:absolute; z-index:5; top:847px; margin-left:9px;}

#welcome {margin-left:232px; clear:both; width:528px; height:73px; padding-top:10px;}

/* HEADERS ---------- */
#title {padding-top:20px; clear:both;}
h1 {background-repeat: no-repeat; height: 51px; width:529px;   }
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat;  }
h1.jcir {font-size: 25px ; font-weight: normal;text-align: left; color:#5d1e07;  margin: 0 0 0 236px; font-family: "Times New Roman", Times, serif;}
#content h2 {font-size:12px; color:#5e1d08; text-transform:uppercase}
#content h3 {font-size:12px; color:#2a498e; font-style:italic;}
#footer h2 {font-size:11px; color:#FFF;}
#footer h2 a {color:#FFF;}

h1#logo {float:left;
margin: 0;
padding: 0;
background-repeat: no-repeat; 
width: 333px;/* this width reflects the width of the logo image */
height: 198px; /* 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: 198px;/*same height as logo h1*/ 
width: 333px;/*same width as logo h1*/}

h2#header {display:block; overflow:hidden; width:528px; height:73px; background:url(../images/welcome.jpg) no-repeat 0 10px; padding:0; margin:0 0 0 232px; clear:both; text-indent:-999em;}

/* CLASSES ---------- */
#footer .sesame {color:#FFF; font-weight:bold;}
.img {float:right; margin:12px 0 10px 10px; }
.resources {border:1px solid #36446f; padding:5px; background:#FFF;}
.right {float:right; }
.left {float:left; }
p.breadcrumbs, .breadcrumbs a  {color:#5d1e07; font-size:11px; font-weight:bold;}
.hide {display:none;}
.block {display:block;}
ul.listnone,
ul.listnone li {list-style:none; margin:0; padding:0;}
.marginnone {margin:0; padding:0;}
.center {text-align:center;}
.clear {clear:both;}
.clearright {clear:right;}
.flashhome {width:570px; height:241px; margin:8px 0 0 210px; clear:both;}

/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 9px; width:189px; position:absolute; z-index:20; top:242px;}

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

/* Set the image for each nav item */
#aboutouroffice {background: url(../images/nav-about-our-office.jpg); }
#fornewpatients {background: url(../images/nav-for-new-patients.jpg); }
#teeth101 {background: url(../images/nav-teeth-101.jpg); }
#improveyoursmile {background: url(../images/nav-improve-your-smile.jpg); }
#treatmentoptions {background: url(../images/nav-treatment-options.jpg); }
#contactus {background: url(../images/nav-contact-us.jpg); }
#home {background: url(../images/nav-home.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 #fornewpatients, #nav li.sfhover #fornewpatients, 
#nav li:hover #teeth101, #nav li.sfhover #teeth101, 
#nav li:hover #treatmentoptions, #nav li.sfhover #treatmentoptions,
#nav li:hover #improveyoursmile, #nav li.sfhover #improveyoursmile,
#nav li:hover #contactus, #nav li.sfhover #contactus,
#nav li:hover #home, #nav li.sfhover #home {background-position:-189px 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: #5974b0; left: -999em; padding: 0; position: absolute; z-index: 1; border:1px solid #FFF;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -28px 0 0 175px; color:#FFF; }
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 195px; text-indent:0; color:#FFF; font-size:12px; padding:2px 10px 2px 10px;  font-weight:bold;}
#nav ul li a:hover {color:#FFB979; text-decoration: underline;}/*1d2a4a*/



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

ul#logins {height: 30px; width:247px; list-style: none; padding:0; margin:0 0 0 514px; position:absolute; z-index:2; top:0px;}

/*  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:123px;}

/* Set the image for each nav item */
#patientlogin {background: url(../images/nav-patient-login.gif); }
#doctorlogin {background: url(../images/nav-doctor-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:0 -30px;}

/* 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}


#staffbios img {float: right; margin: 1.2em 0 .25em 1.5em;}
#staffbios h3 {border-top: 1px dashed #cccccc;}