@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.jpg) repeat-x #ce7845;}
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:#666633; }
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#ead8b7; }
#footer p {margin:0; padding:0;}
p.breadcrumbs, .breadcrumbs a {font-size:11px; color:#974a1c; font-weight:bold;}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #666633; }

.Title		{ color: #666633; font-size: 28px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
.Header		{ color: #CE7845; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
.Subheader	{ color: #2F2717; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }

.Orange		{ color: #CE7845; }
.Green		{}
.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 ---------- */
* #wrapfull {width:100%; background:url(../images/bg-wrap.jpg) no-repeat top center;}
* #wrap {width:990px; margin:0 auto; background:url(../images/tile-body.gif) repeat-y;}
* #body {width:990px; background:url(../images/bg-body.jpg) no-repeat; position:relative; z-index:0}
* #address {float:left; width:162px; padding:43px 0 0 19px; color:#FFF; font-size:12px; font-weight:bold; line-height:14px;}
* #content {width:624px; margin-left:261px; clear:both;padding-bottom:20px; min-height:360px; height:auto !important; height:360px;}
* #bannerinvisalign {position:absolute; z-index:3; top:785px; margin-left:10px;}
* #bannerschedule {position:absolute; z-index:4; top:905px; margin-left:10px;}
* #bannerrefer {position:absolute; z-index:5; top:845px; margin-left:10px;}
* #bannercontest {position:absolute; z-index:6; top:965px; margin-left:10px;}
* #footer {width:837px; margin:0 auto; clear:both; padding:38px 137px 40px 16px; background:url(../images/bg-footer.jpg) no-repeat;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 58px; width:452px; text-indent: -999em; margin: 0; padding:0; background-position: bottom;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0}
h1.jcir {font-size: 35px;margin: 0;font-weight: normal;text-align: left;}
#content h2 {color:#ce7845; font-size:15px; font-style:italic;}

#content h2.big {color:#666633; font-size:18px; font-style:italic; font-weight: normal;}

#content h2.small {color:#ce7845; font-size:13px; font-style:italic;}
#content h2.small strong {font-size:17px;}
#content h3 {color:#2f2717; font-size:11px;}
#footer h2 {color:#91915a; font-size:12px; line-height:14px;}
* #footernav {float:left; padding-right:159px; width:116px; font-size:11px; line-height:12px; padding-bottom:20px;}
#footernav a {color:#ead8b7;}
#weather {padding:43px 0 0 100px; ;color:#FFF; font-size:12px; font-weight:bold; line-height:14px; z-index:1000; width:300px; height:100px; display:block; float:left}

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

/* CLASSES ---------- */
#footer .sesame {color:#df9264; font-weight:bold;}
* .img {float:right; margin:10px;}
* .right {float:right;}
* .left {float:left;}
* .top  {color:#974a1c; font-size:11px; font-weight:bold;}
* .hide {display:none;}
* .flashhome { position: absolute; top: 162px; margin-left: 0px; z-index: 78; width:796px; height:252px; }
* .pic { position: absolute; top: 162px; margin-left: 0px; z-index: 78; width:519px; height:252px; }
* .block {display:block;}
* .listnone {list-style:none;}
* .center {text-align:center;}
* .clear {clear:both;}
* .resources {border:1px solid #ce7845; background:#FFF; padding:3px;}

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


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

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

/* Set the image for each nav item */
* #aboutouroffice {background: url(../images/nav-about-our-office.gif); }
* #officenews {background: url(../images/nav-office-news.gif); }
* #teeth101 {background: url(../images/nav-teeth-101.gif);}
* #contactus {background: url(../images/nav-contact-us.gif); }
* #home {background: url(../images/nav-home.gif); }
* #pediatricdentistry {background: url(../images/nav-pediatric-dentistry.gif);}
* #improveyoursmile {background: url(../images/nav-improve-your-smile.gif);}
* #thegameroom {background: url(../images/nav-the-game-room.gif);}
* #patientsurvey {background: url(../images/nav-patient-survey.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 #aboutouroffice, #nav li.sfhover #aboutouroffice, 
#nav li:hover #officenews, #nav li.sfhover #officenews, 
#nav li:hover #teeth101, #nav li.sfhover #teeth101, 
#nav li:hover #home, #nav li.sfhover #home, 
#nav li:hover #pediatricdentistry, #nav li.sfhover #pediatricdentistry, 
#nav li:hover #improveyoursmile, #nav li.sfhover #improveyoursmile, 
#nav li:hover #thegameroom, #nav li.sfhover #thegameroom, 
#nav li:hover #patientsurvey, #nav li.sfhover #patientsurvey, 
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:-151px 0;}

/* 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: #515122; left: -999em; padding: 0 0; position: absolute; z-index: 1;}
#nav li ul li {float:none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -27px 0 0 141px; color:#f9efdd;}
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 167px; text-indent:0; color:#f9efdd; font-size:12px; padding:3px 12px;}
#nav ul li a:hover {color:#f9efdd; background:#ce7845;}

ul#sitemap {list-style:circle;}
#sitemap li a {background:none; text-decoration:underline}
#sitemap li a:hover {text-decoration:none;}


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

ul#logins {height: 33px; width:188px; list-style: none; padding:0; margin:0 0 0 12px; position:absolute; z-index:90; 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: 33px; overflow: hidden; text-indent:-999em; }

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

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {background-position:0 -33px;}
/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}

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

/* TEETH FOR LIFE */
ul#toggle-content {list-style: none; margin: 0 0 15px 0;}
* #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;}
* #flash-know-your-teeth {margin: 15px 0;}
.flash-replaced .alt {
display: block;
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;}
* .hide {display: none;}