/* CSS Document */

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

.toprightnav{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;padding-top:5px; padding-right:7px;
}
.toprightnav a{	text-decoration:none;	color:#000000; }
.toprightnav a:hover{	text-decoration:none;	color:#58415F; }


.clearfix {display:block;}

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

html, body {
	min-height: 100%;
	margin:0; padding:0px;
}

* html body {
	height: 100%;
}

body.knowle,
body.ethos{
	padding: 0;
	margin: 0;
	font: 0.75em "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
}
body.knowle{	
	background: url(../img/bg_floral_shape_purp_med.gif) 0 0 repeat;
}
body.ethos{	
	background: url(../img/bg_floral_shape_ethos_med.gif) 0 0 repeat;
}

h1, h2, h3, h4, h5, h6, p, a, li, dl, dd, dt, label, address, td, textarea, em, div { /* DIV ....  */
	margin: 0;
	padding: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

div, ul, li, img {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}
a {
	position: relative; 
}

p a, p a:link, p a:visited {
	color: #72659a;
	text-decoration: none;
	border-bottom: 1px dotted #72659a;
}

p a:hover {
	color: #4e4177;
	border-bottom: 1px dotted #4e4177;
}

ul {
	list-style-type: none;
}

ul li {
	color: #623674;
	font-weight: bold;
}

ul li a {
	text-decoration: none;
	color: black;
}

ul li a:hover {
	text-decoration: underline;
}

ol {
	margin: 0;
	padding: 0;
}

dl {
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
}

dd {
	padding: 0;
	margin: 0;
}

p {
	color: #666;
}

a.linkopacity img {
filter: alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

.clearfix{
	clear: both;
}
.container{
	margin: 0 auto;
	padding: 0;
	width: 830px;
	overflow: visible;
	background:	url(../img/bg_container.png) 0 0 repeat-y;
}
* html .container{
	background: none;
}
#oDiv* {
	position: relative;
}
.content{
	width: 758px;
	margin: 0 auto;
	padding: 0 0 0 2px;
}
h1 a{
	float: left;
	text-indent: -9999px;
	width: 263px;
	height: 115px;
	margin-bottom: 5px;
	background:	url(../img/h1_kg1.gif) 0 0 no-repeat;
}
.directions a{
	float: left;
	text-indent: -9999px;
	width: 131px;
	height: 25px;
	background:	url(../img/btn-directions.gif) 0 -25px no-repeat;
}
.directions a:hover{
	background:	url(../img/btn-directions.gif) 0 0 no-repeat;
}
.emailus a{
	float: left;
	text-indent: -9999px;
	width: 142px;
	height: 25px;
	background:	url(../img/btn-emailus.gif) 0 -25px no-repeat;
	margin-left: 1px;
}
.emailus a:hover{
	background:	url(../img/btn-emailus.gif) 0 0 no-repeat;
}
h2.address{
	float: left;
	text-indent: -9999px;
	width: 492px;
	height: 22px;
	margin: 72px 0 9px 0;
	background:	url(../img/h2_address.gif) 0 0 no-repeat;
}
#head-image{
	clear: both;
}
#head-image img{
	float: left;
}
h3.phone{
	float: right;
	text-indent: -9999px;
	margin-bottom: 2px;
	width: 483px;
	height: 25px;
	background:	url(../img/h3_phone.gif) 0 0 no-repeat;
}
.content-shader{
	width: 757px;
	clear: both;
	background:	url(../img/bg_content-shader.gif) 0 0 repeat-x;
	display: block;
}
#leftcol{
	float: left;
	width: 205px;
	padding-top: 12px;
}

#leftcol img.moomin{
	float: left;
	margin: 13px 0 4px 12px;
}
#leftcol img.moomin a{
	border: 0;
}
#leftcol p{
	clear: left;
	text-align: left;
	font-size: 0.8em;
	margin-left: 40px;
}
#leftcol .reiki p{
	text-align: left;
	font-size: 0.85em;
	padding: 8px 15px;
	margin: 0 5px;
	background: #f6f5fb;
}
#leftcol p.left-health-click,
img.logo{
	margin: 14px 0 0 12px;
	padding: 0;
}
img.logo{
	float: left;
}
.ethos-imgs{
	float: left;
	margin-bottom: 20px;
}
.ethos-imgs p.left-health-click{
	float: left;
	display: block;
	margin-top: 80px;
}
.health-imgs ul,
.ethos-imgs ul,
.home-imgs ul{
	margin: 9px auto 0 12px;
	width: 186px;
}
.health-imgs ul li,
.ethos-imgs ul li{
	float: left;
	margin: 0 3px 3px 0;
	display: block;
	width: 90px;
	height: 59px;
}
.home-imgs ul li{
	margin-bottom: 3px;
	width: 183px;
	height: 60px;
}
a.linkopacity img {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

a.linkopacity:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}
#content-body{
	float: left;
	width: 529px;
	margin-bottom: 15px;
	background: #f6f5fb url(../img/bg_content-bot.gif) bottom left repeat-x;
	border-bottom: 10px solid #a59aca;
	display: inline;
}
#content-body p{
	text-align: left;
	padding: 0 40px;
	margin-top: 12px;
	line-height: 1.3em;
}

