body {
	background: #fbf8e9;
	font-family:Arial, Helvetica, sans-serif;
}

#facebook-banner {
position:absolute;
top:5px;
left:500px;
}
#email-signup-banner {
	position:absolute;
	top:20px;
	left:-10px;
}

#container {
	width: 1024px;
	margin: 0 auto;
	position:relative;
}

#header {
	width: 1024px;
	height: 270px;
	background: url(images/header_bg.jpg) no-repeat top left scroll;
	text-indent:-9999px;
}

#menubar {
	width: 1024px;
	height: 37px;
	background: url(images/menubar_bg.png) repeat-x top left scroll;
	text-align:center;
}


#menubar ul {
	padding-top:7px;
}
#menubar ul li {
	display:inline;
	line-height:22px;
}

#menubar li a:link, #menubar li a:visited {
	color: #fff;
	font-size:.8em;
	text-decoration:none;
	padding:5px;
}

#menubar li a:hover, #menubar li a:active {
	background: #0c9d95;
}

#mainbody_container {
	background: #fbf8e9 url(images/maincontent_body_bg.jpg) no-repeat top left scroll;
	height: 461px;
	width:1024px;
	margin-top:15px;
}

#right_col {
	width:315px;
	height: 442px;
	float:left;
	margin-left-left:10px;
	position:relative;
	background: url(images/rightside_bg2.jpg) no-repeat top center scroll;
}

#right_col ul {
	margin: 5px 5px 5px 115px;
	width: 190px;
}

#right_col ul li {
	list-style:none;
	line-height:25px;
}

#right_col li a:link, #right_col a:visited {
	color: #0c9d95;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 12px;
	text-decoration:none;
}

#right_col li a:hover, #right_col li a:active {
	text-decoration:underline;
}

#right_col h1 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 1.3em; margin-top:35px; }
#right_col p { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:.7em; margin-top:0px; padding-left: 10px; }
#right_col p.client_name {text-align:right; padding-right:10px;}
#right_col p.carecredit, #right_col p.copyright { font-size:.6em; font-weight: bold; font-style:normal; padding-top: 10px; text-align:center;}
#right_col p.copyright { font-size: .5em; }
#right_col p a { color:#0c9d95; }

#commercial-wrap { position:absolute; bottom:0; right:0; }


/*****************************
Slide Styles
*****************************/

#homepage, #staff {
	height: 442px;
	width: 690px;
	
}
.welcome_slide {	
	background: url(images/thankyou_welcome_blank.jpg) no-repeat top center scroll;
}

.welcome_slide h1, #aboutus_intro_slide h1, #staff_intro_slide h1, #services_intro_slide h1, #skincare_intro_slide h1, #perm_makeup_intro_slide h1, #perm_makeup_intro_slide2 h1, #facials_intro_slide h1, #lasers_intro_slide h1, #elos_intro_slide h1, #massage_intro_slide h1, #right_col h1, #articles_intro_slide h1 {
	color:#0c9d95;
	font-size: 1.2em;
	margin-bottom:15px;
}

#right_col h1 { margin-bottom:5px; }

#makeup_intro_slide h1 { color: #0c9d95;  font-size: .8em; margin-bottom:10px; }
#makeup_intro_slide p.credits { position:absolute; top:425px; left:110px; font-size: .45em; font-weight:bold; color:#000;}

.welcome_slide p, #aboutus_intro_slide p, #staff_intro_slide p, #staff_details_slide p, #services_intro_slide p, #skincare_intro_slide p, #perm_makeup_intro_slide p, #perm_makeup_intro_slide2 p, #makeup_intro_slide p, #facials_intro_slide p, #lasers_intro_slide p, #elose_intro_slide p, #massage_intro_slide p, #articles_intro_slide p {
	color:#000;
	font-size: .9em;
	margin-bottom: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#perm_makeup_intro_slide, #perm_makeup_intro_slide2, #makeup_intro_slide, #facials_intro_slide, #staff_intro_slide, #aboutus_intro_slide, .welcome_slide, #services_intro_slide, #skincare_intro_slide, #lasers_intro_slide, #elos_intro_slide, #massage_intro_slide, #articles_intro_slide {
	height: 425px;
	width: 268px;
	float:left;
	border-right: 2px solid #b1aeb2;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
	padding: 15px 38px 0 25px;
}


