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

.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;
	margin-left:8px;
}
img.center {
display:block;
margin:0 auto 10px auto;}
.image-float-home {
	float: right;
	clear: right;
	display: block;
	margin:0 0px 7px;
}


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

#smile-gallery-movie{margin-bottom:15px;}
body {
	margin:0;
	padding:0;
	background-image: url(images/bkg2.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff7d6;
	background-repeat: repeat-x;
}
p{
	margin-top: 3px;
	margin-bottom:15px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#phone{
	margin-top: -30px;

}	
#main li{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 50px;
	list-style: outside;
	line-height:16px;
	
}
#main .special{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 35px;
	list-style: outside;
	line-height:19px;

}
#main ul{
	margin-bottom:15px;
}
#main ol{
	margin-bottom:15px;
}
a:link, a:visited{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
 a:hover{
	color: #003876;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#footernav {
	text-align:left;
	width: 750px;
	clear:both;
	margin:-3px auto 0px;
	background-color: #81332f;
	background-image: url(images/footer_bkd.jpg);
	background-repeat: no-repeat;
}
#footernav .inner {
padding-bottom:5px;
padding-left:212px;
padding-right:10px;
position:relative
}
#BBB{
position:absolute;
top:30px;
left:60px;
}
#footernav hr {color: #FFFFFF;
}
.address{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-top:23px;
}
.footertext{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
}
.footerguide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration:none;
	line-height: 17px;
	font-weight: normal;
}
.footerguide a:link, .footerguide a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration:none;
	font-weight: normal;
	line-height: 17px;
}
.footerguide a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 17px;
	font-weight: normal;
	text-decoration: underline;
}			

.design{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
	line-height: 25px;
	margin-bottom:0px;
}
.design a:link, .design a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
	line-height: 25px;
}
.design a:hover{
	text-decoration:underline;
}
h1{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
		position: relative;
}
h1 span{
background-repeat: no-repeat; 
height: 100%; 
position: absolute; 
width: 100%;
}
#header{
width: 750px;	
margin:auto;
}
#logo {
	width: 750px;
	height: 170px;
}
#logo a {
	display: block;
	width: 750px;
	height: 170px;
	text-indent: -999em;
	background-image: url(images/logo_header.jpg);
	background-repeat: no-repeat;
	cursor:pointer;	
}
/* headings */
#h-office,#h-team,#h-doc,#h-tour,#h-new,#h-visit,#h-guide,#h-policy,#h-teeth,#h-check,#h-life,#h-peds,#h-know,#h-anatomy,#h-resources,#h-restore,#h-improve,#h-gallery,#h-extract,#h-wisdom,#h-gum,#h-root,#h-invisalign,#h-crack,#h-lanap,#h-cancer,#h-contact,#h-location,#h-rail,#h-appt,#h-refer,#h-comment,#h-site,#h-white,#h-home,#h-tech,#h-postop,#h-referdent{
	line-height: 0px;
	height: 32px;
	margin-left:3px;
	width: 547px;
	margin-bottom:10px;
	
}
#h-white{background: url(images/title_white.gif);}
#h-home{background: url(images/title_welcome.jpg);}
#h-office{background: url(images/title_office.gif);}
#h-team{background: url(images/title_team.gif);}
#h-doc{background: url(images/title_doc.gif);}
#h-tour{background: url(images/title_tour.gif);}
#h-new{background: url(images/title_new.gif);}
#h-visit{background: url(images/title_visit.gif);}
#h-guide{background: url(images/title_guide.gif);}
#h-policy{background: url(images/title_policy.gif);}
#h-teeth{background: url(images/title_teeth.gif);}
#h-check{background: url(images/title_check.gif);}
#h-life{background: url(images/title_life.gif);}
#h-peds{background: url(images/title_peds.gif);}
#h-know{background: url(images/title_know.gif);}
#h-anatomy{background: url(images/title_anatomy.gif);}
#h-resources{background: url(images/title_resources.gif);}
#h-restore{background: url(images/title_restore.gif);}
#h-improve{background: url(images/title_improve.gif);}
#h-gallery{background: url(images/title_gallery.gif);}
#h-extract{background: url(images/title_extractions.gif);}
#h-wisdom{background: url(images/title_wisdom.gif);}
#h-gum{background: url(images/title_gum.gif);}
#h-root{background: url(images/title_root.gif);}
#h-invisalign{background: url(images/title_white.gif);}
#h-crack{background: url(images/title_crack.gif);}
#h-lanap{background: url(images/title_lanap.gif);}
#h-cancer{background: url(images/title_cancer.gif);}
#h-contact{background: url(images/title_contact.gif);}
#h-location{background: url(images/title_location.gif);}
#h-rail{background: url(images/title_rail.gif);}
#h-appt{background: url(images/title_appt.gif);}
#h-refer{background: url(images/title_refer.gif);}
#h-comment{background: url(images/title_comment.gif);}
#h-site{background: url(images/title_site.gif);}
#h-tech{background: url(images/title_tech.gif);}
#h-postop{background: url(images/title_postop.gif);}
#h-referdent{background: url(images/title_referdent.gif);}


