/* The Smile Spa */

/* Global -------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	border:0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html {
	height:100%;
	overflow-x: hidden;
}
body {
	font: normal 12px/20px Helvetica, Arial, sans-serif;
	color:#000;
	position: relative;
	background:#fff url('/media/images/BG-body-grad.gif') repeat-x 0 120px;
}
ul,ol { 
	list-style:none; 
}
table { 
	border-collapse:collapse; 
	border-spacing:0; 
}
p {
	padding:6px 0 12px 0;
	line-height:20px;
}
b, strong {
	
}
em {
	font-style:normal;
}
small {
	font-size:80%;
}
.clear { 
	clear:both;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.clear {
	display: inline-block; /* for IE/Mac */
} 
.center {
	text-align:center;
}
hr {
	visibility:hidden;
	clear:both;
	height:20px;
}
code {

}
a, a:visited {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
a:hover {
	color:#fff;
}

a.highlighted_footer {
  font-weight: normal;
  color: #000000;
}

.no-margin {
	margin:0 !important;	
}
.none {
	border:none !important;	
}

/* layout */

div#main-wrap, div#header-wrap, div#footer-wrap, div#supporting-logos-wrap {
	width:100%;
}
div#content, div#header, div#footer, div#footer-promo, div#footer-promo-sup, div#supporting-logos {
	width:1000px;
	margin: auto;
}

/* Header */
#site-logo {
	float: left;
	height: 121px;
}
#cta-wrapper {
  width: 330px;
  float: right;
  margin: 0;
  padding: 0;
}

#cta-book-consultation{
  padding: 0;
  float: right;
  height:69px;
  width:292px;
  text-indent: -10000px;
  background:#fff url('/media/images/IMG-header-call-to-action.gif') no-repeat top left;
  margin-top: 30px;
}


ul#nav {
	clear: both;
  z-index: 500;
}

/* main nav */

ul#nav {
	height:51px;
  z-index: 500;
}
ul#nav li {
	float:left;
	padding:0 1px 0 0;
	display:block;
  position:relative;
  z-index:500;
  font-family: 'Tenor Sans', sans-serif;
  /*overflow: hidden;*/
  text-align: center;
  
}
ul#nav li a {
	display: block;
	height:51px;
	font-family: 'Tenor Sans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-shadow: #333333 2px 2px;
	/*text-indent: 10000px;*/
	line-height: 51px;
	padding: 0 5px 0 5px;
}

#nav-home {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:65px;*/
}
#nav-team {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:91px;*/
}
#nav-treat {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:109px;*/
}
#nav-smile {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:126px;*/
}
#nav-testimonials {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:126px;*/
}
#nav-friend {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:188px;*/
}
#nav-news {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:62px;*/
}
#nav-study {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:127px;*/
}
#nav-contact {
  background: transparent url('/media/images/navigation_btns/BTN-bg.gif') no-repeat 0 0;
  background-position:center top;
	/*width:91px;*/
}

ul#nav li a:hover, ul#nav li a.active {
	background-position: center -51px;
}

/* -- sub level -- */
#nav ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
    background-color: #36073b;
}

#nav ul li {
    min-width:200px;
    float:left;
}

#nav ul li ul {
    min-width: 200px;
    top: -0px;
    left: 200px;
    display:none;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
    display:block;
    height:15px !important;
    padding: 8px 5px !important;
    color:#ffffff;
    text-indent: 0px !important;
    line-height: 1.1em !important;
    text-shadow: none !important;
    text-align: left !important;
}

#nav ul a:hover {
    text-decoration:underline;
}

*html #nav ul {
     margin:0 0 0 -2px;
 }
/* -- end sub level -- */

/* content */

div#content-wrap {
	position: relative;
	top:1px;
	overflow: visible;
	background:transparent url('/media/images/BG-body-star.gif') no-repeat top center;
}

div#content {
	clear:both;
	padding: 20px 0 0 0;
	position: relative;
}

#hero {
	width: 100%;
	text-align: center;
}
.view-more-testimonials {
	position: absolute;
	top:170px;
	right:25px;
}

div.copy {
	padding:10px 30px 0 30px;
}

div#static_content ul li {
  background:url("/media/images/BG-red-bullet.gif") no-repeat scroll 0 6px transparent;
  font:14px/18px Arial;
  margin:0 0 1px;
  padding:0 0 0 13px;
}

div#static_content a {
  color: purple;
  font-weight: bold;
}

div#content h2 {
  color: #300634;
  font-size: 20px;
  width: 600px;
  font-weight: bold;
}

div#content p {
	font: normal 13px/22px Arial;
	color: #300634;
}
div#content p strong {
	font: bold italic 16px/24px Arial;
	/*color: #000000;*/
	color: purple;
	
}
div#content p a {
	color: purple;
}

