@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 #c67d52; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#421c08;}
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:#421c08; }
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#f2e4bd; padding-right:13px;}
p.breadcrumbs, .breadcrumbs a {font-size:11px; font-weight:bold; color:#7d0d00;}


/* LAYOUT ---------- */
#wrapfull {width:100%; background:url(../images/bg-wrapfull.jpg) no-repeat top center;}
#wrap {width:990px; margin:0 auto; background:url(../images/tile-body.jpg) repeat-y; }
#body {width:990px; }
#address {width:539px; padding:0px 18px 12px 433px; color:#421c08;  text-align:right;}
#content {width:585px; margin-left:330px; clear:both; padding:0 0 20px 0; }
#footer {width:810px; margin:0 auto; clear:both; background:url(../images/bg-bottom.jpg) no-repeat; padding:35px 90px ; text-align:center; line-height:18px;}

/* BANNERS ---------- */
#bannercolgate {position:absolute; z-index:3; top:764px; margin-left:57px;}
#bannerschedule {position:absolute; z-index:4; top:880px; margin-left:57px;}
#bannerpayment {position:absolute; z-index:5; top:997px; margin-left:57px;}

#topicsofinterest {width:177px; position:absolute; z-index:8; top:594px; margin-left:45px;}
#topicsofinterest a {color:#FFF;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 72px; width:572px; 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: 30px 0 0 0;font-weight: normal;text-align: left;}

#content h2 {color:#7d0d00; font-size:16px; }
#content h3 {color:#FFF; font-size:16px;}
#footer h2 {color:#080400; font-size:13px; margin:0; padding:0;}


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

/* titles */
#your-first-visit {background: url(../images/titles/your-first-visit.jpg); }
#patient-forms {background: url(../images/titles/patient-forms.jpg); }
#meet-the-dentist {background: url(../images/titles/meet-the-dentist.jpg); }
#meet-the-team {background: url(../images/titles/meet-the-team.jpg); }
#the-game-room {background: url(../images/titles/the-game-room.jpg); }

#teeth-for-life {background: url(../images/titles/teeth-for-life.jpg); }
#why-see-a-dentist {background: url(../images/titles/why-see-a-dentist.jpg); }
#gum-disease {background: url(../images/titles/gum-disease.jpg); }
#extractions {background: url(../images/titles/extractions.jpg); }
#bone-preservation {background: url(../images/titles/bone-preservation.jpg); }
#root-canals {background: url(../images/titles/root-canals.jpg); }
#sealants {background: url(../images/titles/sealants.jpg); }
#implant-restoration {background: url(../images/titles/implant-restoration.jpg); }

#location {background: url(../images/titles/location.jpg);}
#comment-form {background: url(../images/titles/comment-form.jpg); }
#refer-a-friend {background: url(../images/titles/refer-a-friend.jpg); }
#appointment-request {background: url(../images/titles/appointment-request.jpg); }
#youisit {background: url(../images/titles/yourit.jpg); }
#youisit {background: url(../images/titles/yourit.jpg); }

#home {background: url(../images/titles/home.jpg); }

#dentistry-for-children {background: url(../images/titles/dentistry-for-children.jpg); }
#dynamite-dental-fun-kit {background: url(../images/titles/dynamite-dental-fun-kit.jpg); }
#pediatric-dental-faqs {background: url(../images/titles/pediatric-dental-faqs.jpg); }
#dental-care-for-your-baby {background: url(../images/titles/dental-care-for-your-baby.jpg); }
#pediatric-dental-emergencies {background: url(../images/titles/pediatric-dental-emergencies.jpg); }

#cosmetic-dentistry {background: url(../images/titles/cosmetic-dentistry.jpg); }
#smile-gallery {background: url(../images/titles/smile-gallery.jpg); }
#teeth-whitening {background: url(../images/titles/teeth-whitening.jpg); }
#sedation-dentistry {background: url(../images/titles/sedation-dentistry.jpg); }
#tmj-tmd {background: url(../images/titles/tmj-tmd.jpg); }

#site-map {background: url(../images/titles/site-map.jpg); }
#404 {background: url(../images/titles/404.jpg); }
#500 {background: url(../images/titles/500.jpg); }

/* CLASSES ---------- */
#footer .sesame {color:#fafaf9; font-weight:bold;}
.img {position:absolute; z-index:6; top:232px; margin-left:38px;}
.imggif {float:right; margin:10px 0 10px 10px; }
.right {float:right;}
.left {float:left;}
.hide {display:none;}
.flashhome {margin-left: 0px;  width:990px; height:316px; clear:both; padding-bottom:63px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.home {background:url(../images/bg-body-home.jpg) no-repeat; min-height:1130px; height:auto !important; height:1130px;}
.sub {background:url(../images/bg-body-sub.jpg) no-repeat; min-height:550px; height:auto !important; height:550px;}
.resources {padding:7px; background:#FFF; border:1px solid #733418;}

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


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 170px; width:815px; position:absolute; z-index:80; top:131px;}
#nav li {float:left;}

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

/* Set the image for each nav item */
#aboutus {background: url(../images/nav-about-us.gif); width:110px}
#teeth101 {background: url(../images/nav-teeth-101.gif); width:112px}
#contactus {background: url(../images/nav-contact-us.gif); width:125px}
#home {background: url(../images/nav-home.gif); width:75px}
#pediatricdentistry {background: url(../images/nav-pediatric-dentistry.gif); width:197px}
#improveyoursmile {background: url(../images/nav-improve-your-smile.gif); width:196px}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #aboutus, #nav li.sfhover #aboutus, 
#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 #contactus, #nav li.sfhover #contactus {background-position:0 -25px;}

/* 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: #733418; left: -999em; padding: 6px 0; position: absolute; z-index: 1;}
#nav li ul li {float:none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0 0 0 5px; color:#f0b191;}
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 203px; text-indent:0; color:#f0b191; font-size:14px; padding:0px 12px;}
#nav ul li a:hover {color:#f5ebe5; }

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

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

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

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



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



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