/*
 Created by: HTMLgraphic
*/

/* Main Layout CSS ---------------------*/

body, html {margin: 0;padding: 0;text-align: left; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
	
a{color: #98012E; font: normal 12px Arial, Helvetica, sans-serif; outline:none; text-decoration: underline; }
a:hover{ text-decoration:none;}
img{ border: 0; }
p{ line-height:18px;}
.clear{ clear:both;}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 782px;
	text-align: left;
	position: relative;}

#l_Side {
	margin-top: -10px;
	width: 8px;
	height: 748px;
	background: url('/images/l_side.jpg') no-repeat;
	float:left;}
	


/* Navigation Layout CSS ---------------------*/
#nav {position:absolute; top:15px; left:330px; color:#000; font-size: 1.4em; font-weight: bold; color:#FFF; padding:0; margin:0}
#nav a{ color:#FFF; font-size: 1em; text-decoration:none;}
#nav_body {text-transform:uppercase; float: right; padding:15px 15px 10px 0;}
#nav_body ul {list-style: none; list-style-type: none; padding:0; margin:0;float: right; }
	#nav_body a {display: block; width: auto; text-decoration: none; padding:0; color: #333; font-size: 1em;}
		#nav_body a:hover { text-decoration: underline;}
	#nav_body li {float:left; width: auto; margin: 0 3px; padding-right:10px; border-right: #666 1px solid;}
	#nav_body li .sub { clear: left; padding: 0; margin: 1px 0; border:none; width:180px;}
	#nav_body li .sub a { width: auto; height: auto; display:block; padding:7px 0 7px 5px; border-top: 1px solid #fff; background: #efefef;}
	#nav_body li .sub a:hover {width: auto; margin: 0; text-decoration: underline; padding:7px 0 7px 5px; }
	#nav_body li ul { position: absolute; z-index: 700; left: -999em; border-top: 0;}
	#nav_body li:hover ul, #nav_body li.sfhover ul { left:310px; top: 28px;  }