div.copy div#feature {
  position:relative;
  float:right;
  width:360px;
  height:213px;
  margin: 0px 0 0 30px;
  overflow: hidden;
}

div.copy div#feature ul {
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
}
div.copy div#feature ul li {
  z-index: 9999;
}
div.copy div#feature ul li a {
	display:none;
	height:60px;
	width:176px;
}

div.copy div#feature ul li a {
	display:none;
	height:60px;
	width:176px;
	line-height: 1.2em;
	/*text-indent: -10000px;*/
	text-shadow: #000000 2px 2px 2px;  
}

div.copy div#feature ul li a span {
  display: block;
  margin: 0;
  width: 140px;
  padding: 20px 0 0 20px;
 
}
  
div#feature a#option-1 {
	/*background:transparent url('/media/images/TAB-feature-0.png') no-repeat 0 0;*/
}
div#feature a#option-2 {
	/*background:transparent url('/media/images/TAB-feature-1.png') no-repeat 0 0;*/
}
div#feature a#option-3 {
	/*background:transparent url('/media/images/TAB-feature-2.png') no-repeat 0 0;*/
}
div#feature a#option-4 {
	/*background:transparent url('/media/images/TAB-feature-3.png') no-repeat 0 0;*/
}
div#feature a#option-5 {
	/*background:transparent url('/media/images/TAB-feature-4.png') no-repeat 0 0;*/
}
div#feature a:hover, div#feature a.active {
	background-position: 0 -60px !important;
}

div.copy div#feature img {
	position: absolute;
	top:0;
	right:0;
	z-index: 99;
	display: none;
}
div.copy div#feature img.active {
	display:block;
}

#static_content strong {
  color: purple;
  font-weight: bold;
}

/* Staff Page */
div.spacer {
	height:500px;
}
div#staff-intro {
	float:left;
	width:260px;
	height:265px;
	background:transparent url('/media/images/BG-staff-text.png') no-repeat 0 0;
	padding: 20px;
	margin:0 20px 0 0;
}
div#staff-intro h2 {
	font: bold 18px/24px Arial;
	color: #000000;
	margin: 0 0 20px 0;
}
div#staff-intro p {
	font: normal 14px/24px Arial;
	color: #000000;
}
div#staff-intro p strong {
	font: italic 14px/24px Arial;
	color: purple;
}
div#staff-profiles {
	float: left;
	width:650px;
	margin:0 0 50px 0;
}
div#staff-profiles div.staff-member {
	float:left;
	width:160px;
	height:300px;
}
div#staff-profiles div.staff-member img {
	margin:0 0 10px 0;
}
div#staff-profiles div.staff-member p {
	display:block;
	background:transparent url('/media/images/BG-staff-name.png') no-repeat 0 0;
	width:100px;
	padding: 20px;
	font: normal 14px/18px Arial;
	text-align: center;
}
div#staff-profiles div.staff-member p strong {
	font: italic 14px/18px Arial;
	color: purple;
}

/* footer */

#last_tweet_container {
  width: 600px !important;
  min-height: 50px;
}

#last_tweet a {
  color: purple;
  
}

div#footer-wrap {
	clear:both;
	background:transparent url('/media/images/BG-footer-grad.gif') repeat-x 0 0;
	position: relative;
	height:937px;
}
#footer-blocks{
	padding:0 0 0 25px;
	height:381px;
}
div#footer div.block {
	float:left;
	width:230px;
	color:#fff;
	margin: 40px 10px 0 0;
}
div#footer div.block h3 {
	color:#fff;
	font: normal 18px/22px Arial;
	border-bottom: 1px solid #b962c2;
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
	white-space: nowrap;
}
div#footer div.block p {
	color:#fff;
	font: normal 14px/18px Arial;
}
div#footer div.block a {
	color: purple;
}
div#footer div.block img {
	border:3px solid #b962c2;
}

/* footer promo */

div#footer-promo-wrap {
    height:486px;
	overflow: visible;
	background:transparent url('/media/images/BG-footer-star.gif') no-repeat bottom center;
	margin: 0 0 0 0;
}
* html div#footer-promo-wrap {
	height:399px;
	background-position: bottom center;
}
*:first-child+html div#footer-promo-wrap {
	height:398px;
	background-position: bottom center;
}

div#footer-banner {
	height:40px;
	padding: 30px 20px 0 20px;
}
*:first-child+html div#footer-banner {
	height:80px;
}
div#footer-banner img.leftalign {
	float:left;
	margin: 0 20px 0 0;
}
div#footer-banner img.rightalign {
	float:right;
	margin: 2px 0 0 10px;
}
div#footer-banner p {
	float:left;
	width: 680px;
}
div#footer-banner strong {
	font: bold italic 16px/24px Georgia;
	color: #000000;
}
div#footer-banner small {
	padding:20px 0 0 0;
	font: italic 14px/24px Arial;
	color: purple;
}
div#footer-banner small em {
	font: bold normal 14px/24px Arial;
}
div#footer-banner p.supporting {
	position: relative;
	top:-10px;
	left:380px;
  width: 400px;
  margin-right: 350px;
}

