* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #863710;
	background-image: url(images/bgrnd-body.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
p {
	margin-bottom: 14px;
}
div.patient-comments {width: 400px; margin: 18px auto; background: url(images/quote-left.jpg) 0 0 no-repeat;}
div.patient-comments blockquote {padding: 9px;display: block; background: url(images/quote-right.jpg) 100% 100% no-repeat;}
div.patient-comments p {font-size: 14px;text-align: right; margin: 9px 0 0; font-style:oblique; font-weight:bold;color:#3f5719;} 
#banner {
	background-image: url(images/bgrnd-banner.gif);
	clear: both;
	height: 63px;
	width: 800px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}
#banner2 {
	clear: both;
	height: 212px;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#banner h1 {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 63px;
	width: 325px;
	color: #E4990A;
}
#banner h1 a {
	display:block;
	width:100%;
	outline:none;
	color: #E4990A;
	font-size: 9pt;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#footer {
	background-image: url(images/bgrnd-footer.gif);
	background-repeat: no-repeat;
	clear: both;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	line-height: normal;
	height: 153px;
}
#pageContact #banner2 {
	background-image: url(images/banner-contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageOffice #banner2 {
	background-image: url(images/banner-office.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageComments #banner2 {
	background-image: url(images/banner-comments.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageOrtho #banner2 {
	background-image: url(images/banner-ortho.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageBraces #banner2 {
	background-image: url(images/banner-braces.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageEmergency #banner2 {
	background-image: url(images/banner-emergency.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageGames #banner2 {
	background-image: url(images/banner-games.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#pageSite #banner2 {
	background-image: url(images/banner-games.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer #invisalign-button {
	margin-top: 32px;
	margin-left: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 40px;
	width: 463px;
	padding: 0px;
	display: block;
	clear: none;
	float: left;
}
#footer  #footernav {
	margin-top: 32px;
	font-size: 7pt;
	color: #384717;
	text-align: left;
	float: right;
	width: 275px;
	clear: none;
}
#footernav a:link {
	color: #e69a0a;
	text-decoration: none;
}
#footernav a:visited {
	color: #e69a0a;
	text-decoration: none;
}
#footernav a:hover {
	color: #C87B0C;
	text-decoration: none;
}
#footernav a.sesame:link {
	color: #ffffff;
	text-decoration: none;
}
#footernav a.sesame:visited {
	color: #ffffff;
	text-decoration: none;
}
#footernav a.sesame:hover {
	color: #ffffff;
	text-decoration: underline;
}
#address {
	font-size: 12px;
	color: #e69a0a;
	margin-top: 50px;
	z-index: 0;
	display: block;
	visibility: visible;
	text-align: center;
	position: absolute;
	line-height: normal;
	width: 208px;
}
#tagline {
	font-family: "Times New Roman", Times, serif;
	font-size: 8pt;
	font-style: italic;
	color: #da8e0b;
	float: right;
	width: 574px;
	padding-right: 16px;
	text-align: center;
	padding-top: 15px;
}
#pageOrtho  dd {
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#pageOrtho  dt {
	background-color: #FCDDAE;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #863710;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
}
#frame-home1 {
	clear: both;
	height: 372px;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/bgrnd-home.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#frame-home2 {
	float: right;
	width: 570px;
	margin-top: 65px;
}
#frame-home3 {
	color: #000000;
	text-align: center;
	margin-top: 0px;
	margin-right: 55px;
	margin-bottom: 0px;
	font-size: 9pt;
	line-height: 13pt;
}
#frame-content1 {
	clear: both;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/bgrnd-content.gif);
}
#frame-content2 {
	float: right;
	width: 568px;
	margin-top: 65px;
}
#frame-content3 {
	color: #000000;
	margin-top: 0px;
	margin-right: 45px;
	font-size: 9pt;
	line-height: 13pt;
	text-align: left;
	padding-bottom: 40px;
	min-height: 300px;
	_height: 300px;/* for IE yuk! */
}
.photo-right {
	float: right;
	margin-bottom: 20px;
	margin-left: 25px;
	padding: 2px;
	border: 2px solid #C87B0C;
}
.photo {
	padding: 2px;
	border: 2px solid #C87B0C;
	margin: 10px auto;
	text-align: center;
}
.gallery-left {
	padding: 2px;
	border: 2px solid #C87B0C;
	margin: 10px;
	float: left;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
}

