﻿@charset "utf-8";
/* CSS Document */

@import url(typography.css);
@import url(multimedia.css);
@import url(sIFR-screen.css);


* {
	margin:0;
	padding:0;
}

body {
	background:#fff url(../img/side_brand2.gif) 0% 50% no-repeat fixed;
	padding:0 0 0 30px;
}

#skincare {
	background:#fff url(../img/side_brand_skin.gif) 0% 50% no-repeat fixed;
}
/*
div {
	 border:1px #0000FF solid; 
}*/

#top{
	background:#282828 url(../img/topbg.gif) bottom left repeat-x;
	color:#6A6A6A;
	font-family:lucida grande,helvetica,arial,sans-serif;
	width:100%;
	border-bottom:2px #000000 solid;
	float:left;
	display:none;
}

#topinner {
	width:964px;
	margin:0 auto;
}

#containerinner{
	width:964px;
	margin:0 auto 10px auto;
}

#container {
	/* background:#FFFFFF url(../img/page_top_fade.png) 0px 0px repeat-x; */
	width:100%;
	float:left;
}

#masthead {
	width:100%;
	height:100px;
	background:#fff;
	float:left;
	margin:25px 0 5px 0;
	padding:0;
	/* border-bottom:2px #00a5c8 solid; */
}

.three_cols #c1 {
	width:310px;
	margin-left:10px;
	float:left;
}
.three_cols #c2 {
	width:310px;
	margin-left:10px;
	float:left;
}
.three_cols #c3 {
	width:310px;
	margin-left:10px;
	float:right;
}

.three_cols_large_center #c1{
	width:310px;
	margin-left:10px;
	float:left;
	display:inline;
}

.three_cols_large_center #c2{
	width:458px; /* 460 */
	margin-left:10px;
	float:left;
	display:inline;
}

.three_cols_large_center #c3{
	width:160px;
	margin-left:10px;
	float:right;
	display:inline;
}

.two_cols #c1 {
	width:310px;
	margin-left:10px;
	float:left;
	display:inline;
}

.two_cols #c2 {
	display:none;
}

.two_cols #c3 {
	width:640px; 
	margin-left:0px;
	float:right;
}

.slim_column_6_grid {
	width:150px;
	margin:0 0 0 8px; /* 10 right */
	height:300px;
	float:left;
	display:inline;
}

.slim_column_6_grid_low {
	width:150px;
	margin:0; /* 10 right */
	height:150px;
	float:left;
	display:inline;
}

.slim_column_6_grid_long {
	width:150px;
	padding:0 0 0 2px;
	float:left;
	display:inline;
}

.thumbnail {
	margin:4px auto 5px auto;
}




/* main navigation styling start */
#nav, nav ul {
	padding:0;
	margin:0;
	list-style:none;
	width:630px;
}

#nav {
	float:left;
}

#nav a {
	display:block;
	width:130px;
	margin:0;
	overflow:hidden;
	
}

#nav li {
	float:left;
	width:130px; /*133*/
	border-left:#2a86b2 1px solid;
	height:40px;
	padding:23px 0 0 23px;
	overflow:hidden;
}

#nav li ul li {
	float:none;
	height:16px; /* changed from auto */
	padding:0 0 0 23px;
	margin-left:-24px;
	list-style:none;
}

#nav li ul {
	position:absolute;
	left:-9999px;
}

#nav li:hover ul  {
	left:auto;
	margin:0;
}

/* end of menu */



#utilities {
	float:right;
	width:310px;
	list-style:none;
	padding:8px 0;
	margin:0;
	overflow:hidden;
	display:none;
}

#utilities li{
	float:left;
	width:65px;
	padding:0 5px;
	/* border-right:1px solid #666666; */
	overflow:hidden;
}

#utilities li.last {
	border:none;
	text-align:right;
}

#branding {
	float:left;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
}

#maincontent {
	margin:5px 0 0 0;
	
}



#newsletter_sidebar {
	background:transparent url(../img/toothbrushes.jpg) bottom center no-repeat;
	height:450px;
}

#beauty_sidebar {
	/* background:transparent url(/img/fillers_side.jpg) bottom center no-repeat; */
	height:700px;
}

#cosmetic_sidebar {
	background:transparent;
	height:450px;
}

#footer {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	clear:both;
}

#footerinner {
	width:960px;
	margin:0 auto;
	border-top:1px #4b3e1f solid;
}

#footernav {
	padding:8px 0;
	margin:0 auto;
	text-align:center;
}

#footernav li {
	display:inline;
	list-style-type:none;
	padding-right:20px;
}

#createdby {
	width:150px;
	float:left;
	text-align:left;
}

#copyright {
	width:150px;
	float:right;
	text-align:left;
}
/*styling the staff page */

#stafflist {
	width:458px; /* 465 */
	overflow:hidden;
}

#stafflist dl {
	margin:10px 0;
	padding:0;
	float:left;
	display:inline;
	width:460px;
}

#stafflist dt {
	float:right;
	width:460px;
	margin-top:20px;
}

#stafflist dt.list {
	float:right;
	width:310px;
	margin-top:0px;
}