.kg-nav{
	float: left;
	width: 550px; 
	margin: 2px 0 0 0;
	background: url(../img/bg_nav1.gif) 0 0 repeat-x;
}
* html .kg-nav{
	margin-top: 17px;

}
.kg-nav ul{
	float: left;
	padding: 0;
	text-align: center;
	border-bottom: 5px #d2cde5 solid;	
}
* html .kg-nav ul{
	border-bottom: 17px #d2cde5 solid;
}
.kg-nav ul li{
	float: left;
	
}
* html .kg-nav ul li{
	display: block;
}
.kg-nav ul li a{
	display: block;
	height: 10px;
	overflow: hidden;
	margin: 0;
	color: #fff;
	padding: 15px 10px 14px 10px;
	text-decoration: none;
	background: #a59aca url(../img/bg_nav-visible.gif) 0 0 repeat-x;
}
* html .kg-nav ul li a{
	display: inline;
	padding: 15px 10px 11px 10px;
}
.kg-nav ul li a:hover{
	background: url(../img/bg_nav-over.gif) 0 0 repeat-x;
	padding: 15px 10px 14px 10px;
	text-decoration: none;
	color:#FFFFFF;
}
.kg-nav ul li.nav-on a{
	overflow: hidden;
	margin: 0;
	color: #5a4d68;
	padding: 15px 10px 14px 10px;
	text-decoration: none;
	background: #d2cde5 url(../img/bg_nav-on.gif) 0 0 repeat-x;
}
.kg-nav ul li.navdark a{
	color: #fff;
}
.kg-nav ul li.navdark a:hover{
	background: #5a4d68;
}