#staff_details_slide p {
	font-size: .7em;
	margin-bottom:20px;
}

p span {
	color:#0c9d95;
}

#staff_details_slide p span, #perm_makeup_details_slide p span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.3em;
}

#makeup_details_slide p span { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; }

#openhouse_slide {
	height: 441px;
	width: 322px;
	background: url(images/openhouse_slide.jpg) no-repeat top center scroll;
	text-indent:-9999px;
	float:left;
	padding: 0px 9px;
	border-right: 2px solid #b1aeb2;
}

#staff_intro_slide {
	background: url(images/staff_intro_blank.jpg) no-repeat top center scroll;
}

#staff_details_slide {}
	width: 322px;
	height: 441px;
	background: url(images/center_slide_bg.jpg) no-repeat top center scroll;
	float:left;
	padding: 0px 9px;
	text-align:center;
	border-right: 2px solid #b1aeb2;
}

#aboutus_intro_slide {	
	background: url(images/aboutus_intro_blank.jpg) no-repeat top center scroll;
}

#aboutus_details_slide, #perm_makeup_details_slide  {
	background: url(images/center_slide_bg.jpg) no-repeat top center scroll;
	height: 441px;
	width: 323px;
	float:left;
	padding: 0px 9px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	border-right: 2px solid #b1aeb2;
}

#aboutus_content, #staff_content, #perm_makeup_content, #makeup_content, #lasers_content, #skincare_content, #articles_content {
	margin:50px 20px 0px;
}

#skincare_content ul {
	font-size: .7em;
	font-weight:normal;
	list-style-position:inside;
	margin-left:15px;
}

#aboutus_details_slide p, #perm_makeup_details_slide p {
	font-size: .7em;
	font-weight:normal;
	margin-bottom:10px;
}

#makeup_details_slide p { font-size:.9em; font-weight:normal; margin-bottom:10px; }

#aboutus_details_slide ul, #lasers_content ul {
	font-size: .7em;
	font-weight:normal;
	margin-left:50px;
	margin: -5px 0px 10px 50px;
}

#facials_details_slide {
	height: 612px;
	width: 324px;
	background: url(images/facials_details.jpg) no-repeat top center scroll;
	text-indent:-9999px;
	float:left;
	padding: 0px 0px 0px 9px;
}

#services_intro_slide {
	background: url(images/services_intro_blank.jpg) no-repeat top center scroll;
}

#services_details_slide {
	height: 441px;
	width: 322px;
	background: url(images/services_details.jpg) no-repeat top center scroll;
	text-indent:-9999px;
	float:left;
	padding: 0px 9px;
	border-right: 2px solid #b1aeb2;
}

#services_details_slide ul li, #massage_details_slide ul li { list-style:none; }

#skincare_intro_slide {
	background: url(images/skincare_intro_blank.jpg) no-repeat top center scroll;
}

#articles_intro_slide { background: #fff url(images/articles_intro.jpg) no-repeat bottom center scroll; padding-bottom:100px; }
#articles_intro_slide ul {
	list-style-position:inside;
	font-size:.9em;
	list-style:none;
	margin:0;
}
#articles_intro_slide ul li a, #articles_intro_slide a {
	color:#000;
	font-style:normal;
	text-decoration:none;
}
#articles_intro_slide ul li a:hover, #articles_intro_slide a:hover { text-decoration:underline; }

#skincare_details_slide, #lasers_details_slide, #events_details_slide, #multimedia_details_slide, #makeup_details_slide, #articles_details_slide {
	width: 323px;
	height:950px;
	background: #fdf8d2 url(images/center_slide_bg.jpg) no-repeat top center scroll;
	float:left;
	padding: 0px 0px 0px 9px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}