.text-box {
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	margin-bottom: 15px;
	margin-left: 20px;
	text-align: center;
	width: 200px;
	float: right;
	background-color: #FCDDAE;
	border: 2px solid #863710;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
h1.replace {
	background-repeat: no-repeat;
	overflow: hidden; 
text-indent: -999em;
	height: 30px;
	width: 450px;
	margin-top: 0px;
	font-size: 11pt;
	line-height: normal;
	color: #555555;
	font-weight: bold;
	padding: 0px;
	
}
h1 {
	font-size: 18pt;
	color: #862F04;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 28px;
	margin-left: 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h2 {
	font-size: 13pt;
	line-height: normal;
	margin-bottom: 14px;
	color: #d1850b;
	margin-top: 4px;
}
h3 {
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
	margin-bottom: 7px;
}

#pageHome h1.replace {
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	letter-spacing: -10000em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
}
#frame-content3 ul {
	margin-bottom: 14px;
	margin-left: 20px;
}

.resource {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #778914;
	margin-top: -8px;
}
.replace { letter-spacing : -10000em; } 
/*\*/html>body .replace { letter-spacing : normal; text-indent : -999em; overflow : hidden;} /* Just for Opera */
#flash h2 {
visibility:hidden;}
#flash p {
	padding:5px;
	color: #FFFFFF;
	background-color: #D98D0B;
}
#topnavHolder {
	padding: 0px;
	float: right;
	height: 63px;
	width: 440px;
	DISPLAY: inline;
	margin: 0px;
}
UL#topnav {
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	height: 63px;
	width: 440px;
	padding: 0px;
}
* #contact {
	BACKGROUND: url(images/nav-contact.gif)
}
* #home {
	BACKGROUND: url(images/nav-home.gif)
}
* #loginP {
	BACKGROUND: url(images/nav-loginP.gif)
}
* #loginD {
	BACKGROUND: url(images/nav-loginD.gif)
}
#topnav A {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 110px;
	TEXT-INDENT: -999em;
	HEIGHT: 63px
}
#topnav A:hover {
	BACKGROUND-POSITION: 0px -63px
}
#topnav .active {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI:hover {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI.sfhover {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI:hover #contact {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI.sfhover #contact {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI:hover #home {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI.sfhover #home {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI:hover #loginD {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI.sfhover #loginD {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI:hover #loginP {
	BACKGROUND-POSITION: 0px -63px
}
#topnav LI.sfhover #loginP {
	BACKGROUND-POSITION: 0px -63px
}
#topnav .active {
	CURSOR: default
}
#topnav {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
#topnav UL {
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
}
#topnav LI {
	DISPLAY: inline;
	float: left;
}
#topnav LI UL {
	Z-INDEX: 1000;
	LEFT: -999em;
	POSITION: absolute;
	background-color: #364417;
	float: left;
	width: 140px;
	padding: 0px;
	margin: 0px;
}
#topnav LI:hover UL {
	LEFT: auto;
	COLOR: #FFFFFF;
	background-color: #364517;
	float: left;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #415B1A;
	border-right-color: #415B1A;
	border-bottom-color: #415B1A;
	border-left-color: #415B1A;
}
#topnav LI.sfhover UL {
	LEFT: auto;
	COLOR: #FFFFFF;
	background-color: #364317;
	float: left;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #415B1A;
	border-right-color: #415B1A;
	border-bottom-color: #415B1A;
	border-left-color: #415B1A;
}
#topnav UL LI A {
	PADDING-LEFT: 20px;
	FONT-SIZE: 12px;
	WIDTH: 110px;
	COLOR: #f9e6ba;
	TEXT-INDENT: 0px;
	HEIGHT: 11px;
	TEXT-DECORATION: none;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #415B1A;
}
#topnav UL LI A:hover {
	COLOR: #de920a;
	text-decoration: none;
	float: left;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #415B1A;
	width: 110px;
}
#topnav ul li ul li{
display: inline;
float: none;
}
#navHolder {
	FLOAT: left;
	WIDTH: 208px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
