/* Play nice with the WWW, validate me! */
/* clear floats */
* {
	margin: 0;
	padding: 0;
}/* sets all elements margin and padding to 0 */

BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #ffffff; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }

.Header		{ color: #f1f5b3; font-size: 24px; font-weight: bold; font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 24px; padding: 10px; letter-spacing: 2px; }
.Subheader	{ color: #f1f5b3; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.Subheader2	{ color: #f1f5b3; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.Yellow		{ color: #f1f5b3; }
.Green		{ color: #406B44; }
.Purple		{ color: #98333B; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

* .clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

* .clear {
    display: inline-block;
}

html[xmlns] .clear {
    display: block;
}

* html .clear {/* For IE =< 6 */
    height: 1%;
}

* .image-float-left {
	float: left;
	clear: left;
	display: block;
}
* .image-float-right {
	float: right;
	clear: right;
	display: block;
}
img { 
 behavior: url(iepngfix.htc); }
 
* .special{
	float: right;
	clear: right;
	display: block;
	padding-right: 20px;
}
* .special2{
	float: left;
	clear: left;
	display: block;
	padding-left: 20px;
}
* .special3{
	width: 322px;
	margin-left:20px;
}
* .xray{
	margin-left: 180px;
}


TABLE.content a:link{
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bold;
}
TABLE.content a:visited{
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bold;
}
TABLE.content a:hover{
	color: #f1f5b3;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bold;
}

/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/

* .replace { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

.replace ul, .replace ul li {letter-spacing: 0; text-indent: 0; overflow: auto;}


html {
     /*overflow: -moz-scrollbars-vertical;*/
}
body {
margin: 0 0 0px;
	background-color: #5C3A3F;
	background-image: url(images/bkd2.gif);
	background-repeat: repeat-x;
	text-align:center;
}
p{
	margin-bottom: 15px;	
}
* .text{
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-right: 25px;
}
* .text a:link{
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bold;
}
* .text a:visited{
	color: #ffffff;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bold;
}
* .text a:hover{
	color: #f1f5b3;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bold;
}
ul.text,.text ul{
	margin-bottom:15px;
	margin-left:6px;
}
ol.text,.text ol{
	margin-bottom:15px;
	margin-left:6px;
}
li.text,.text li{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 25px;
}

* .flash{
	float:right;
	width: 300px;
}
* #flash-know-your-teeth{
	margin-bottom:15px;
	margin-left:97px;
}


* #footer {
	width: 766px;
	height:240px;
	background-image: url(images/footer_home.jpg);
	background-repeat: no-repeat;
}
* #footer2 {
	width: 766px;
	height:186px;
	background-image: url(images/footer_other.jpg);
	background-repeat: no-repeat;
}
* .footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #406B44;
	line-height: 17px;
}
* #footernav {
	width:470px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #43161D;
	text-decoration:none;
	line-height: 17px;
	margin-top:38px;
}	
* #footernav a:link{font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #43161D;
	text-decoration:none;
	line-height: 17px;}
* #footernav a:visited{font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #43161D;
	text-decoration:none;
	line-height: 17px;}
* #footernav a:hover{font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #43161D;
	text-decoration:underline;
	line-height: 17px;}
	
* .banner{
	float:right;
	margin-left:70px;
}
	
* #design{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F1F5B3;
	text-decoration:none;
	font-weight: bold;
	line-height: 25px;
}
* #design a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F1F5B3;
	text-decoration:none;
	font-weight: bold;
	line-height: 25px;
}
* #design a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F1F5B3;
	text-decoration:none;
	font-weight: bold;
	line-height: 25px;
}
* #design a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F1F5B3;
	text-decoration:underline;
	font-weight: bold;
	line-height: 25px;
}
* #address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #98333B;
	line-height: 17px;
	float: left;
	padding-left:30px;
	margin-top:38px;
	width: 225px;
}
* #nav-column {
	float:right;
	margin: 0px;
}
* #nav-column .inner {
	margin: 0px;
}

ul#nav, #nav ul {
	font-size: 11px;
	padding: 0;
	margin: 0;
	list-style: none;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
}
ul#nav a {
	display: block;
}
ul#nav li {
	position: relative;
	float: left;
	z-index:1;
}
ul#nav li ul {
	position: absolute;
	left: -999em;
	z-index:1;
}