/* Body Layout CSS ---------------------*/
span.new{ background:#F77D0B; color:#FFFFFF; font-size:.9em; padding: 1px 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;}
span.map{ background:#98012E; color:#FFFFFF; font-size:.9em; padding: 2px 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
	span.map a{ color:#FFF; font-size: 1em; text-decoration:none; text-transform:lowercase;}
	span.map a:hover{ text-decoration:underline;}

#r_top_side {width: 112px; height: 181px; float:left; margin-top:9px;}

#body_container {width: 662px; float:left; padding-bottom:20px; position: relative; background:url('/images/bio_bg.png') repeat-y bottom right;}
#body_content {width: 632px;
	/*min-height: 300px; minimium for testing */
	min-height: 500px; 
	/*background: #FFFFFF url('/images/inner_bg.jpg') no-repeat left top;*/
	padding-left: 30px;
}


.shadow {-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */  }


/* Heading Styles */
	h1,h2{font-family:Georgia, 'Times New Roman', Times, serif; font-style: italic;}
	#body_content h1{width: 626px; float:left; font-size: 2em; font-weight: normal; color:#98012E; background:url(/images/h1_bg_na.png) no-repeat right; margin:0; padding:20px 0 18px 5px; position:relative;}
	#emp1 h1{ width:420px;}
	h1.na{ background:url(/images/h1_bg_na.png) no-repeat right;}
		.specials h1.na{background:none;}
	
	h2{padding:20px 0 0 0; margin:0; font-weight:normal;}
	h3{ font-size:1.6em; color:#333;}


/* Home Page CSS ---------------------*/
#home_colA { float:left; margin-right: 30px;}
	#home_colA a{color: #393;}
	#home_colA h1.b { background:none; color: #393; font-size: 18px; margin:0 0 15px 0; padding: 25px 0 2px 0; border-bottom: #CCC 2px solid; width:300px;}
	#home_colA p{padding:0; margin:0;}
	#home_colA div{width:311px; float:left; padding-left:5px;}
.chair strong{color: #666666; font-size: 1.8em; font-weight: normal;}
	.chair strong a{ color:#666; font-size: 1em; text-decoration:none;}

/* Services CSS ---------------------*/
	.services #content {width:610px; float:left; padding-left:20px;}
	.services #content p { float:left; }
.sal_cont {width: 560px; margin:0px auto;}
	.sal_cont p{float:left;}
	.sal_cont strong{font-weight:normal; color:#333; font-size:1.2em; margin-left:-15px;}
.sal_colA, .sal_colB,.sal_colC, .sal_colD, .sal_colE, .sal_colF, .sal_colG, .sal_colH { float:left; width: 105px; line-height: 20px;}
	.sal_colA { width: 600px; font: italic 1.6em Georgia, 'Times New Roman', Times, serif; color: #98012E; text-align: left; margin: 15px 0 0 -20px;}
	.sal_colB { clear: left; float:left; width: 180px; padding-right:20px;}
	.sal_colG  { clear: left; float:left; width: 600px; font-size: 10px;}
	.sal_colD,.sal_colF  { text-align:left; width:180px;} 
	.sal_colH { clear: left; float:left; width: 600px; text-align: center; }
	
.spa_contA, .spa_contB, .spa_contC { float:left; width: 280px; margin: 20px 0px 0px 10px; }
.spa_contA { width: 600px; }
.spa_contC { margin: -60px 0px 0px 10px; }

.spa_colA1, .spa_colA2, .spa_colB, .spa_colC, .spa_colD { float:left; line-height: 20px; width: 220px; }
.spa_colA1, .spa_colA2 { clear: left; float:left; font: bold italic 16px Arial, Helvetica, sans-serif; color: #98012E; }

	.spa_colA1 {  width: 600px;}
	.spa_colA2 {  width: 200px;}
	.spa_colB { clear: left; float:left; }
	

/* Bodywraps CSS ---------------------*/


     /* MAIN */	
	.bodywrap #content {width:550px; float:left; padding-left:20px;}
	.sub-title{ color: #333; font-style:italic; font-size: 1.4em; margin-top:0px; }
	.bodywrap td {background:#efefef;}
	.bodywrap ul { list-style-type: none; padding:0; margin:0;}
		.bodywrap #content li{padding:5px 0;}
	
	#body_wrap td{font-size:1.3em; background:#efefef; text-align:left;}
	#body_wrap td strong{text-align:center;}
	#body_wrap th{text-align:left; background:#666; color:#FFFFFF; border-bottom: #CCCCCC solid 1px; text-transform:uppercase;}
	#body_wrap a{font-size:.9em; color:#666;}
	#body_wrap a:hover{color:#666; text-decoration:none; }

	
	/* PREPARE */	
	.prepare #content { float:left; width: 580px; }
	.prepare #content li { padding:10px 0; font-size:1.3em;}
	
     /* SLENDERTONE */	
	.slendertone #content { float:left; width: 300px;}
		.slendertone #content img { float:left;}
	.slendertone #content p strong { color: #666; font-weight: normal;}	 
	 
     /* POWERWRAP */	
	.bodylift #content{ float:left; width: 580px;}
	.bodylift p {line-height:18px; padding-left:20px;}
	.bodylift strong { font-weight:normal; color: #666; font-size:1.2em; }
	#testimonials p{ padding:10px 0 0 20px;} 

     /* ANTI AGING */	
	.faq #content, .antiaging #content{float:left;}
	#content ul li.q{font-size:1.3em; padding:0;}
	#content ul {list-style-type:none; }
	#content li {padding:10px 0 20px 0;}
	#content ul#faq{padding-right:10px;}
	#content ul#faq li.an{margin-left:10px; color:#333;}
	
     /* LIPASE */
	 .lipase #content {float:left; width: 580px;}
	 .lipase #content li{padding:5px 0 0 0; margin:0;}
	 .lipase #content ul{ width:500px; width: 500px;margin:0; padding:0 0 0 30px;}
	 .lipase p {line-height:18px;} 
	 .lipase p.small {font-size: 10px;}
	 
     /* LIPASE */
	 .sugar #content {float:left; width: 580px;}
	 .sugar #content li{padding:10px 0 0 0; margin:0; font-size:1.3em;}
	 .sugar #content ul{ width:500px; width: 500px;margin:0; padding:0 0 0 30px;}
	 .sugar p {line-height:18px; font-size:1.3em;}
	 
     /* FACTS */
	.facts #content { float:left; width: 580px; }
	.facts #content li { padding:10px 0; font-size:1.3em;}



/* Manicures ---------------------*/
	.manicure #content {width:500px; float:left; padding-left:20px;}
	.manicure p { line-height:22px;}



/* About Us ---------------------*/

	.about #content {width:580px; margin:0 auto;}
	.about #content p { float:left; margin-right: 20px; }

	.about #location{ font-size:1em; float:left; width:240px; color:#666;}
		.about #location p{ padding:25px 0 0 0; margin:0; width:220px;}
		.about #location p strong{ font-size:1.3em;}
		.about a h2 {text-decoration:underline;}
			.about a:hover h2{text-decoration:none;}
		.about .map{padding:5px 0; text-decoration:none; color:#FFF; background:#9C0029; margin:10px 0; font-weight:bold; display: block; width:120px; text-align:center; float:right; border:1px #999 solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		a:hover.map{  text-decoration:underline;}
		
	.about #emp_cont { width:600px; margin: 0 0 0 25px;}	
		#emp_cont dt { display:block; cursor: pointer; float:left; border: 1px solid #ccc; width: 120px; margin-left: -1px; text-align: center; }
		#emp_cont dt div { float:left; border: 0;}
		#emp_cont a.up, #emp_cont a.down {padding-left: 1px; padding-top: 1px; line-height: 60px; height: 60px; display: block; font-size: 16px; font-weight: bold; color: #ccc; text-decoration: none; border-bottom: 10px solid #F1E0E4; }
		#emp_cont a.down { padding-left: 0; padding-top: 0; border-top: 1px solid #fff; border-left: 1px solid #fff; background: url(/images/bg_employees.jpg) repeat-x; color: #000; border-bottom: 10px solid #98012E;}
	
		#emp_cont .info { float:left; display: none; min-height:280px;}
		#emp_cont .info img{ float:left; margin:10px 10px 0 10px;}
		#emp_cont .info h1{background:none; color: #98012E;  float:left; padding:20px 0 7px; margin:0; width:430px;}
		.info p { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; font-style:italic; line-height: 140%;}

	
	

/* Specials CSS ---------------------*/


	#spec_sideL { float:left; width: 270px; border-right: 2px solid #eaeaea; margin: 0;  padding: 0 15px;}
		#spec_sideR p, #spec_sideL p{line-height:18px;}
	#spec_sideR { float:left; width: 270px; padding: 0 0 0 15px;margin: 0; }
		#spec_sideL h1, #spec_sideR h1 { width: 100%; margin-bottom: 10px; }

	.spec_formCont {margin: 0!important; margin: -20px 0 0 0; }


	.reg_colA { clear: left; float:left; width: 110px; padding: 0 0 0 20px; margin: 5px 10px 5px 0; text-align: right;}
	.reg_colB { float:left; width: 400px; margin: 0 0 10px 0; }
	.reg_colC { clear: left; float:left; width: 550px; margin: 10px 0 10px 20px;}
	.reg_colD { clear: left; float:left; width: 450px; margin: 10px 0 0 20px; text-align: right; }
	
	.msg_error { float:left; width: 500px; margin: 0 auto 10px 10px;padding: 20px 30px 20px 30px; font: bold 12px arial; border: 1px solid #98012E; color:#98012E; background:#FEE9CB;}
	
	.msg_error2 { float:left; width: 200px; margin-bottom:10px; padding: 20px 30px; font: bold 12px arial; border: 1px solid #98012E; color:#98012E; background:#FEE9CB;}

	.msg_success { float:left; width: 530px; margin: 0 auto 10px 0;padding: 20px 30px 20px 30px; font: bold 12px arial; background:#CAFFD0; border: 1px solid #009933; color:#009933;}
	
	.coupon_cont { float:left; border: 1px dashed #333; background:#FFFFFF; padding: 4px;text-align: center; width: 275px; margin: 20px 17px 0 0; height: 225px; line-height:18px;}

	
	.coupontop {vertical-align: middle;text-align: center; text-transform:capitalize; font-size:2.5em; padding:5px 0;}
	.couponmid {font-size: 1.6em;font-weight: bold;color: #000;line-height: 25px; font-weight:normal; padding:10px 0;}
	.couponbtm {font-size: 12px;color: #333333;}
	.couponfoot { font-size: 11px; color: #666; }
	
	.coupontitle {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #000;line-height: 25px; }
	
	.register p { clear: left; font-weight: bold; }
	



#b_hook_vis {background-image: url('/images/bhook.png'); position: absolute; top: 223px; left: 554px; width: 111px; height: 65px;  margin-top: -3px;}

#r_bottom_container {float:left; margin-top: -3px; width: 112px;}
#bottom_b {width: 112px; height: 268px; background-image: url('/images/bottomb.png'); float:left;}

#footer { width: 782px; margin: 30px auto 0; text-align: left;}
#footer img{ float:left; padding: 2px 10px 0;}
	#footer p{color: #777; float:left; font-size:.9em; font-family:Arial, Helvetica, sans-serif; padding:0px 0 50px 0; line-height:16px; width:662px;}

	

/* Admin CSS ---------------------*/

#main_cont { margin: 0 auto; width: 750px; padding-top: 195px;}
#login_cont { margin: 0 auto; padding: 12px 10px; width: 493px; height: 210px;}
#login_cont h1, #admin_body_content h1 	{width: 460px;float:left; font: bold 16px arial; color: #fff; background: #98012E; border-top: 1px solid #98012E; border-bottom: 1px solid #98012E; padding: 3px 0 3px 10px; margin: 0 0 10px 0!important; margin-bottom:0; }
#login_cont div { float:left; width: 150px; margin: 5px 0; text-align: right; }
#login_cont div.L { width: 200px; color: #98012E; font-weight: bold; padding: 2px 10px 0 0; }


#login_cont div.error, #admin_body_content div.error { float:left; width: 468px; padding: 5px 0;text-align: center; font: bold 12px arial; border: 1px solid #98012E; color:#98012E; background:#FEE9CB;} 
#admin_body_content div.error { width: 600px; }
hai
#admin_body_container {
	width: 750px;
	height: auto;
	position: relative;
}

#admin_content_top {
	width: 750px;
	height: 15px;
	background: url(/images/admin_body_top.jpg) bottom no-repeat;
}

#admin_body_content {
	width: 750px;
	height: 700px; 
	background: url(/images/bodybg.jpg) repeat-y left top;
	padding-left: 12px;
	margin-left: 44px;
}



#admin_body_content h1 { width: 628px; margin-left: 0; }
#admin_body_content div { clear:left; float:left;  margin: 5px 0; font-weight: bold; color: #98012E; }
#admin_body_content div#new { display: none; float: none; position: absolute; margin: 100px 0 0 300px; border: 1px dashed #fff; background: #98012E; width: 200px;  text-align: center;  }
	div#new a { display: block; text-decoration: none;padding: 20px 0; font: bold 14px Arial, Helvetica, sans-serif; color: #fff;}
	div.calendarpopup { position:absolute; visibility:hidden; background-color:#fff; left: 300px; top: 80px}

#admin_body_content div.s { text-align: right; width: 610px;}
#admin_body_content em {font-style: normal; font-weight: normal; }
#admin_body_content p { clear:left; float:left; text-indent: 20px;  }
#admin_body_content ul { clear:left; float:left; list-style-type: none; padding: 0; width: 620px; margin: 0;}
#admin_body_content li { float:left; padding: 5px;}
	li.a_t, li.b_t , li.c_t , li.d_t  { font-weight: bold; color: #98012E; border-bottom: 0px;}
	li.a_t, li.a { width: 120px; }
	li.b_t, li.b { width: 90px; }
	li.c_t, li.c { width: 220px; }
	li.d { width: 600px; border-bottom: 1px solid #eaeaea; height: 2px; margin-bottom: 10px;}
	li.edit { width: 50px; }

#admin_footer { margin-bottom: 300px; }