h2{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	font-style: italic;
}
	
h3{color: #003876;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	}

h5{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top:10px;
}
h6{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom:5px;
}

#nav-column {
float:left;
	width: 178px;
}
#nav-column .inner {
}
#nav {list-style: none;
}
#nav a {display: block; padding: 0; width: 178px; margin: 0;
}

#nav ul {
	position: absolute;
	left: -999em;
	list-style: none;
	margin: -25px 0px 0px 179px;
	background:#504860;
	z-index: 1;
}
#nav li {display: inline;}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	display: block;
}

ul#nav ul li a {
	font-size:11px;
	background:#073e7d;
	padding: 4px 2px 5px 10px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	width:145px;
}
ul#nav ul li a:hover {
background: #9a9583;
	color: #ffffff;
}
#office, #new, #improve, #restore,#teeth,#contact,#home,#login,#tech {
overflow: hidden; 
	text-indent: -999em; /* Indents the rich-text so it does not show */
	width: 178px;
	cursor: pointer;
}
pad-left { padding-left:23px;}
/* Set the image for each nav item */
#login {background: url(images/login.jpg);
height:30px;}
#office {background: url(images/office.jpg);
height:30px;}
#new {background: url(images/new.jpg);
height:30px;}
#teeth {background: url(images/teeth.jpg);
height:30px;}
#restore {background: url(images/restore.jpg);
height:29px;}
#improve {background: url(images/improve.jpg);
height:30px;}
#contact {background: url(images/contact.jpg);
height:29px;}
#home {background: url(images/home.jpg);
height:29px;}
#tech {background: url(images/tech.jpg);
height:30px;}
/* Shift the image position up to show the active state */
#nav a:hover, #nav .active{
	background-position:-178px 0px
}

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

#container{
	width: 766px;
	margin:auto;
	
}
#content {
	width: 750px;
	margin:auto;
	background-image: url(images/content_bkd.jpg);
	background-repeat: repeat-y;
}
#main {
	float: right;
	width: 550px;
	padding-bottom:5px;
}
#main .inner {	
padding-left:5px;
padding-right:20px;
}
#main .innerhome {	
padding-left:10px;
padding-right:20px;
}

#forms {
	float: right;
	clear: right;
	display: block;
	background-color: #003876;
	width: 180px;
	margin-left: 5px;
	border: 4px solid #ffffff;
}
.formtext{
	color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-left: 11px;
	margin-right: 10px;
	display: block;
}
h4{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
		color: #ffffff;
	font-weight: bold;
	margin-top:5px;
	margin-left:5px;}
#forms li{
	color: #ffffff;
	margin-left: 45px;
	list-style: disc outside;
	line-height:16px;
}
#forms ul{
	margin-bottom:9px;
	margin-left:4px;
		color: #ffffff;
	margin-top:4px;
}
#forms a:link,#forms a:visited {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

#forms a:hover{
	color: #9a9583;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.top{
	color: #003876;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
.top a:link, .top a:visited{
	color: #003876;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
.top a:hover{
		color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
hr{
	color: #003876;
	margin-bottom:5px;
}
blockquote{margin-left:28px;}
		
#anatomy-of-a-tooth-diagram {background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px; margin-bottom:15px;}
#anatomy-of-a-tooth-diagram a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth-diagram 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-diagram a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth-diagram 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-bottom:15px;
	margin-top: 15px;
}

.image-float-right2 {
	float: right;
	clear: both;
	display: block;
	margin-bottom: 10px;
	margin-left: 7px;
}
.caption2{
color:#000000;
margin-left:5px;
margin-top:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	width:251px;
	font-weight: bold;}

#anatomy-of-a-tooth {background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px;margin-bottom:15px;}
#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}

.superscript {
	font-size: 9px;
	}