#stafflist dd {
	margin:0;
	padding:0;
}


#stafflist dd.staffimg img {
	float:left;
	margin:0 8px 0 0;
	padding:2px;
	border:1px solid #d9e0e6;
	border-bottom-color:#c8cdd2;
	border-right-color:#c8cdd2;
	
}

#stafflist .alt dt {
	float:left;
}

#stafflist .alt dd.staffimg img {
	float:right;
	margin:0 0 0 8px;
	
}

/* styling the table with appointment times */

.forums {
  	line-height: 1.5em;
  	background: #919191;
  	}
table {
  	width: 100%;
  	position: relative;
  	top: -4px;
  	left: -4px;
  	border: 1px solid #000;
  	background: #fff;
	color:#111;
  	}
table caption {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: left;
 	border: 1px solid #000;
  	border-bottom: none;
 	background: #6c5831;
	color:#fff;
	font-weight:bold;
  	}
table th, table td {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: center;
  	border-bottom: 1px solid #b5b5b5;
  	}
table th {
  	color: #111;
  	}
table .name {
  	text-align: left;
  	}
table tr {
  	background:#fff; /* #e6e6e6; */
  	}
table tr.alt {
  	background:#ebebea; /* #f1f1f1; */
  	}
table td a {
  	display: block;
  	font-weight: bold;
  	}
/* float clearing code */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.beauty_offers {
	padding:5px 0;
}

/* styles for the landing pages */


#maincontentlanding {
	margin:50px 50px;
	
}

#leftside {
	width:530px;
	float:left;
}

#rightside {
	width:300px;
	float:right;
}

#landing_utube {
	margin-bottom:40px;
}

#landing_caption p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:42px;
	font-weight:bold;
	text-align:center;
	line-height:1em;
	margin-bottom:40px;
}

#leftside h1, #calloutpageblocktext h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#333333;
}

#leftside h2, #calloutpageblocktext h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
}

#leftside h3, #calloutpageblocktext h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:bold;
}

#leftside p, #calloutpageblocktext p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

#leftside ul, #calloutpageblocktext ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin-top:18px;
	list-style-position:inside;
}

#leftside ol, #calloutpageblocktext ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin:18px 0 0 0;
	list-style-position:outside;
	
	
}
#callouttop{
	background:transparent url(../img/callout_top.gif) top center no-repeat;
	height:127px;
	width:950px;
	display:block;

}

#calloutbottom{
	background:transparent url(../img/callout_bottom.gif) top center no-repeat;
	height:252px;
	width:950px;
	display:block;

}

#calloutwords {
	background:transparent url(../img/callout_middle.gif) top center repeat-y;
	width:950px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#fff;
	
}

#calloutwords div {
	padding:0px 150px;
	line-height:2em;
}

#calloutpageblocktext {
		padding:0px 50px 0 150px;
}

hr {
	margin-bottom:18px;
	color:#999999;
}

.blogpost{
	border-bottom:#999999 thin dashed;
	margin-bottom:18px;
}

.blogpost h3 a, .blogpost h3 {
	color:#4b3e1f;
}
/* styles created for blog feb 2010 */

.one, #blogpost .one {
	/* background-color:#ddf3fb; */
	border-bottom:1px #CCCCCC solid;
	padding:10px;
}

.two, #blogpost .two {
	background-color:#F3F3F3;
	border-bottom:1px #CCCCCC solid;
	padding:10px;
}


#blog_sidebar ul {
	list-style:none;
}

.date {
	width:62px;
	height:50px;
	float:right;

}

/* new home layout feb2010 */

#home_c1, #home_c2, #home_c3, #home_c4, #home_c5, #home_c6 {
	width:320px;
	display:inline-block;
	margin-top:30px;
	position:relative;
	background:transparent url(/img/column_back.png) top left no-repeat;
	padding-top:10px;
}

#home_c1, #home_c2, #home_c3 {
	height:80px;
}

#home_c4, #home_c5, #home_c6 {
	padding-bottom:20px;
	clear:none;
}

#home_c1, #home_c2, #home_c4, #home_c5 {
	float:left;
}

#home_c2, #home_c4 {
	margin-left:1px;
}

#home_c3, #home_c6 {
	float: right;
}

#home_intro_banner {
	width:964px;
	height:250px;
	float:left;
	position:relative;
}

#home_two_cols {
	width:640px;
	float:right;
}

#home_telephone {
	width:320px;
	float:left;
}

#question_form {
	background:transparent url(/img/question_form.jpg) top left no-repeat;
	padding:130px 15px 10px 15px;
	height:500px;
}

#question_form label, #contact_formdiv label, #blog_form label {
	width:70px;
	display:inline-block;
	vertical-align:top;
}

#contact_formdiv {
	background:transparent url(/img/contact_form.jpg) top left no-repeat;
	height:500px;
	padding:70px 10px 10px 40px;
}

#blog_form {
	background:transparent url(/img/blog_form.jpg) top left no-repeat;
	height:500px;
	padding:120px 10px 10px 40px;
}


#clearer {
	width:100%;
	float:left:
	clear:both;
	height:10px;
	background-color:#00FF00;
}