/* footer promos */
div#footer-promo {
}
div#footer-promo-left {
	width:230px;
	float:left;
	padding:0 0 0 20px;
}
div#footer-promo-left h3 {
	display:block;
	font: normal normal 16px/18px Arial;
	height:30px;
	width:228px;
	background:transparent url('/media/images/BG-footer-feather-break.gif') no-repeat bottom left;
	margin:0 0 10px 0;
}
div#footer-promo-left ul li {
	font: normal normal 14px/18px Arial;
	padding:0 0 0 13px;
	background:transparent url('/media/images/BG-red-bullet.gif') no-repeat 0 6px;
	margin:0 0 1px 0;
}
div#footer-promo-right {
	padding:24px 14px 0 0;
	width:700px;
	float:right;
	text-align: right;
}
div#footer-promo-right p {
	font: bold normal 14px/20px Arial;
}
div#footer-promo-right p strong {
	color: purple;
	font: bold normal 14px/20px Arial;
}
div#footer-promo-right p strong.emph {
	font-style: italic;
}
div#footer-promo-right p small {
	font: italic 14px/20px Arial;
}

/* Footer Nav */

ul#footer-nav {
	float:right;
	padding: 31px 0 0 0;
}
ul#footer-nav li {
	float:left;
	height:15px;
}
ul#footer-nav li a {
	font: bold normal 11px/11px Arial;
	color:#000;
	border-right:1px solid purple;
	padding: 0 4px;
}
ul#footer-nav li.last a{
	border:none;
}

/* support logos */

div#supporting-logos-wrap {
	position:absolute;
	bottom:0;
	padding-left:10px;
}
* html div#supporting-logos-wrap {
	bottom:-1px;
}
*:first-child+html div#supporting-logos-wrap {
	bottom:6px;
}
div#supporting-logos img {
	float:left;
}

/* PNG fix for IE6 */

* html div#feature a, * html div.hero img {
	behavior: url('/media/js/iepngfix.htc');
}


/* -- Contact Form -- */

#open_contact_form_container {
  width: 150px;
  margin: 10px 0px 10px 100px;
  /*float: right;*/
}

#open_contact_form_container p {
  width: 150px;
  text-align: center;
  margin-top: 3px;
}

#open_contact_form_container p a {
  color: white !important;
  width: !important;
}

#contact_form_container {
  float: right;
  width: 302px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.form_label {
  font-weight: bold;
  margin-bottom: 0px;
  padding: 0;
}

.form_input {
  margin: 0px;
  margin-bottom: 4px;
  width: 300px;
  border: 1px solid purple;
}

.form_input_textarea {
  height: 100px;
}

.required_field {
  color: red;
}

.send_button {
  border: 1px solid purple;
  margin-bottom: 2px;
  background-color: #5b1062;
  width: 50px;
  height: 20px;
  color: #ffffff;
  font-weight: bold;
  float: right;
}

.contact_error {
  display: none;
  color: red;
}

/* -- End Contact Form -- */

/* -- Send to friend Form -- */

#send_to_a_friend_form_container {
  float: right;
  width: 302px;
}

.send_to_a_friend_error {
  display: none;
  color: red;
}

/* -- End Send to friend Form -- */

/* -- Contact us -- */
#contact_address {
  width: 250px;
  float: left;
  height: 200px;
  margin: 10px;
}

#contact_address h3 {
  font-weight: bold;
  color: #300634;
  font-size: 16px;
}

#contact_details {
  width: 250px;
  height: 200px;
  float: left;
  margin: 10px;
}

#contact_details a{
  color: purple;
}

#contact_details h3 {
  font-weight: bold;
  color: #300634;
  font-size: 16px;
}

h2.contact {
  color: #300634;
  font-size: 20px;
  border-bottom: 1px solid #300634;
  width: 600px;
}

#google_maps_container {
  float: left;
  margin: 10px;
  width: 300px;
}

#get_directions {
  float: left;
  width: 300px;
  color: #300634;
}

#get_directions h3 {
  font-weight: bold;
  color: #300634;
  font-size: 16px;
}

#source {
  border: 1px solid purple;
}

.get_directions_btn {
  background-color:#5B1062;
  border:1px solid purple;
  color:#FFFFFF;
  font-weight:bold;
}
/* -- End Contact us -- */

/* -- Directions -- */

#directions_container {
margin: 10px;
  width: 300px;
  float: left;
}

#directions_google_map_container {
  margin: 10px;
  float: left;
}

h2.directions {
  color: #300634;
  font-size: 20px;
  border-bottom: 1px solid #300634;
  
}

