@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background: #714171 url(../images/page-bg.jpg) repeat-x left top;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #000;
}
a {
	text-decoration: none;
	color: #714171;
}
a:hover {
	color: #2c834c;
}
/*LAYOUT*/
#container {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
	background: url(../images/container-bg.png) repeat-y center top;
}
#header {
	z-index: 2;
	background: url(../images/header-bg.jpg) no-repeat left top;
	height: 412px;
	width: 910px;
}
#logo a{
	z-index: 3;
	font-size: 12px;
	background: url(../images/logo.png) no-repeat left top;
	height: 114px;
	width: 300px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 28px;
	top: 16px;
}
#topnav {
	background: url(../images/nav-bg.jpg) repeat-x;
	height: 35px;
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	position: absolute;
	top: 412px;
	width: 890px;
	padding-top: 1px;
	padding-left: 10px;
	z-index: 50;
}
#main {
	z-index: 4;
	padding-top: 50px;
	padding-right: 30px;
	padding-left: 30px;
	min-height: 600px;
}
#content {
	z-index: 5;
	float: right;
	width: 464px;
	padding-bottom: 100px;
}
#sidebar {
	z-index: 6;
	position: absolute;
	left: 30px;
	top: 640px;
	width: 225px;
}
#address {
	background: url(../images/address.png) no-repeat left top;
	height: 164px;
	width: 205px;
	padding-top: 25px;
	color: #430340;
	font-size: 12px;
	padding-left: 20px;
	position: absolute;
	left: 30px;
	top: 447px;
}
#newpatients a{
	background: url(../images/new-patients.png) no-repeat center top;
	height: 60px;
	width: 225px;
	text-indent: -9999px;
	display: block;
}
#dentistrymagazine a{
	background: url(../images/dentistry-magazine.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	height: 84px;
	width: 225px;
}
#patientlogin a{
	background: url(../images/patient-login.png) no-repeat left top;
	height: 118px;
	width: 118px;
	text-indent: -9999px;
	display: block;
	margin: 10px auto;
}
#patientlogin a:hover {
	background: url(../images/patient-login.png) no-repeat -118px top;
}
#members {
	padding-left: 40px;
	clear: both;
	width: 225px;
	height: 75px;
}

#members li{
	list-style: none;
	display: inline;
	float: left;
}
#aapd a {
	background: url(../images/member-logos.png) no-repeat left center;
	display: inline-block;
	height: 75px;
	width: 63px;
	text-indent: -9999px;
	float: left;
}
#abpd a {
	background: url(../images/member-logos.png) no-repeat right center;
	height: 75px;
	width: 90px;
	float: left;
	display: inline-block;
	text-indent: -9999px;
}
#social {
	padding-top: 20px;
	padding-left:-15px;
	width:304px;
}

#social li {
	display: inline;
	list-style: none;
}
#facebook a, #youtube a, #myspace a, #yelp a, #blogger a, #twitter a {
	height: 50px;
	width: 50px;
	display: block;
	float: left;
	text-indent: -9999px;
}
#facebook a{
	background: url(../images/social-network.png) no-repeat 2px top;
}
#youtube a{
	background: url(../images/social-network.png) no-repeat -46px top;
}
#myspace a{
	background: url(../images/social-network.png) no-repeat -100px top;
}
#yelp a {
	background: url(../images/social-network.png) no-repeat -151px top;
}
#blogger a {
	background: url(../images/social-network.png) no-repeat -204px top;
}
#twitter a {
	background: url(../images/social-network.png) no-repeat -257px top;
}
#facebook a:hover {
	background: url(../images/social-network.png) no-repeat 2px bottom;
}
#youtube a:hover {
	background: url(../images/social-network.png) no-repeat -46px bottom;
}
#myspace a:hover {
	background: url(../images/social-network.png) no-repeat -100px bottom;
}
#yelp a:hover {
	background: url(../images/social-network.png) no-repeat -151px bottom;
}
#blogger a:hover {
	background: url(../images/social-network.png) no-repeat -204px bottom;
}
#twitter a:hover {
	background: url(../images/social-network.png) no-repeat -257px bottom;
}
#footer {
	clear: both;
	background: #714171 url(../images/footer-bg.png) no-repeat center top;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 80px;
	color: #FFF;
	text-align: center;
	position: relative;
}
#footer a {
	color: #A5CC3B;
}

#footerlinks {
	padding-top: 40px;
	padding-bottom: 20px;
}
#footerlinks a {
	color: #FFF;
	text-transform: uppercase;
	font-size: 11px;
}
#sesame a {
	color: #a5cc3b;
}
#footer a:hover {
	color: #F3DFCE;
}
#bird {
	z-index: 99;
	background: url(../images/footer-bird.png) no-repeat left top;
	position: absolute;
	top: -84px;
	right: 9px;
	display: block;
	height: 159px;
	width: 87px;
}
#monkey {
	z-index: 10;
	background: url(../images/monkey.png) no-repeat left top;
	height: 346px;
	width: 149px;
	position: absolute;
	left: 255px;
	top: 447px;
}
#flash-home{
	position:absolute;
	top:0px;
	left: 5px;
	height: 411px;
	width: 422px;
}
#hdr-img{
	position:absolute;
	top:146px;
	left: 5px;
	height: 267px;
	width: 422px;
}
/*SUBNAV*/
#subnav {}
#subnav .active {
	color: #2C836E;
}
/*TYPOGRAPHY*/
h1 {
	font-size: 32px;
	color: #430340;
	line-height: normal;
	padding-bottom: 10px;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	color: #2c834c;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 10px;
}
h3 {
	font-size: 14px;
	color: #714171;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 10px;
}
h4 {}
h5, h6 {}
#content p{
	padding-top: 5px;
	padding-bottom: 5px;
}
#content ul {
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
}
#content ul li {}
#content ol {
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}
#content ol li {}
#content hr {
	color: #714171;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;
	display: block;
	width: 100%;
	border: thin solid #714171;
	background: #714171;
}

/*GENERAL STYLES*/
.accent {
	color: #2c834c;
	font-style: italic;
	}
.back-to-top {
	text-align: right;
}
.hide {
	display: none;
}
.hr {
	color: #714171;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;
	display: block;
	width: 100%;
	background: #714171;
}
.img-left {
	padding: 5px 10px 10px 0px;
	float: left;
	border: medium solid #a5cc3b;
}
.img-right {
	padding: 5px 0px 10px 10px;
	float: right;
	border: medium solid #a5cc3b;
}
a img {border:none;}
.left {float: left;}
.right {float: right;}
.center {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/*SESAME STYLES*/
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}
ul#sesame-games {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#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}

/*CLEARFIX*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}