#skincare_details_slide ul {
	font-size: .8em;
	font-weight:normal;
	margin: -10px 0px 10px 23px;
}

#skincare_details_slide p span.larger, #events_details_slide p span.larger, #articles_details_slide p span.larger, #email_signup_form p span.larger { font-size: 1.2em; }
#events_details_slide p span.larger { border-top: 1px solid #0c9d95; border-bottom: 1px solid #0c9d95; padding: 5px; display:block; }
#events_details_slide p a {
	color: #0c9d95;
}

p#giftcard_img {
	height:337px ;
	width: 237px;
	display:block;
	background: url(images/giftcard_img.png) no-repeat top center scroll;
	text-indent: -9999px;
	margin:0 auto;
}

#events_details_slide, #multimedia_details_slide { text-align:center; padding-top:40px;}
#multimedia_details_slide { height:1000px; }

#multimedia_details_slide h1.multimedia_title { 
	background: url(images/multimedia_title.jpg) no-repeat top center scroll;
	margin: 10px auto 0px; 
	height:56px;
	width: 175px;
	text-indent:-9999px;
}

.video_box { float:left; margin: 10px 14px;}
.video_box img { border:3px solid #0c9d95;}
.video_box p { font-style:italic; font-weight:normal; font-size:.7em; margin-top:5px; width: 130px; }

#multimedia_details_slide h1.photo_galleries { 
	background: url(images/photos-title.jpg) no-repeat top center scroll;
	margin: 10px auto 0px;
	height:19px;
	width: 104px;
	text-indent:-9999px;
	clear:both;
}

#multimedia_disclaimer { clear:both; text-align:center; }
#multimedia_disclaimer p { font-size: .6em; font-weight:normal; font-style:italic;  margin-bottom: 5px;}

#lasers_intro_slide {
	background: url(images/lasers_intro_blank.jpg) no-repeat top center scroll;
}

#lasers_details_slide p, #skincare_details_slide p, #events_details_slide p, #articles_details_slide p {
	font-weight:normal;
	font-size: .8em;
	padding: 10px;
}

#lasers_details_slide p span, #skincare_details_slide p span, #events_details_slide p span, #articles_details_slide p span , #email_signup_form p span, #thankyou_details p span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}


#elos_intro_slide {
	background: url(images/elos_intro_blank.jpg) no-repeat top center scroll;
}

#elos_intro_slide p {
	font-size: .8em;
}

#elos_intro_slide h1 {
	font-size:1em;
}

#elos_details_slide {
	height: 441px;
	width: 323px;
	background: url(images/elos_details.jpg) no-repeat top center scroll;
	text-indent:-9999px;
	float:left;
	padding: 0px 9px;
}


#comingsoon {
	text-indent:-9999px;
	background: url(images/comingsoon.jpg) no-repeat top center scroll;
	height: 441px;
	width: 323px;
	float:left;
	padding: 0px 9px;	
	border-right: 2px solid #b1aeb2;
}

#mainpage_specials {
	/* background: url(images/july_11_specials.jpg) no-repeat top center scroll; */
	height: 441px;
	width: 323px;
	float:left;
	padding: 0px 9px;
	border-right: 2px solid #b1aeb2;
	font-family:"Times New Roman", Times, serif;
}

#mainpage_specials p {
	color:#fff;
	font-size:.8em;
	text-align:center;
	margin: 125px 5px 0 10px;
}

#mainpage_specials p a:link, #mainpage_specials p a:visited {
	color:#fff;
	text-decoration:underline;
}

#mainpage_center_content {
	margin: 150px 0px 0px 22px;
	width: 100px;
}

#massage_intro_slide {
	background: url(images/massage_intro_blank.jpg) no-repeat top center scroll;
}

#massage_details_slide {
	background: url(images/massage_details.jpg) no-repeat top center scroll;
	height: 709px;
	width: 324px;
	float:left;
	padding: 0px 9px;
	text-indent:-9999px;
} 

