@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: 356px;
	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: 675px;
}
#content {
	z-index: 5;
	float: right;
	width: 464px;
	padding-bottom: 100px;
}
#sidebar {
	z-index: 6;
	position: absolute;
	left: 30px;
	top: 743px;
	width: 225px;
}
#address {
	background: url(../images/address.png) no-repeat left top;
	height: 296px;
	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 {
	float:left;
	padding-top: 12px;
	padding-left:-15px;
	width:225px;
	text-align:center;
}

#social li {
	display: inline;
	list-style: none;
	text-align:center;
}

#social li a {
	height: 32px;
	width: 32px;
	margin:0 3px 3px;
	display: inline-block;
	/*float: left;*/
	overflow:hidden;
	text-indent: -9999px;
}
#social li a:hover {margin:3px 3px 0;}

#facebook a{background:url(../images/social-network.png) -105px top no-repeat}
#youtube a{background:url(../images/social-network.png) -70px top no-repeat}
#myspace a{background:url(../images/social-network.png) -210px top no-repeat}
#yelp a{background:url(../images/social-network.png) -175px top no-repeat}
#blogger a{background:url(../images/social-network.png) -35px top no-repeat}
#twitter a{background:url(../images/social-network.png) -140px top no-repeat}
#blog a{background:url(../images/social-network.png) left top no-repeat}

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

/* Cycle Office Tour ------------------ */
	#slideshow-container ul.slideshow {
  list-style: none; 
  width: 442px; 
  height: 332px;
  margin: 0; 
  padding: 0;
  overflow: hidden;
}

#slideshow-container {
	  background: #a5cc3b; /* Customize me */
	  border: solid 1px #050301; /* Customize me */
	 border-radius: 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
  width: 442px; 
  padding: 10px;
  line-height: 18px;


	}
	#slideshow-container div#caption {

	  
	  min-height: 18px;
  clear: both;
  background-color: #fff; /* Customize me */
  color: #333; /* Customize me */
  padding: 10px;
  margin: 10px 0 0 0;
  border: solid 1px #333; /* Customize me */
  border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
  -webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */

	}
	#slideshow-container ul.slideshow img {
  width: 440px; 
  height: 330px;
  margin: 0;
  border: solid 1px #333; /* Customize me */
}

	
	.office-tour-nav {
  background-color: #fff; /* Customize me */
  margin: 0 0 10px 0;
  padding: 5px 3px;
  border: solid 1px #333; /* Customize me */
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
}
.office-tour-nav a {
  text-decoration: none; 
  font-size: 12px; 
  padding: 5px; 
  margin: 0 3px; 
  color: #333;
}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #009EC7;}
	
	
	
	/* Cycle Office Tour ------------------ */
	#slideshow-container-estrella ul.slideshow {
  list-style: none; 
  width: 442px; 
  height: 332px;
  margin: 0; 
  padding: 0;
  overflow: hidden;
}

#slideshow-container-estrella {
	  background: #a5cc3b; /* Customize me */
	  border: solid 1px #050301; /* Customize me */
	 border-radius: 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
  width: 442px; 
  padding: 10px;
  line-height: 18px;


	}
	#slideshow-container-estrella div#caption-estrella {

	  
	  min-height: 18px;
  clear: both;
  background-color: #fff; /* Customize me */
  color: #333; /* Customize me */
  padding: 10px;
  margin: 10px 0 0 0;
  border: solid 1px #333; /* Customize me */
  border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
  -webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */

	}
	#slideshow-container-estrella ul.slideshow img {
  width: 440px; 
  height: 330px;
  margin: 0;
  border: solid 1px #333; /* Customize me */
}