* #office, * #zoom, * #invisalign, * #improve, * #games, * #teeth {
	overflow: hidden; 
	text-indent: -999em; /* Indents the rich-text so it does not show */
	height: 30px;
	cursor: pointer;
}
/* Set the image for each nav item */
* #teeth {background: url(images/teeth.jpg);
	height: 30px;
	width: 75px;}
* #office {background: url(images/office.jpg);
	height: 30px;
	width: 75px;}
* #zoom {background: url(images/zoom.jpg);
	height: 30px;
	width: 55px;}
* #invisalign {background: url(images/invisalign.jpg);
	height: 30px;
	width: 83px;}
* #improve {background: url(images/improve.jpg);
	height: 30px;
	width: 133px;}
* #games {background: url(images/fun.jpg);
	height: 30px;
	width: 97px;}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active {
	background-position:0px -30px;
}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}


/* Image Replacement */
h1{
float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #f1f5b3;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	height: 46px;
	width: 518px;
	text-transform: capitalize;
}
h1 span{
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f1f5b3;
	font-weight: bold;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f1f5b3;
	font-weight: bold;
}
/* headings */
* #h-welcome, * #h-office, * #h-teeth, * #h-improve, * #h-invis, * #h-zoom, * #h-fun, * #h-site, * #h-contact, * #h-doc, * #h-team, * #h-forms, * #h-checkups, * #h-life, * #h-know, * #h-anatomy, * #h-rate, * #h-resouces, * #h-why, * #h-ped, * #h-gallery, * #h-white, * #h-cosmetic, * #h-gum, * #h-sealants, * #h-games, * #h-kit, * #h-comment, * #h-refer, * #h-appoint, * #h-site, * #h-location{
	height: 46px;
	width: 518px;
	line-height: 0px;
}
* #h-welcome {
	background: url(images/title_welcome.jpg);}
* #h-office {
	background: url(images/title_office.jpg);}
* #h-teeth {
	background: url(images/title_teeth.jpg);}
* #h-improve {
	background: url(images/title_improve.jpg);}
* #h-invis {
	background: url(images/title_invis.jpg);}
* #h-zoom {
	background: url(images/title_zoom.jpg);}
* #h-fun {
	background: url(images/title_fun.jpg);}
* #h-contact {
	background: url(images/title_contact.jpg);}
* #h-site {
	background: url(images/title_site.jpg);}
* #h-doc {
	background: url(images/title_doc.jpg);}
* #h-team{
	background: url(images/title_team.jpg);}
* #h-forms {
	background: url(images/title_forms.jpg);}
* #h-checkups {
	background: url(images/title_checkups.jpg);}
* #h-life{
	background: url(images/title_life.jpg);}
* #h-anatomy{
	background: url(images/title_anatomy.jpg);}
* #h-rate {
	background: url(images/title_rate.jpg);}
* #h-resources {
	background: url(images/title_resources.jpg);}
* #h-know {
	background: url(images/title_know.jpg);}
* #h-why {
	background: url(images/title_why.jpg);}
* #h-ped {
	background: url(images/title_ped.jpg);}
* #h-gallery {
	background: url(images/title_gallery.jpg);}
* #h-white {
	background: url(images/title_white.jpg);}
* #h-cosmetic {
	background: url(images/title_cosmetic.jpg);}
* #h-gum {
	background: url(images/title_gum.jpg);}
* #h-sealants {
	background: url(images/title_sealants.jpg);}
* #h-games {
	background: url(images/title_room.jpg);}
* #h-kit{
	background: url(images/title_kit.jpg);}
* #h-comment{
	background: url(images/title_comment.jpg);}
* #h-refer{
	background: url(images/title_refer.jpg);}
* #h-appoint{
	background: url(images/title_appoint.jpg);}
* #h-site{
	background: url(images/title_site.jpg);}
* #h-location{
	background: url(images/title_location.jpg);}

* #container{
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-image: url(images/table.jpg);
	background-repeat: repeat-y;
}
* #content {
	width: 766px;
}

* #main {
	width: 766px;
}
* #main .inner {
	padding-top: 11px;
	padding-left: 28px;
}

* #header{
	width: 248px;
	height: 131px;
	float:left;
}
* #logo {
width: 248px;
		height: 131px;
}
* #logo a {
	display: block;
	width: 248px;
	height: 131px;
	background: url(images/logo.jpg) no-repeat;
	text-indent: -999em;
}