#massage_details_slide p { display:none; }

#monthly_specials_details_slide {
	width: 324px;
	height:auto;
	float:left;
	padding: 0px 9px;
	text-align:center;
}

#may-specials-text {
	background: url(images/monthly_specials_may_11.jpg) no-repeat top center scroll;
	height: 260px;
	width: 324px;
	text-align:left;
}
#may-specials-text ul {
	padding: 140px 10px 0 136px;
}

#may-specials-text ul li {
	font-size:.7em;
	color:#fff;
}

#may-specials-text ul li a:link, #may-specials-text ul li a:visited, #may-specials-text ul li a:hover,
#may-specials-text ul li a:active {
	color:#fff;
}
	

#perm_makeup_intro_slide, #perm_makeup_intro_slide2 {
	background: url(images/perm_makeup_intro_blank.jpg) no-repeat top center scroll;
}

#makeup_intro_slide { background: url(images/makeup_intro_blank.jpg) no-repeat top center scroll; }

#perm_makeup_details_slide, #makeup_details_slide {
	text-align:center;
}

#perm_makeup_details_slide ul, #makeup_details_slide ul {
	text-align:left;
	list-style:none;
	font-family:"Times New Roman", Times, serif;
	font-size: .8em;
	font-weight:normal;
	margin: 0 0 15px 5px;
}

#perm_makeup_details_slide a:link, #perm_makeup_details_slide a:visited {
	color:#0c9d95;
	text-decoration:none;
	font-weight:bold;
	font-size:1.3em;
}

#perm_makeup_details_slide p.highlight, #makeup_details_slide p.highlight { color: #0c9d95; font-weight:bold; font-size: 1em; }

#facials_intro_slide {
	background: url(images/facials_intro_blank.jpg) no-repeat top center scroll;
}

#giftcard_details_slide {
	background: url(images/giftcard_details_slide.jpg) no-repeat top center scroll;
	height: 441px;
	width: 323px;
	float:left;
	padding: 0px 9px;
	border-right: 2px solid #b1aeb2;
}

#giftcard_details_slide form {
	position:relative;
	top:340px;
	text-align:center;
}

#giftcard_details_slide table{ width:100%; text-align:center; margin-bottom: 5px;}

#footer { padding: 0 15px; }
#footer p {
	text-align:left;	
	color:#282828;
	font-size:10px;
	font-family:Verdana, Arial, sans-serif;
	padding-bottom:25px; float:left;  width:750px;
}
#footer img { float:right;}
#footer p a { color:#008582;  }
#email_signup_form, #thankyou_details {
	width: 322px;
	height: 441px;
	float:left;
	padding:0px 9px;
	text-align:center;
	border-right: 2px solid #b1aeb2;
}

#email_signup_form { background: url(images/center_slide_bg.jpg) no-repeat top center scroll; }
#email_signup_form p { margin-top:50px; }
#thankyou_details {background: url(images/thankyou_slide_bg.jpg) no-repeat top center scroll;}
#thankyou_details p { margin-top:150px; padding: 15px; }

#email_signup_form form { padding:15px; }
#email_signup_form input[type=text] {
	padding:5px; border:1px solid #c4b073;
	margin-bottom:10px;
	width:200px;
	float:right;
}

#email_signup_form label { width:75px; float:left; display:block; line-height:25px; text-align:left; margin-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size: 12px;}
#groupon { position:absolute; top:150px; left:0; display:block; }

.scroll {
	height:442px;
	width:690px;
	position:relative;
	overflow:auto;
	float:left;
	clear:left;
}

.scrollContainer div.panel {
	height:442px;
	width:690px;
	overflow:auto;
}




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #008698;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 11px;
	width: 12px;
	background: url(images/scroll_uparrow.png) no-repeat top center scroll;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
	width: 12px;
	background: url(images/scroll_downarrow.png) no-repeat top center scroll;
}