/* CSS Document */

body
{
margin:0px;
background-color:#B2FAF9;
}

.txtarea1{ width:160px; height:18px; border:solid 1px #58C8DE; }
.txtarea2{ width:160px; height:100px; border:solid 1px #58C8DE; }

.fullWidth{width:100%;}

.fullHeight{width:100%;}

.floatLeft{float:left;}

.floatRight{float:right;}

.clear{clear:both;}

#warp
{
width:848px;
margin:0 auto;
}

/*=========== header classes Start ==============*/

#header
{
width:848px;
}

#topbg
{
width:637px;
height:123px;
background:url(images/top-bg.jpg) no-repeat;
}

#monthly-box
{
width:400px;
padding:0px 120px 0px 0px;
}

#menu
{
width:848px;
height:29px;
background:url(images/menu-bg.jpg) repeat-x;
}

#menu-left
{
width:175px;
padding:5px 10px 0px 10px;
}

#menubar
{
	width:auto;
}

.ul_limenubar
{
	margin:3px 0px 0px 0px;
	padding:0px;
}
.ul_limenubar li 
{
	font:bold 12px Arial;
	color:#FFFFFF;
	vertical-align: top;
	display: list-item;
	list-style-position: outside;
	text-align: left;
	list-style:none;
	float:left;
	margin-right:49px;
}

.ul_limenubar .selected a
{
	font:bold 12px Arial;
	color:#61452E;
}

.ul_limenubar li a
{
	font:bold 12px Arial;
	color:#FFFFFF;
	text-decoration:none;
}
.ul_limenubar li a:hover
{
	color:#61452E;
	text-decoration:none;
}

/*=========== midpart classes Start ==============*/

#midpart
{
width:848px;
background-color:#FFFFFF;
padding-top:3px;
}

#mid-layer
{
width:810px;
margin:0 auto;
}

#leftpart
{
width:134px;
}

#container
{
width:654px;
}

/*=========== leftpart classes Start ==============*/

#leftseprater
{
width:125px;
}

#leftseprater a
{
font:bold 11px/17px Arial;
color:#5A3517; 
text-transform:uppercase;
text-decoration:none;
}

#leftseprater a:hover
{
color:#000; 
text-transform:uppercase;
text-decoration:none;
}

/*=========== container classes Start ==============*/

#flash-banner
{
width:654px;
height:411px;
}

#midbg
{
width:654px;
background:url(images/mid-bg.jpg) no-repeat;
}

#contactbar
{
width:646px;
height:30px;
background:url(images/mid-contactbar.jpg) no-repeat;
margin:0 auto;
font:normal 22px Arial;
color:#fff;
text-transform:none;
letter-spacing:0.2em;
padding-top:5px;
text-align:center;
}

/*=========== footer classes Start ==============*/

#footer
{
width:848px;
height:132px;
background:url(images/foot-bg.jpg) no-repeat;
font:normal 12px/17px Arial;
color:#452606;
}

#footer a
{
font:normal 12px/17px Arial;
color:#452606;
text-decoration:none;
margin:0px 20px 0px 20px;
}

#footer a:hover
{
text-decoration:underline;
margin:0px 20px 0px 20px;
}

/*=========== text classes Start ==============*/

.brownlink:link,.brownlink:active,.brownlink:visited
{
	font:bold 12px/17px Arial;
	color:#5A3517; 
	text-decoration:none
}
.brownlink:hover
{
	text-decoration:underline;
}

.graybig
{
font:normal 18px Arial;
color:#61452E;
}

.graymid
{
font:bold 14px Arial, Cambria, serif;
color:#4D2A08;
line-height:1.4em;
}

.bluemid
{
font:bold 14px Arial, Cambria, serif;
color:#25A3C9;
line-height:1.4em;
}

.blackmid
{
font:bold 13px Arial, Cambria, serif;
color:#000;
line-height:1.4em;
}

.gentext
{
font:normal 14px Arial;
color:#000;
line-height:18px;
}

.genblacktext
{
font:normal 13px Arial;
color:#000;
line-height:18px;
}

.whitemid1
{
font:normal 18px Arial;
color:#fff;
line-height:18px;
}

/*=========== Facial treatments classes Start ==============*/

#facial-banner
{
width:654px;
height:301px;
background:url(images/facial-treatments-banner.jpg) no-repeat;
}

.banner-cont
{
width:350px;
font:bold 13px Arial;
color:#FFFFFF;
line-height:24px;
text-align:center;
text-transform:none;
letter-spacing:0.1em;
padding:182px 0px 0px 220px;
}

#facial-midbg
{
width:654px;
/*background:url(images/facial-treat-midbg.jpg) no-repeat;*/
}

.commfac-left
{
width:320px;
}

/*=========== Hand & foot care classes Start ==============*/

#handfoot-banner
{
width:654px;
height:301px;
background:url(images/hand-foot-banner.jpg) no-repeat;
}

.handbanner-cont
{
width:350px;
font:bold 13px Arial;
color:#FFFFFF;
line-height:24px;
text-align:center;
text-transform:none;
padding:172px 0px 0px 220px;
}

/*=========== medi spa solution classes Start ==============*/

#medisolu-banner
{
width:654px;
height:281px;
background:url(images/medical-solu-banner.jpg) no-repeat;
}

#medibanner-cont
{
width:178px;
font:bold 13px Arial;
color:#25A3C9;
line-height:22px;
text-align:center;
text-transform:none;
letter-spacing:0.1em;
padding:20px 0px 0px 220px;
}

#medispa-midbg
{
width:654px;
/*background:url(images/medical-solu-midbg.jpg) no-repeat;*/
}

/*=========== bodytreat classes Start ==============*/

#bodytreat-banner
{
width:654px;
height:315px;
background:url(images/body-treat-banner.jpg) no-repeat;
}

#bodybanner-cont
{
width:350px;
padding:172px 0px 0px 220px;
}

.bodyprice
{
width:170px;
}

.pricelist ul
{
margin:2px 0px;
padding:0px;
list-style:none;
font:bold 13px Arial;
color:#FFFFFF;
}

.pricelist ul li
{
display:inline;
list-style:none;
float:left;
}
	
.pricelist ul .hi
{
list-style:none;
display:inline;
float:left;
margin-left:45px; 
}

/*=========== laser hair classes Start ==============*/

#laser-left
{
width:370px;
}

#laser-right
{
width:278px;
height:313px;
background:url(images/laserhair-bluebg.jpg) no-repeat;
}

#laser-right-cont
{
width:240px;
margin:0 auto;
font:bold 13px Arial;
color:#FFFFFF;
}

/*=========== hair loft classes Start ==============*/

.hair-left
{
width:370px;
}

.hair-right
{
width:278px;
height:509px;
background:url(images/hari-loft-bluebox.jpg) no-repeat;
}

.hair-right-cont
{
width:240px;
margin:0 auto;
font:bold 13px Arial;
color:#fff;
height:auto;
}
.hair-right-cont2
{
width:240px;
margin:0 auto;
font:bold 13px Arial;
color:#fff;
height:auto;
}

/*=========== before and after classes Start ==============*/

.beleft
{
width:524px;
}