UL#nav {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 208px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
* #office {
	BACKGROUND: url(images/nav-office.gif)
}
* #comments {
	BACKGROUND: url(images/nav-comments.gif)
}
* #ortho {
	BACKGROUND: url(images/nav-ortho.gif)
}
* #braces {
	BACKGROUND: url(images/nav-braces.gif)
}
* #emergency {
	BACKGROUND: url(images/nav-emergency.gif)
}
* #games {
	BACKGROUND: url(images/nav-games.gif)
}
#nav A {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 208px;
	TEXT-INDENT: -999em;
	HEIGHT: 30px
}
#nav A:hover {
	BACKGROUND-POSITION: -208px 0pt
}
#nav .active {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI:hover {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI.sfhover {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI:hover #office {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI.sfhover #office {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI:hover #comments {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI.sfhover #comments {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI:hover #ortho {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI.sfhover #ortho {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI:hover #braces {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI.sfhover #braces {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI:hover #emergency {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI.sfhover #emergency {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI:hover #games {
	BACKGROUND-POSITION: -208px 0pt
}
#nav LI.sfhover #games {
	BACKGROUND-POSITION: -208px 0pt
}
#nav .active {
	CURSOR: default
}
#nav {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
#nav UL {
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
}
#nav LI {
	DISPLAY: inline
}
#nav LI UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 1;
	LEFT: -999em;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	background-color: #4c721d;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #3F5719;
	border-right-color: #3F5719;
	border-bottom-color: #3F5719;
	border-left-color: #3F5719;
}
#nav LI:hover UL {
	LEFT: auto;
	COLOR: #f5d896;
	PADDING-TOP: 0px;
	margin-top: -32px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 200px;
	background-color: #4c721d;
}
#nav LI.sfhover UL {
	LEFT: auto;
	COLOR: #f5d896;
	PADDING-TOP: 0px;
	background-color: #4c721d;
	margin-top: -32px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 200px;
}
#nav UL LI A {
	PADDING-LEFT: 10px;
	FONT-SIZE: 12px;
	WIDTH: 187px;
	COLOR: #f5d896;
	TEXT-INDENT: 0px;
	HEIGHT: 15px;
	TEXT-DECORATION: none;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3F5719;
}
#nav UL LI A:hover {
	COLOR: #f5d896;
	text-decoration: none;
	background-color: #3F5719;
}
#pageOffice a.pageOffice, #pageComments a.pageComments, #pageOrtho a.pageOrtho, #pageBraces a.pageBraces, #pageEmergency a.pageEmergency, #pageGames a.pageGames {
	background-position: -208px;
}
#pageContact a.pageContact, #pageHome a.pageHome, #pageLoginP a.pageLoginP, #pageLoginD a.pageLoginD {
	background-position: 0px -63px;
	background-repeat: no-repeat;
}
#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;
display: inline-block
}
ul#sesame-games img {
border: 0;
float: right;
margin: 0 0 10px 10px
}
ul#sesame-games p {
padding-bottom: 1em
}
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px;}
#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#dentin:hover img {left: -80px; top: -165px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
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}#frame-content1top {
	clear: both;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/shim-top.gif);
	background-repeat: no-repeat;
}
#frame-content1bot {
	clear: both;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/shim-bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


.left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
.clear {
clear:both;}
h2.media-center {
	color:#FFF;
	margin:0;
	padding:5px;
	background-color: #863710;
}
div.media-center {
	color:#FFF;
	display:inline-block;
	margin-bottom:10px;
	overflow:auto;
	padding:10px;
	background-color: #B0620D;
}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}