* #sub  {
float:left;
	height: 55px;
	margin-top: 0px;
}
ul#navsub, #navsub ul {
	font-size: 11px;
	padding: 0;
	margin: 0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
}
ul#navsub a {
	display: block;
}
ul#navsub li {
	position: relative;
	float: left;
}
* #patient, * #doc {
	overflow: hidden; 
	text-indent: -999em; /* Indents the rich-text so it does not show */
	height: 55px;
	cursor: pointer;
}
/* Set the image for each nav item */
* #patient {background-image: url(images/login_patient.jpg);
	height: 55px;
	width: 135px;
	}
* #doc {background-image: url(images/login_doc.jpg);
	height: 55px;
	width: 135px;
	}

/* Shift the image position up to show the active state */
#navsub a:hover, #navsub .active {background-position:0px -55px;}

/* Set the cursor to default arrow so link does not appear clickable */
* #navsub .active {cursor: default}

* #sub2  {
float:right;
	width: 248px;
	height:55px;
	background-image: url(images/header_back.jpg);
}
ul#navsub2, #navsub2 ul {
float:right;
padding-right:13px;
	font-size: 11px;
	margin-top:0px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
}
ul#navsub2 a {
	display: block;
}
ul#navsub2 li {
	position: relative;
	float: left;
	z-index: 10;
}
ul#navsub2 li ul {
width:110px;
	position: absolute;
	left: -999em;
	overflow: hidden; 
	z-index: 10;
	border: 1px solid #384c3a;
}

ul#navsub2 ul li a {
	width:110px;
	background: #abd3af;
	color: #384c3a;
	padding: 4px 4px 2px;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #384c3a;
	border-bottom: 1px solid #384c3a;
}
ul#navsub2 ul li a:hover {
	color: #ffffff;
}
#navsub2 li:hover ul, #navsub2 li.sfhover ul {
	left: auto;
}

* #home, * #contact {
	overflow: hidden; 
	text-indent: -999em; /* Indents the rich-text so it does not show */
	height: 24px;
	cursor: pointer;
}
/* Set the image for each nav item */
* #home {background-image: url(images/home.jpg);
	width: 77px;
	}
* #contact {background-image: url(images/contact.jpg);
	width: 100px;
	}

/* Shift the image position up to show the active state */
#navsub2 a:hover, #navsub2 .active {background-position:0px -24px;}

/* Set the cursor to default arrow so link does not appear clickable */
#navsub2 .active {cursor: default}

* #navright{
	text-align: right;
	margin-right:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	line-height: 20px;
}
* .navright a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	line-height: 20px;
}
* .navright a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f1f5b3;	
	line-height: 20px;
}
* #navright .active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f1f5b3;	
	line-height: 20px;
}
* .navtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:underline;
	line-height: 20px;
}
* #anatomy{margin-bottom:15px;
margin-left:200px;}
* #anatomy-of-a-tooth {background: url(images/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}

* .resoucesright{
	float:right;
	clear:right;
	width: 310px;
}
* .resoucesleft{float:left;
clear:left;
width: 310px;
margin-left:40px;}
* #flash-smile-gallery{margin-bottom:15px;
margin-left:100px;}
blockquote {
	margin-left: 40px;
}
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px;}

ul#sesame-games {
list-style: none;
margin: 0;
padding: 0;}

ul#sesame-games li {
clear: both;
padding: .5em 0;
margin-bottom:15px;}

ul#sesame-games img {
border: 0;
float: left;
margin-left: -210px;}

ul#sesame-games p {
padding-left: 210px;}

* .form{margin-bottom:15px;}
* .map{
margin-left:130px;
margin-bottom:15px;}
* .top{
margin-right:15px;
font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f1f5b3;
	line-height: 19px;
	font-size: 11px;
	float:right;
	text-decoration: underline;
}
.top a:link{
float:right;
margin-right:15px;
font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f1f5b3;
	line-height: 19px;
	font-size: 11px;
	text-decoration: underline;
}
.top a:visited{
margin-right:15px;
font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f1f5b3;
	line-height: 19px;
	font-size: 11px;
	float:right;
	text-decoration: underline;
}
.top a:hover{
margin-right:15px;
font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 19px;
	font-size: 11px;
	float:right;
	text-decoration: underline;
}