.cap-i{
	margin: 10px 0 0 15px;
	background: url(../img/cap_i.gif) 0 0 no-repeat;
	overflow: visible;
	float: left;
	display: inline;
}
#content-body p.cap-position{
	padding-top: 31px;
}
.hide-it{
	float: left;
	display: inline;
	text-indent: -9999px;
}
.blockie{
	float: left;
	display: block;
	width: 20px;
	height: 5px;
	display: inline;
}
ul.mainpoints{
	float: left;
	text-align: left;
	margin: 12px 0 0 35px;
	display: inline;
}
ul.mainpoints li{
	padding: 3px 20px;
	background: url(../img/tiny-yingyang.gif) 0 3px no-repeat;
}
* html ul.mainpoints li{
	padding: 3px 8px;
}
#content-body h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #777;

}
#content-body .opening-times{
	clear: left;
	float: left;
	margin: 12px 0 45px 55px;
	display: inline;
}
* html #content-body .opening-times{
	padding-bottom: 10px;
}
#content-body dl{
	color: #623674;
}
* html #content-body dl{
	width: 350px;
	margin: 0 0 4px 0;
	padding:0;
}
#content-body dl dt{
	text-align: left;
	float: left;

}
* html #content-body dl dt{
	width: 90px;
	margin: 0;
	padding:0;
}
#content-body dl dd{
	font-weight: bold;
	text-align: left;

}
* html #content-body dl dd{
	margin: 0;
	padding:0;
}
#content-body .opening-times dd{
	float: left;
}
#content-body .opening-times dl{
	width: 350px;
}
#footer{
	clear: both;
	background: url(../img/bg_footer.gif) 0 0 repeat-x;
	padding: 0;
	margin: 13px 0 0 0;
	border-bottom: 15px solid #fff;
	height: 46px;
}
.footer-yy{
	display: block;
	height: 13px;
	margin: 0 0 0 0;
	/*padding: 10px 0;*/
}
.bot-link{
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	float:right;
	width:auto;
	padding-right: 10px;
	list-style-position: inside;
	list-style-type: none;
}
.bot-link ul {
display:inline;
padding: 0px 10px;
}
.bot-link ul li {
display:inline;
padding: 0px 10px;
}
#footer p{
	float: left;
	background: url(../img/footer_yy.gif) 0 0 no-repeat;
	color: #5a4d68;
	font-size: 0.8em;
	margin: 5px 0 auto 20px;
	padding-left: 18px; 
	height: 18px;
}
*html #footer p{
	display: inline;
}
#footer img{
	float: right;
	margin: -3px 20px 0 10px;
	padding: 0;
}
.no-nav{
	float: left;
	width: 526px;
	height: 35px;
	background: url(../img/bg_no-nav.gif) 0 0 repeat-x;
}
.no-directions {
	float: right;
	text-indent: -9999px;
	padding-right: 1px;
	width: 177px;
	height: 103px;
}
.bold{
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.health-club-body,
.ethos-body,
.holistic-health-body,
.personal-training-body,
.exhale-beauty-body{
	display: block;
	float: left;
	padding-left: 30px;
}
.ethos-body,
.holistic-health-body,
.personal-training-body,
.health-club-body,
.content-body{
	padding-bottom: 50px;
}
.ethos-body dl{
	clear: left;
	float: left;
	margin-bottom: 8px;
	
}

h2.testimonials{
	float: left;
	margin: 10px 0 12px 0;
	text-indent: -9999px;
	background: url(../img/h2-testimonials.gif) 0 0 no-repeat;
	width: 135px;
	height: 17px;
	display: block;
	padding-right:200px;
	padding-bottom:10px;
}
h2.ethos-hdr{
	margin: 23px 0 12px 0;
	text-indent: -9999px;
	background: url(../img/h2-ethos-hair-and-care.gif) 0 0 no-repeat;
	width: 197px;
	height: 17px;
	display: block;
}
h2.cut-hdr{
	margin: 10px 0 12px 0;
	text-indent: -9999px;
	background: url(../img/h2-cut-and-style.gif) 0 0 no-repeat;
	width: 126px;
	height: 17px;
	display: block;
}
h2.contact-hdr{
	float: left;
	margin: 10px 0 12px 0;
	text-indent: -9999px;
	background: url(../img/h2-contact.gif) 0 0 no-repeat;
	width: 91px;
	height: 17px;
	display: block;
}



.health-club-body p,
.ethos-body p,
.holistic-health-body p,
.personal-training-body p,
.exhale-beauty-body p{

	margin: 0 30px 12px 0 !important;
	padding: 0 !important;
}
/*.health-club-body {
	display: inline;
	font-style: italic;
	color: #666;
	margin-left: 5px !important;
	margin-right: 5px !important;
}*/
p.quote{
	padding:0px 10px;
	font-style: italic;
	color: #666;
	margin-left: 5px !important;
	margin-right: 5px !important;
	}
.health-club-body input{
	clear: left;
	float: left;
}
.btn a{
	float: left;
	background: #fff url(../img/arrow-dark-purp.gif) 120px 6px no-repeat;
	display: block;
	width: 124px;
	height: 20px;
	border: 1px #d2cde5 solid;
	padding: 5px 10px 0 10px;
	color: #666;
	text-decoration: none;
}
.btn a:hover{
	background:  url(../img/arrow-dark-purp.gif) 120px 6px no-repeat;
	border: 1px #fff solid;
	text-decoration: underline;
}
.btn{
	margin-top: 10px;
}
.quote-left{
	float: left;
	width: 13px;
	height: 13px;
	padding-right: 3px;
	text-indent: -9999px;
	background: url(../img/quote-left.gif) 0 0 no-repeat;
}
.quote-right{
	float: left;
	width: 13px;
	height: 13px;
	text-indent: -9999px;
	padding-left: 3px;
	background: url(../img/quote-right.gif) 0 0 no-repeat;
}
p.qt{
	margin: 0px 10px 8px 10px !important;
	padding: 0 0 0 28px !important;
	background: url(../img/tiny-qt.gif) 0 0 no-repeat;
}
p.qt img{
	float: left;
	margin: 0 5px 5px 0;
	
}
div.reiki{
	text-align: center;
	border: 1px solid #e9e7f3;
	background: #efecf6;
	margin: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.classes{
	float: left;
	padding: 15px;
}
div.classes p{
	margin-left: 0 !important;
	margin-bottom: 10px !important;
	color: #777 !important;
}
div.classes h3{
	color: #5a4d68;
	margin-bottom: 4px;
}
div.reiki img,
div.classes img{
	margin-bottom: 10px;
}
div.classes img{
	float: left;
	padding-right: 5px;
}
div.exhale-logo,
div.pharmagel,
div.qtvr{
	margin: 10px;
	background: #efecf6;
	border: 1px solid #dfdbec;
	padding-bottom: 10px;

}
div.pharmagel{
	background-color: #f3f1f8;
	padding-bottom: 16px;
}
div.exhale-logo img{
	width: 146px;
	height: 71px;
	margin: 10px 0 0 17px;

}
div.exhale-logo p{
	margin: 2px 5px !important;
	text-align: center !important;
}
div.pharmagel p{
	font-size: 0.9em !important;
	margin: 2px 7px 6px 7px !important;
}
div.pharmagel img{
	margin: 10px 0 3px 13px;
	padding: 9px;
	background: white;
}
div.pharmagel ul{
	margin: 0 0 0 7px;
	font-size: 0.9em;
}
div.pharmagel ul li a{
	color: #72659a;
	text-decoration: none;
	border-bottom: 1px dotted #72659a;	
}
div.pharmagel ul li{
	margin-right: 10px;
	display: inline;
}
div.pharmagel ul li a:hover {
	color: #4e4177;
	border-bottom: 1px dotted #4e4177;
}
div.qtvr img{
	margin: 10px 0 0 12px;
}
div.qtvr h3{
	color: #623674;
	font-size: 1.2em !important;
	padding: 10px 0 0 10px;
}
p.qt-click{
	margin: 2px 0 10px 12px !important;
}
div.exhale-beauty-body{
	padding-bottom: 30px;
}
div.holistic-health-body h3,
div.personal-training-body h3,
div.exhale-beauty-body h3{
	color:  #623674 !important;
	padding-bottom: 4px;
}
div.exhale-beauty-body h4{
	color: #555;
	font-weight: normal!important;
}
div.exhale-beauty-body ul{
	margin-top: 0 !important;
	margin-bottom: 10px;
}
div.exhale-beauty-body ul li{
	float: left;
	font-weight: normal;
	margin: 0 20px 0 0;
	color: #555;
}
div.holistic-health-body p{
	margin-bottom: 0 !important;
}
div.holistic-health-body p.price{
	margin: 4px 0 12px 0 !important;
	color:  #623674 !important
}
div.exhale-beauty-body .price{
	color:  #623674 !important
}
div.exhale-beauty-body p.no-bot-margin{
	margin-bottom: 0 !important;
}
div.personal-training-body table,
div.exhale-beauty-body table{
	float: left;
	width: 90%;
	background-color: #f0eef8;
	color: #444;
	border: 1px solid #a59aca;
	margin-bottom: 10px;
}
div.exhale-beauty-body table{
	margin-bottom: 25px;
}
div.personal-training-body td,
div.exhale-beauty-body td{
	padding: 2px 10px 2px 5px;
}
tr.table-head{
	background: #a59aca;
	color: #fff;
}
* html p a.tinylink{
	font-size: 0.9em;
}
.inliner{
	display: inline;
}
.opacitay{
filter: alpha(opacity=20); 
-moz-opacity: 0.2; 
opacity: 0.2;}

.title{
padding-left:30px;
padding-top:22px;
padding-bottom:0px;

}


            /*                                               By  Jitendra                                    */
			
.kg-nav2{
	float: left;
	width: 550px; 
	margin: 2px 0 0 0;
	padding-right: 20px;
	background: url(../img/bg_nav1.gif) 0 0 repeat-x;
}
* html .kg-nav2{
	margin-top: 17px;

}
.kg-nav2 ul{
	float: right;
	padding: 0;
	margin-right: 21px;
	text-align: center;
	border-bottom: 5px #d2cde5 solid;	
}
* html .kg-nav2 ul{
	border-bottom: 17px #d2cde5 solid;
}
.kg-nav2 ul li{
	float: left;
	
}
* html .kg-nav2 ul li{
	display: block;
}
.kg-nav2 ul li a{
	display: block;
	height: 10px;
	overflow: hidden;
	margin: 0;
	color: #fff;
	padding: 15px 10px 14px 10px;
	text-decoration: none;
	background: #a59aca url(../img/bg_nav-visible.gif) 0 0 repeat-x;
}
* html .kg-nav2 ul li a{
	display: inline;
	padding: 15px 10px 11px 10px;
}
.kg-nav2 ul li a:hover{
	background: url(../img/bg_nav-over.gif) 0 0 repeat-x;
	padding: 15px 10px 14px 10px;
	text-decoration: none;
	color:#FFFFFF;
}
.kg-nav2 ul li.nav2-on a{
	overflow: hidden;
	margin: 0;
	color: #5a4d68;
	padding: 15px 10px 14px 10px;
	text-decoration: none;
	background: #d2cde5 url(../img/bg_nav-on.gif) 0 0 repeat-x;
}
.kg-nav2 ul li.nav2dark a{
	color: #fff;
}
.kg-nav2 ul li.nav2dark a:hover{
	background: #5a4d68;
}