/* -- End Directions -- */

/* -- Galleries -- */
#gallery_container {
  width: 320px;
  /*float: right;*/
  margin: 0 0 10px 10px;
}

#gallery_container h2 {
    color: purple;
}

.content_gallery {
  margin-bottom: 20px;
}

.content_gallery_selected_item {
  width: 335px;
  height: 223px !important;
  overflow: hidden;
}
/* -- End Galleris -- */

/* -- News -- */

div#news_intro {
  float:left;
  width:260px;
  min-height:265px;
  background:transparent url('/media/images/BG-staff-text.png') no-repeat 0 0;
  padding: 20px;
  margin:0 20px 0 0;
}

#news_intro h3 {
  font-size: 16px;
  font-weight: bold;
  color: purple;
  margin-top: 10px;
}

#news_intro a{
  color: purple;
}

div#news_article {
  float: left;
  width:650px;
  margin:0 0 50px 0;
}

div#news_article ul li {
  background:url("/media/images/BG-red-bullet.gif") no-repeat scroll 0 6px transparent;
  font:14px/18px Arial;
  margin:0 0 1px;
  padding:0 0 0 13px;
}

div#news_article a {
 color: purple;
 font-weight: bold;
}

div#news_article strong {
  color: purple;
  font-weight: bold;
}

#news_article_header {
  font-weight: bold;
  margin: 5px;
}

#news_publish_date {
  float: right;
  color: purple;
}
/* -- End News -- */

.large_promo_fader {
  height: 211px;
  overflow: hidden;
  margin-left: 30px;
}

#right_container {
    width: 320px;
    float: right;
    margin-right: 30px;
}

#social_networking_links {
  width: 149px;
  float: right;
}
.captcha {
  border: 1px solid purple;
  margin-top: 2px;
  margin-bottom: 2px;
}

.clear_float {
  clear: both;
}

p.failed_login {
  color: red !important;
  font-weight: bold;
}

#copyright_wrapper {
  width: 100%;
  background-color: #64136c;
}

#copyright{
  width: 980px;
  color: white;
  background-color: #64136c;
  text-align: center;
  margin: auto;
}

#copy {
  float: left;
}

#developed {
  float: right;
}

#home-promos {
  
}

#home-competition-wrap {
  background: transparent url('/media/images/competition-bg.png') no-repeat 0 0;
  width: 302px !important;
  height: 232px !important;
  float: left;
  /*margin-left: 10px;*/
  position: absolute;
  top: 20px;
  left: 670px;
  float: left;
}

#home-competition-wrap p {
  margin: 0;
  padding: 0;
}

#hp-competition-title {
  color: #5B1062;
  /*float: left;*/
  width: 282px;
  margin: 10px 0 0 10px;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

#hp-competition-content {
  float: left;
  width: 282px;
  margin: 10px 0 0 10px;
  font-size: 13px;
  font-family: arial,helvetiva,sans-serif;
}

img.hp-competition {
  float: left;
  margin-right: 4px;
}

#cta-newsletter-signup{
  padding: 0;
  font: arial;
  color: #5B1062;
  margin: 4px 0 0 10px;
}

#cta-newsletter-signup input{
  border: 1px solid purple;
  font-weight: normal;
  width: 200px;
  margin: 4px 0 0 10px;
}

#cta-newsletter-signup input#btn-signup{
  background-color:#5B1062;
  border:1px solid purple;
  color:#FFFFFF;
  font-weight:bold;
  height:20px;
  width:60px;
}

#header-competition-wrapper {
  float: right;
  width: 300px;
  margin-left: 20px; 
  text-align: right;
}

#header-competition-image {
  float: left;
}

#header-competition-detail {
  margin-top: 20px;
  line-height: 1.25em;
}

#header-competition-detail strong {
  font-size: 2em;
  line-height: 1.25em;
}

#header-competition-wrapper input {
  border: 1px solid purple;
}
#header-competition-wrapper input#btn-signup {
  background-color: purple;
  color: white;
  border: 0;
  font-weight: bold;
}

#home-promo-wrap {
  float: right;
  width: 570px;
  margin: 0;
}

#thickbox-response {
  display: none;
  background-color: #610e69;
  color: white;
  font-size: 1.5em;
  text-align: center;
}

#thickbox-response-close {
  position: relative;
  left: 339px;
  top: 15px;
  width: 50px;
}

#close-thickbox {
  cursor: pointer;
}

.referral-float {
  width: 48%;
  float: left;
}

#promo-video-wrap {
 width: 360px;
 float: right;
 margin: 20px 0 10px 30x;  
}

#promo-video-wrap #promo {
  float: left;
  width: 265px;
  overflow: hidden;
}

#promo-video-wrap #video {
  float: right;
  width: 360px;
  overflow: hidden;
  margin-top: 10px;
}