@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/tile.gif); font-family: Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:19px; color:#666633;}

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:#751725;}

a:hover {text-decoration:none;}

a img {border-style:none;}

input {margin-right:5px;}

td { vertical-align: top; }



/* edit.com visible styles */

body, td, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; line-height: 19px; color: #666633; }



.Title		{ color: #751725; font-size: 28px; font-weight: bold; font-family: Georgia; font-style: italic; line-height: 32px; }

.Header		{ color: #751725; font-size: 13px; font-weight: bold; font-family: Georgia; text-transform: uppercase; }

.Subheader	{ color: #666633; font-size: 15px; font-weight: bold; font-family: Georgia; }



.Red		{ color: #751725; }

.Green		{ color: #666633; }

.Black		{ color: #000000; }

.White		{ color: #FFFFFF; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; line-height: 1em; }

.LargeText	{ font-size: 24px; line-height: 1em; }



IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }

IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }



/* LAYOUT ---------- */

* #wrap {width:950px; margin:0 auto; background:url(../images/tile-body.gif) repeat-y; position:relative;}

* #body {width:950px; margin:0 auto; background:url(../images/bg-body.jpg) no-repeat;}

* #bottom {width:950px; margin:0 auto; background:url(../images/bg-bottom.gif) no-repeat bottom; min-height:992px; height:auto !important; height:992px; padding-bottom:0px;}

* #address {width:218px; float:right; height:87px; font-size:16px; color:#751725; line-height:21px; font-weight:bold; padding:63px 30px 0 0; text-align:right;}

* #content {width:606px; padding-left:273px; padding-bottom:20px; clear:both; }

* #footer {width:879px; text-indent:22px; margin:-70px auto; padding:0 71px 0 0; height:325px; background:url(../images/bg-footer.jpg) no-repeat  0px 70px;}

* #bannerada {width:123px; height:39px;  padding-bottom:47px; position:relative; margin-left:54px;}
* #bannerfb {width:123px; height:39px;  padding-bottom:347px; position:relative; margin-left:54px; bottom:200px;}





/* HEADERS ---------- */

h1 {background-repeat: no-repeat; height: 65px; width:345px;  margin: 0; padding:0;}

h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0}

h1.jcir {font-size: 25px;margin: 0; text-align: left; color:#7e5a36; font-weight:bold; }

#footer h2 a {color:#bc616e;}

#footer h2 {font-size:12px; color:#f4ffe4; line-height:18px;  width:606px; margin:0; padding:0;}

#content h2 {font-size:13px; text-transform:uppercase; color:#751725;}



h1#logo {float:left;

margin: 49px 0 113px 42px;

padding: 0;

background-repeat: no-repeat; 

width: 317px;/* this width reflects the width of the logo image */

height: 146px; /* 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: 146px;/*same height as logo h1*/ 

width: 317px;/*same width as logo h1*/}



/* CLASSES ---------- */

#footer .sesame {color:#bc616e; font-size:12px;}

* .right {float:right; margin:0 0 10px 10px;}

* .left {float:left; }

p.breadcrumbs, .breadcrumbs a  {color:#751725; font-size:12px; font-weight:bold; clear:both;}

* .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 {margin-left:237px; width:702px; height:359px; clear:both;}

* .resources {padding:5px; border:1px solid #666633; background:#FFF;}

* .sub {padding-top:40px;}





/* NAVIGATION MAIN ---------- */

ul#nav {list-style: none; padding: 0; margin:0 0 0 10px; width:227px; position:absolute; z-index:23; top:308px;}



/*  Sets styles for all links that are inside the ul id="nav" */

#nav a {display: block;height: 35px; overflow: hidden; text-indent:-999em; width:227px}

#nav li {float:left;}



/* Set the image for each nav item */

* #meetthedentists {background: url(../images/nav-meet-the-dentists.gif); }

* #meettheteam {background: url(../images/nav-meet-the-team.gif); }

* #officevisits {background: url(../images/nav-office-visits.gif); }

* #whatsnew {background: url(../images/nav-whats-new.gif); }

* #teeth101 {background: url(../images/nav-teeth-101.gif); }

* #pediatricdentistry {background: url(../images/nav-pediatric-dentistry.gif); }

* #improveyoursmile {background: url(../images/nav-improve-your-smile.gif); }

* #contactus {background: url(../images/nav-contact-us.gif); }

* #contests-events {background: url(../images/nav-contests-events.gif); }

* #insurance {background: url(../images/nav-insurance.gif); }

* #home {background: url(../images/nav-home.gif); }

#callout-accepting {background: url(../images/callout-accepting.jpg); margin-top:20px;  }

#nav a#callout-accepting { height:83px;}

#facebook {width:227px; position:absolute; top:780px; margin-left:29px; z-index:24;}

#nav a#facebook { height:83px;}


/* Shift the image position up to show the active state */

#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 

#nav li:hover #meetthedentists, #nav li.sfhover #meetthedentists, 

#nav li:hover #meettheteam, #nav li.sfhover #meettheteam, 

#nav li:hover #officevisits, #nav li.sfhover #officevisits, 

#nav li:hover #teeth101, #nav li.sfhover #teeth101, 

#nav li:hover #pediatricdentistry, #nav li.sfhover #pediatricdentistry,

#nav li:hover #whatsnew, #nav li.sfhover #whatsnew, 

#nav li:hover #contactus, #nav li.sfhover #contactus, 

#nav li:hover #home, #nav li.sfhover #home, 

#nav li:hover #insurance, #nav li.sfhover #insurance, 

#nav li:hover #contests-events, #nav li.sfhover #contests-events, 

#nav li:hover #callout-accepting, #nav li.sfhover #callout-accepting, 

#nav li:hover #improveyoursmile, #nav li.sfhover #improveyoursmile {background-position:-227px 0pt;}



/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}







/* ON-PAGE SUB NAV ITEMS ---------- */

ul#sub {list-style:none; margin:0 0 20px 0; padding:0 0 5px 0; font-size:14px; color:#751725; width:606px; overflow:auto; border-bottom:#525229 solid 4px;}

#sub li {float:left; margin-top:7px;}

#sub li a {color:#751725; padding:0 12px 0 0; border-right:1px solid #751725; margin-right:12px; font-size:13px;}

#sub ul li a:hover, #sub .active {color:#927346; text-decoration:none;}

/* Set the cursor to default arrow so link does not appear clickable */

#sub .active {cursor: default}

h2#sub {font-size:20px; color:#666633; margin:-10px 0 0 0; padding:0; text-transform:none; }



/* FOOTERNAV ITEMS ---------- */



ul#footernav {float:left; margin:0 0 0 22px; width:920px; padding:0; list-style:none; border:none; padding-right:56px; text-align:center;}

#footernav li { float:left;text-indent:0}

#footernav li a {color:#93935f; font-size:12px; text-align:right; background:none; indent:none; }

#footernav a .active {text-decoration:none; color:#93935f;}



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


.map {border:#525229 solid 3px;}