/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #ecd2ee url(../images/bg.jpg) repeat-x 0 0; margin: 0;}
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #000; font: 12px/18px Tahoma, Helvetica, sans-serif; text-align:left;}
p {padding: 0px 0 18px 0;}

/* HEADERS ---------- */
h1{padding:0px 0 5px 0px; margin-left: -3px;background-repeat: no-repeat; height: 46px; /* this height reflects the height of the heading image */ overflow: hidden; text-indent: -999em;}
h2{color: #391d6a; margin: 0 0 10px 0;font-size:12px;}
h3{color: #391d6a;font-size:12px;margin: 0;}
h4{color: #391d6a;font-size:12px;margin: 0; text-decoration: underline;}

/* LISTS ---------- */
ol, ul {padding:0 0 10px 15px;}

/* LINKS ---------- */
a {color: #391d6a; text-decoration: underline}
a:visited {color: #391d6a; text-decoration: underline}
a:hover {color: #391d6a; text-decoration: none; font-weight:normal;}
#logo a {position:absolute; top:19px; left:50%; margin: 0 0 0 -339px; width: 149px; height: 310px; display: block; background: url(../images/logo.gif) no-repeat;}
#footer a {color: #391d6a;}
.sesame a {text-decoration: underline;}
.sesame a:visited {text-decoration: underline;}
.sesame a:hover {text-decoration: none;}

/* TOP LINKS ---------- */
#patient-login a{position:absolute; top: 0; left:50%; margin: 0 0 0 110px; display: block; width: 146px; height: 34px; text-indent:-999em; overflow:hidden; background: url(../images/patient-login-purple.gif) no-repeat;}
#patient-login a:hover, #nav .active {background-position: 0 -34px}
#doctor-login a{position:absolute; top: 0; left:50%; margin: 0 0 0 256px; display: block; width: 150px; height: 34px; text-indent:-999em; overflow:hidden;background: url(../images/dr-login-purple.gif) no-repeat;}
#doctor-login a:hover, #nav .active {background-position: 0 -34px}

/* NAV ---------- */
#sidebar {width:215px; min-height:660px;}	
/* navigation */
#nav-container {position:absolute; top:485px; left:50%; margin: 0 0 0 -384px; background: url(../images/nav-bg.png) no-repeat; display: block; width: 248px; height: 585px;}
/*IE 7 FIX*/
*+html #nav-container {margin-left: -384px;}
.head{margin: 0; padding:0;}
.last{margin: 0; padding:0;}
#nav {padding: 0; margin: 15px 0 0 -2px;width: 222px;text-align:center;}
#nav ul {list-style: none;width: 222px; margin: 0;}
#nav a{display: block;height: 35px; /* h */overflow: hidden; text-indent: -999em; width: 222px; /* w */}

/* vertical nav */
#nav a:hover, #nav li.active a:hover  {background-position: -222px 0;} /* -w */
#nav li.active a {background-position: -222px 0;} /* -w */

/* set bg image for each link */
a#about-us {background-image:url(../images/nav/about-us.gif);}
a#general-dentistry {background-image:url(../images/nav/general-dentistry.gif);}
a#for-new-patients {background-image:url(../images/nav/for-new-patients.gif);}
a#pediatric-dentistry {background-image:url(../images/nav/pediatric-dentistry.gif);}
a#rewards-for-referrals {background-image:url(../images/nav/rewards-for-referrals.gif);}
a#whats-new {background-image:url(../images/nav/whats-new.gif);}
a#links {background-image:url(../images/nav/links.gif);}
a#contact-us {background-image:url(../images/nav/contact-us.gif);}
a#home {background-image:url(../images/nav/home.gif);}

/* subnav */
#nav li ul {margin: 0; padding:0 0 5px 0; background:#f3e5f3 url(../images/sub-nav-bg.gif) no-repeat 0 100%;}
#nav li ul li {width: 222px; text-indent: 0; margin: 0; padding:0; background-color: #f3e5f3;}
#nav li ul li a { background-color: #f3e5f3; color:#442c92; text-decoration:none; display:inline; padding:0; margin:0; text-indent:0; font: normal 12px/24px "Times New Roman", Times, serif; text-transform: uppercase;}
#nav li ul a:hover {color:#e3444e;}
#nav li ul li.active {color:#e3444e;}

/* LAYOUT ---------- */
div.hr { background: #3c362e; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
.hide {display:none;}
.flash-replaced .alt {display: none;}
.clear{clear:both;}
#main {position: relative; background: #faf3ea url(../images/bottom-bg-purple.jpg) no-repeat 0 100%;width: 816px; margin: 0 auto 0 auto; border-right:1px solid #504589;border-bottom:1px solid #504589;border-left:1px solid #504589;}
*+html #main{background-position: bottom left;}
#top{height: 485px;	width: 816px; display: block; background: url(../images/top-bg-purple.jpg) no-repeat 0 0;}
#office-address {position: absolute; top: 322px; left: 50%; margin: 0 0 0 -367px; font-size: 11px; line-height:11px; padding: 28px 0 0 41px; text-align: center; color:#391d6a; }
#text{width:460px; margin-top: -111px;padding: 0px 0 140px 305px ; min-height: 470px; _height: 470px;}
#spotlight{width: 549px; height: 303px; display: block; position: absolute; top: 34px; left: 50%; margin: 0 0 0 -141px;}
#envirostars{position: absolute; top: 730px; left: 50%; margin:0 0 0 -100px ; display: block; width: 295px; height: 61px; background: url(../images/envirostars.gif) no-repeat 0 0; text-indent: -999em; overflow:hidden;}
#footer {margin: 0 auto 0 auto; color: #391d6a; font: normal 11px/12px Tahoma, Arial, Helvetica, sans-serif; padding: 30px 0 40px 0; text-align: center; width:759px;}
#footer p{padding:0 0 10px 0;}

/* Shortcuts ----------*/
/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
.replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace {	letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */

/* RESOURCES ---------- */
dl.logos, dl.logos dt, dl.logos dd {list-style:none;margin:0;padding:0;}
dl.logos {padding:10px;}
dl.logos dd {border-bottom:1px solid #CCC;margin:0;padding:10px 0 5px 0;width:50%;}
dl.logos span {font-size: 12px; font-weight:bold; color: #391d6a}

/* IMAGES ---------- */
img {border:none;}

/* TABLES ------------*/
.pediatric-dental-terminology{border-width: 1px; border-spacing: none; border-style: solid; border-color:#391d6a;border-collapse: collapse; padding:0; width: 460px; margin-bottom: 20px;}
.pediatric-dental-terminology td{border-width: 1px; padding: 4px; border-style: solid;}

/*right and left floating image with border*/
.right {float:right; border: 1px solid #391d6a; margin: 0 0 10px 10px;}
.center {border: 3px solid #391d6a; margin: 0 0 10px 0px;}
.left {float:left; border: 1px solid #391d6a; padding-right:10px;padding-bottom:10px;}

/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 0 0px; text-align: center; width: 400px;}
ul#sesame-games {list-style: none; padding:0;}
ul#sesame-games li {clear: both; text-indent:0;}
ul#sesame-games img {border: 0; float:right;}
ul#sesame-games a.button {float:right; height:85px; width:200px; margin-right:10px; padding: 0 0 10px 10px;}
ul#sesame-games p {padding:0 10px 10px 0;}
	
/* LOCATION ---------- */
iframe {border: 5px solid #3c362e; margin-bottom:20px;}
	
/* MEDIA CENTER ---------- */
h2.media-center {background:#000033; color:#FFF; margin:0; padding:5px;}
div.media-center {background:#336699; color:#FFF; display:inline-block; margin-bottom:10px; overflow:auto; padding:10px;}
div.media-center a {color:#FFF;}
div.media-center img {border:1px solid #FFF;}

/* ANATOMY OF A TOOTH ---------- */

#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}

/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.SmallText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color:#391D6A;
	font-weight: normal;
}

.SubjectHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#391D6A;
	font-weight: bold;
}

* .PageTitle {
	font-family: Times New Roman, "Times", sans-serif;
	font-size: 34px;
	line-height: 38px;
	color:#391D6A;
	font-weight: normal;
	text-transform: uppercase;
}

td.GrayBorderTop {border-top: solid 1px #3C362E; padding-top: 20px;}

.bioimage {float:right;border:2px solid #442C91; margin:0 0 10px 15px;}

#flash-office-tour { margin-bottom:40px; }