@charset "UTF-8";
/* CSS Document */

/************************
Site Wide Styles
************************/
* {margin: 0; padding: 0;}

body {
	background-color: #f1f4f4;
	background-image: url(assets/main-background.jpg);
	background-repeat:repeat-x;
	margin-bottom: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	color: #636466; }
	
div {
	margin: 0;
	padding: 0;}
	
img {
	margin: 0;
	padding: 0;
	border: 0;}

p {
	font-size: .8em;
	line-height: 1.125em; }
	
h1 {
	font-size: .9em;
	line-height: 1.25em;
	color: #424242;
	font-style:normal;
	font-weight:normal;}
	
h1 a:link, h1 a:visited {
	color: #424242;
	text-decoration: underline;}
	
h1 a:hover {
	color: #b9bc20;}
	
h2 {
	font-size: 1em;
	line-height: 1.25em;
	color: #b9bc20;
	font-style:normal;
	font-weight:normal;}
	
h2 a:link, h2 a:visited {
	color: #b9bc20;}
	
h2 a:hover {
	color: #424242;}
	
h3 {
	font-size: 1.25em;
	line-height: 1.25em;
	color: #424242;
	font-style:normal;
	font-weight:normal;}
	
h4 {
	font-size: 2em;
	line-height: 1.25em;
	color: #424242;
	font-style:normal;
	font-weight:normal;}
	
ul li {
	font-size: .8em;
	line-height: 1.125em; 
	list-style: none; }
	
#text ul li {
	list-style: disc outside;
	margin-left: .75em;
	margin-bottom:5px;}
	
#text ul li.nobul {
	list-style: none;
	margin-left:0;}

.fltlft {
	float: left;
	margin: 0 auto;
	padding:0;}
	
.fltrt {
	float: right;
	margin: 0 auto;
	padding:0;}
	
.clrflt {
	clear: both;}
	
a {
	text-decoration: none;}
	
a img {
	border: none;}
	
a:link, a:visited {
	color: #636466;
	text-decoration: underline;}
	
#container {
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-image:url(assets/column-colors.gif);
	background-repeat: repeat-y;
	top: 10px;
	width: 800px;
	height:auto;
	text-align: left;}

#header {
	margin:0 auto;
	border-top:#FFF 5px solid;
	border-bottom:#FFF 5px solid;
	padding:0;
	height:100px;
	background-color: #cfd9da;}
	
#header-logo {
	background-image:url(assets/logo.jpg);
	margin:0 auto;
	padding:0;
	width:200px;
	height:100px;}
	
#header-content {
	background-image:url(assets/header-content.jpg);
	margin:0 auto;
	padding:0;
	width:600px;
	height: 50px;}
	
#mainnav {
	margin:0 auto;
	height:40px;}
	
#content {
	margin: 0 auto;
	padding: 0;
	border-top: #FFF 5px solid;
	position: relative;
	width:800px;
	text-align:left;}

#sidenav {
	margin:0 auto;
	padding:0;
	background-color:#a3b3b3;
	width:200px;
	height:100%;
	float:left;}
	
#promo {
	margin:0 auto;
	padding:0;
	height:125px;
	width:200px;
	text-align:left;
	background-color:#FFFFFF;}

#flasharea {
	margin:0 auto;
	padding:0;
	width:600px;
	height:auto;
	background-color:#FFF;
	float:right;}
	
#flash {
	background-image:url(assets/resized-branding-promo.jpg);
	height:400px;
	width:600px;}
	
#news {
	margin:0 auto;
	padding:0;
	height:40px;
	text-align:left;}

#footer {
	margin: 0 auto;
	border-top:#FFF 5px solid;
	padding: 5px 20px 20px 20px;
	position: relative;
	background-color: #cfd9da;
	text-align: center;}

#emaillist {
	text-align:right;
	padding:5px;}
	
#emaillist label {
	color:#9c9a9a;
	font-size:.7em;
	line-height:2em;}

#footer p{
	color:#9c9a9a;
	font-size:.7em;
	line-height:2em;}

#footer a:link, #footer a:visited {
	color:#9c9a9a;
	text-decoration:none;}
	
#footer a:hover {
	color:#424242;
	text-decoration:underline;}

#footer p.legal{
	font-size: .7em;
	margin-top:10px;}
	
p.line-height-40px {
	font-size: .7em;
	line-height: 40px;
	color:#849fa0;}
	
p.line-height-40px a:link, p.line-height-40px a:visited{
	color:#849fa0;}

p.line-height-40px a:hover {
	color: #b9bc20;}
	
/************************
Menu Button Styles
************************/
	
#header-buttons {
	background-image:url(assets/header-button.jpg);
	margin:0 auto;
	padding:0;
	width:600px;
	height: 50px;
	text-align:right;}	
	
#header-buttons a:link, #header-buttons a:visited {
	text-decoration:none;}
	
#buttons {
	margin: 0 auto;
	height: 50px;
	width: 320px;
	padding: 0;
	text-align:right;
	position: absolute; top: 5px; right: 0;
	z-index:600;
	clear:both;}
	
html>body #buttons {
width: 315px;
}

	/* General */
	#btns, #btns ul { list-style: none; }
	#btns, #btns * { padding: 0; margin: 0;}
	
	/* Head links */
	#btns li.btnstyl { width: 100px; float: left; margin-left: 5px; border: none; background-color: #FFF; text-align: center; }
	#btns li.btnstyl a { display: block; padding: 5px 0 5px 0; }

	/* Child lists and links */
	#btns li.btnstyl ul { display: none; border-top: none; text-align: center; }
	#btns li.btnstyl:hover ul { display: block; }
	#btns li.btnstyl ul li a { padding: 5px 0 5px 0; height: 15px; line-height:15px;}
	#btns li.btnstyl ul li a:hover { background-color: #cfd9da; }
	
	/* Pretty styling */
	#btns a { color: #636466; } #btns ul li a:hover { text-decoration: none; }
	#btns li.btnstyl { background-color: #FFF;}
	#btns li.btnstyl ul { background-color: #FFF; padding-bottom: 0px; }
	

/* No Longer Used */
#header-buttons a:link, #header-buttons a:visited {
	text-decoration:none;}
	
#button1, #button2, #button3 {
	background-color:#FFF;
	width:100px;
	max-height:50px;
	margin-left:5px;
	padding:5px 0 5px 0;
	text-align:center;}
/* No Longer Used */
	
	
/************************
Main Navigation Styles
************************/
#navbar {
	margin:0 auto;
	height: 40px;
	background-color:#cfd9da;
	padding: 0;  
	text-align: right;}

#nav {
	width: 800px; height: 40px;
	background-image:url(assets/main-nav.gif);
	margin: 0 auto;
	padding: 0;
	position: relative;}
	
#nav span {
	display: none;}
	
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; top: 0;}
	
#nav li, #nav a { 
	height: 40px;
	display: block;}

#home { left:0; width:60px;}
#nothing {left:60px; width:140px;}
#philosophy {left: 200px; width: 139px;}
#clients {left: 339px; width: 192px;}
#workshops {left: 531px; width: 165px;}
#locations {left: 696px; width: 104px;}

#home a:hover {}	
#philosophy a:hover {background: transparent url(assets/main-nav.gif) -200px -80px no-repeat;}
#clients a:hover {background: transparent url(assets/main-nav.gif) -339px -80px no-repeat;}
#workshops a:hover {background: transparent url(assets/main-nav.gif) -531px -80px no-repeat;}
#locations a:hover {background: transparent url(assets/main-nav.gif) -696px -80px no-repeat;}

#home_in {}
#philosophy_in {left: 200px; width: 139px; background: transparent url(assets/main-nav.gif) -200px -40px no-repeat;}
#clients_in {left: 339px; width: 192px; background: transparent url(assets/main-nav.gif) -339px -40px no-repeat;}
#workshops_in {left: 531px; width: 165px; background: transparent url(assets/main-nav.gif) -531px -40px no-repeat;}
#locations_in {left: 696px; width: 104px; background: transparent url(assets/main-nav.gif) -696px -40px no-repeat;}

/************************
Home Main Navigation Styles
************************/
#hnavbar {
	margin:0 auto;
	height: 40px;
	background-color:#cfd9da;
	padding: 0 0 0 200px;  
	text-align: right;}
	
#hnav {
	width: 600px; height: 40px;
	background-image:url(assets/hmain-nav.gif);
	margin: 0 auto;
	padding: 0;
	position: relative;}
	
#hnav span {
	display: none;}
	
#hnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; top: 0;}
	
#hnav li, #hnav a { 
	height: 40px;
	display: block;}
	
#hphilosophy {left: 0; width: 139px;}
#hclients {left: 139px; width: 192px;}
#hworkshops {left: 331px; width: 165px;}
#hlocations {left: 496px; width: 104px;}
	
#hphilosophy a:hover {background: transparent url(assets/hmain-nav.gif) 0 -80px no-repeat;}
#hclients a:hover {background: transparent url(assets/hmain-nav.gif) -139px -80px no-repeat;}
#hworkshops a:hover {background: transparent url(assets/hmain-nav.gif) -331px -80px no-repeat;}
#hlocations a:hover {background: transparent url(assets/hmain-nav.gif) -496px -80px no-repeat;}
	
#hphilosophy_in {left: 0; width: 139px; background: transparent url(assets/hmain-nav.gif) 0 -40px no-repeat;}
#hclients_in {left: 139px; width: 192px; background: transparent url(assets/hmain-nav.gif) -139px -40px no-repeat;}
#hworkshops_in {left: 331px; width: 165px; background: transparent url(assets/hmain-nav.gif) -331px -40px no-repeat;}
#hlocations_in {left: 496px; width: 104px; background: transparent url(assets/hmain-nav.gif) -496px -40px no-repeat;}
	
/************************
Side Navigation Styles
************************/
#services {
	margin:0 auto;
	height: 315px;
	background-color:#a3b3b3;
	padding:0;
	text-align:right;}

#serv {
	width:200px; height:315px;
	background-image:url(assets/side-nav.gif);
	margin:0 auto;
	padding:0;
	position:relative;}
	
#serv span {
	display:none;}
	
#serv li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute; left:0;}
	
#serv li, #serv a {
	height:45px;
	display:block;}
	
#wellp, #wellp a:visited {top:0; width: 200px; height: 45px;}
#massage, #massage a:visited {top:45px; width: 200px; height: 45px;}
#organic, #organic a:visited {top:90px; width: 200px; height: 45px;}
#yoga, #yoga a:visited {top:135px; width: 200px; height: 45px;}
#mat, #mat a:visited {top:180px; width: 200px; height: 45px;}
#equipment, #equipment a:visited {top:225px; width: 200px; height: 45px;}
#acupuncture, #acupuncture a:visited {top:270px; width: 200px; height: 45px;}

#wellp a:hover {background: transparent url(assets/side-nav.gif) -200px 0 no-repeat;}
#massage a:hover {background: transparent url(assets/side-nav.gif) -200px -45px no-repeat;}
#organic a:hover {background: transparent url(assets/side-nav.gif)  -200px -90px no-repeat;}
#yoga a:hover {background: transparent url(assets/side-nav.gif) -200px -135px no-repeat;}
#mat a:hover {background: transparent url(assets/side-nav.gif) -200px -180px no-repeat;}
#equipment a:hover {background: transparent url(assets/side-nav.gif) -200px -225px no-repeat;}
#acupuncture a:hover {background: transparent url(assets/side-nav.gif) -200px -270px no-repeat;}

/************************
Massage Side Navigation Styles
************************/
#mservices {
	margin:0 auto;
	height: 450px;
	background-color:#a3b3b3;
	padding:0;
	text-align:right;}

#mserv {
	width:200px; height:450px;
	background-image:url(assets/side-nav-massage-w.gif);
	margin:0 auto;
	padding:0;
	position:relative;}
	
#mserv span {
	display:none;}
	
#mserv li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute; left:0;}
	
#mserv li, #mserv a {
	height:45px;
	display:block;}
	
#mwellp {top:0; width: 200px; height: 45px;}
#mmassage {top:45px; width: 200px; height: 45px;}
#m1 {top:90px; width: 200px; height: 45px;}
#m2 {top:135px; width: 200px; height: 45px;}
#m3 {top:180px; width: 200px; height: 45px;}
#morganic {top:225px; width: 200px; height: 45px;}
#myoga {top:270px; width: 200px; height: 45px;}
#mmat {top:315px; width: 200px; height: 45px;}
#mequipment {top:360px; width: 200px; height: 45px;}
#macupuncture {top:405px; width: 200px; height: 45px;}

#mwellp a:hover {background: transparent url(assets/side-nav-massage-w.gif) -200px 0 no-repeat;}
#mmassage a:hover {background: transparent url(assets/side-nav-massage-w.gif) -200px -45px no-repeat;}
#m1 a:hover {background: transparent url(assets/side-nav-massage-w.gif) -200px -90px no-repeat;}
#m2 a:hover {background: transparent url(assets/side-nav-massage-w.gif)  -200px -135px no-repeat;}
#m3 a:hover {background: transparent url(assets/side-nav-massage-w.gif) -200px -180px no-repeat;}
#morganic a:hover {background: transparent url(assets/side-nav-massage-w.gif) -200px -225px no-repeat;}
#myoga a:hover {background: transparent url(assets/side-nav-massage-w.gif) -200px -270px no-repeat;}
#mmat a:hover {background: transparent url(assets/side-nav-massage-w.gif)  -200px -315px no-repeat;}
#mequipment a:hover {background: transparent url(assets/side-nav-massage-w.gif) -200px -360px no-repeat;}
#macupuncture a:hover {background: transparent url(assets/side-nav-massage-w.gif) -200px -405px no-repeat;}

/************************
Skin Care Side Navigation Styles
************************/
#sservices {
	margin:0 auto;
	height: 450px;
	background-color:#a3b3b3;
	padding:0;
	text-align:right;}

#sserv {
	width:200px; height:450px;
	background-image:url(assets/side-nav-skin.gif);
	margin:0 auto;
	padding:0;
	position:relative;}
	
#sserv span {
	display:none;}
	
#sserv li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute; left:0;}
	
#sserv li, #sserv a {
	height:45px;
	display:block;}
	
#swellp {top:0; width: 200px; height: 45px;}
#smassage {top:45px; width: 200px; height: 45px;}
#sorganic {top:90px; width: 200px; height: 45px;}
#s1 {top:135px; width: 200px; height: 45px;}
#s2 {top:180px; width: 200px; height: 45px;}
#s3 {top:225px; width: 200px; height: 45px;}
#syoga {top:270px; width: 200px; height: 45px;}
#smat {top:315px; width: 200px; height: 45px;}
#sequipment {top:360px; width: 200px; height: 45px;}
#sacupuncture {top:405px; width: 200px; height: 45px;}

#swellp a:hover {background: transparent url(assets/side-nav-skin.gif) -200px 0 no-repeat;}
#smassage a:hover {background: transparent url(assets/side-nav-skin.gif) -200px -45px no-repeat;}
#sorganic a:hover {background: transparent url(assets/side-nav-skin.gif) -200px -90px no-repeat;}
#s1 a:hover {background: transparent url(assets/side-nav-skin.gif) -200px -135px no-repeat;}
#s2 a:hover {background: transparent url(assets/side-nav-skin.gif)  -200px -180px no-repeat;}
#s3 a:hover {background: transparent url(assets/side-nav-skin.gif) -200px -225px no-repeat;}
#syoga a:hover {background: transparent url(assets/side-nav-skin.gif)  -200px -270px no-repeat;}
#smat a:hover {background: transparent url(assets/side-nav-skin.gif) -200px -315px no-repeat;}
#sequipment a:hover {background: transparent url(assets/side-nav-skin.gif) -200px -360px no-repeat;}
#sacupuncture a:hover {background: transparent url(assets/side-nav-skin.gif) -200px -405px no-repeat;}

/************************
Yoga Side Navigation Styles
************************/
#yservices {
	margin:0 auto;
	height: 495px;
	background-color:#a3b3b3;
	padding:0;
	text-align:right;}

#yserv {
	width:200px; height:495px;
	background-image:url(assets/side-nav-yoga.gif);
	margin:0 auto;
	padding:0;
	position:relative;}
	
#yserv span {
	display:none;}
	
#yserv li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute; left:0;}
	
#yserv li, #yserv a {
	height:45px;
	display:block;}
	
#ywellp {top:0; width: 200px; height: 45px;}
#ymassage {top:45px; width: 200px; height: 45px;}
#yorganic {top:90px; width: 200px; height: 45px;}
#yyoga {top:135px; width: 200px; height: 45px;}
#y1 {top:180px; width: 200px; height: 45px;}
#y2 {top:225px; width: 200px; height: 45px;}
#y3 {top:270px; width: 200px; height: 45px;}
#y4 {top:315px; width: 200px; height: 45px;}
#ymat {top:360px; width: 200px; height: 45px;}
#yequipment {top:405px; width: 200px; height: 45px;}
#yacupuncture {top:450px; width: 200px; height: 45px;}

#ywellp a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px 0 no-repeat;}
#ymassage a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px -45px no-repeat;}
#yorganic a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px -90px no-repeat;}
#yyoga a:hover {background: transparent url(assets/side-nav-yoga.gif)  -200px -135px no-repeat;}
#y1 a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px -180px no-repeat;}
#y2 a:hover {background: transparent url(assets/side-nav-yoga.gif)  -200px -225px no-repeat;}
#y3 a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px -270px no-repeat;}
#y4 a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px -315px no-repeat;}
#ymat a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px -360px no-repeat;}
#yequipment a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px -405px no-repeat;}
#yacupuncture a:hover {background: transparent url(assets/side-nav-yoga.gif) -200px -450px no-repeat;}

/************************
Mat Side Navigation Styles
************************/
#pservices {
	margin:0 auto;
	height: 540px;
	background-color:#a3b3b3;
	padding:0;
	text-align:right;}

#pserv {
	width:200px; height:540px;
	background-image:url(assets/side-nav-mat.gif);
	margin:0 auto;
	padding:0;
	position:relative;}
	
#pserv span {
	display:none;}
	
#pserv li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute; left:0;}
	
#pserv li, #pserv a {
	height:45px;
	display:block;}
	
#pwellp {top:0; width: 200px; height: 45px;}
#pmassage {top:45px; width: 200px; height: 45px;}
#porganic {top:90px; width: 200px; height: 45px;}
#pyoga {top:135px; width: 200px; height: 45px;}
#pmat {top:180px; width: 200px; height: 45px;}
#p1 {top:225px; width: 200px; height: 45px;}
#p2 {top:270px; width: 200px; height: 45px;}
#p3 {top:315px; width: 200px; height: 45px;}
#p4 {top:360px; width: 200px; height: 45px;}
#p5 {top:405px; width: 200px; height: 45px;}
#pequipment {top:450px; width: 200px; height: 45px;}
#pacupuncture {top:495px; width: 200px; height: 45px;}

#pwellp a:hover {background: transparent url(assets/side-nav-mat.gif) -200px 0 no-repeat;}
#pmassage a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -45px no-repeat;}
#porganic a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -90px no-repeat;}
#pyoga a:hover {background: transparent url(assets/side-nav-mat.gif)  -200px -135px no-repeat;}
#pmat a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -180px no-repeat;}
#p1 a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -225px no-repeat;}
#p2 a:hover {background: transparent url(assets/side-nav-mat.gif)  -200px -270px no-repeat;}
#p3 a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -315px no-repeat;}
#p4 a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -360px no-repeat;}
#p5 a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -405px no-repeat;}
#pequipment a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -450px no-repeat;}
#pacupuncture a:hover {background: transparent url(assets/side-nav-mat.gif) -200px -495px no-repeat;}

/************************
Equipment Side Navigation Styles
************************/
#eservices {
	margin:0 auto;
	height: 495px;
	background-color:#a3b3b3;
	padding:0;
	text-align:right;}

#eserv {
	width:200px; height:495px;
	background-image:url(assets/side-nav-equip.gif);
	margin:0 auto;
	padding:0;
	position:relative;}
	
#eserv span {
	display:none;}
	
#eserv li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute; left:0;}
	
#eserv li, #eserv a {
	height:45px;
	display:block;}
	
#ewellp {top:0; width: 200px; height: 45px;}
#emassage {top:45px; width: 200px; height: 45px;}
#eorganic {top:90px; width: 200px; height: 45px;}
#eyoga {top:135px; width: 200px; height: 45px;}
#emat {top:180px; width: 200px; height: 45px;}
#eequipment {top:225px; width: 200px; height: 45px;}
#e1 {top:270px; width: 200px; height: 45px;}
#e2 {top:315px; width: 200px; height: 45px;}
#e3 {top:360px; width: 200px; height: 45px;}
#e4 {top:405px; width: 200px; height: 45px;}
#eacupuncture {top:450px; width: 200px; height: 45px;}

#ewellp a:hover {background: transparent url(assets/side-nav-equip.gif) -200px 0 no-repeat;}
#emassage a:hover {background: transparent url(assets/side-nav-equip.gif) -200px -45px no-repeat;}
#eorganic a:hover {background: transparent url(assets/side-nav-equip.gif) -200px -90px no-repeat;}
#eyoga a:hover {background: transparent url(assets/side-nav-equip.gif)  -200px -135px no-repeat;}
#emat a:hover {background: transparent url(assets/side-nav-equip.gif) -200px -180px no-repeat;}
#eequipment a:hover {background: transparent url(assets/side-nav-equip.gif) -200px -225px no-repeat;}
#e1 a:hover {background: transparent url(assets/side-nav-equip.gif) -200px -270px no-repeat;}
#e2 a:hover {background: transparent url(assets/side-nav-equip.gif)  -200px -315px no-repeat;}
#e3 a:hover {background: transparent url(assets/side-nav-equip.gif) -200px -360px no-repeat;}
#e4 a:hover {background: transparent url(assets/side-nav-equip.gif) -200px -405px no-repeat;}
#eacupuncture a:hover {background: transparent url(assets/side-nav-equip.gif) -200px -450px no-repeat;}


/************************
Acupuncture Side Navigation Styles
************************/
#aservices {
	margin:0 auto;
	height: 405px;
	background-color:#a3b3b3;
	padding:0;
	text-align:right;}

#aserv {
	width:200px; height:405px;
	background-image:url(assets/side-nav-acu.gif);
	margin:0 auto;
	padding:0;
	position:relative;}
	
#aserv span {
	display:none;}
	
#aserv li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute; left:0;}
	
#aserv li, #aserv a {
	height:45px;
	display:block;}
	
#awellp {top:0; width: 200px; height: 45px;}
#amassage {top:45px; width: 200px; height: 45px;}
#aorganic {top:90px; width: 200px; height: 45px;}
#ayoga {top:135px; width: 200px; height: 45px;}
#amat {top:180px; width: 200px; height: 45px;}
#aequipment {top:225px; width: 200px; height: 45px;}
#aacupuncture {top:270px; width: 200px; height: 45px;}
#a1 {top:315px; width: 200px; height: 45px;}
#a2 {top:360px; width: 200px; height: 45px;}

#awellp a:hover {background: transparent url(assets/side-nav-acu.gif) -200px 0 no-repeat;}
#amassage a:hover {background: transparent url(assets/side-nav-acu.gif) -200px -45px no-repeat;}
#aorganic a:hover {background: transparent url(assets/side-nav-acu.gif) -200px -90px no-repeat;}
#ayoga a:hover {background: transparent url(assets/side-nav-acu.gif)  -200px -135px no-repeat;}
#amat a:hover {background: transparent url(assets/side-nav-acu.gif) -200px -180px no-repeat;}
#aequipment a:hover {background: transparent url(assets/side-nav-acu.gif) -200px -225px no-repeat;}
#aacupuncture a:hover {background: transparent url(assets/side-nav-acu.gif) -200px -270px no-repeat;}
#a1 a:hover {background: transparent url(assets/side-nav-acu.gif) -200px -315px no-repeat;}
#a2 a:hover {background: transparent url(assets/side-nav-acu.gif)  -200px -360px no-repeat;}


/************************
WellPass Side Navigation Styles
************************/
#wservices {
	margin:0 auto;
	height: 495px;
	background-color:#a3b3b3;
	padding:0;
	text-align:right;}

#wserv {
	width:200px; height:495px;
	background-image:url(assets/side-nav-wellp.gif);
	margin:0 auto;
	padding:0;
	position:relative;}
	
#wserv span {
	display:none;}
	
#wserv li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute; left:0;}
	
#wserv li, #wserv a {
	height:45px;
	display:block;}
	
#wwellp {top:0; width: 200px; height: 45px;}
#w1 {top:45px; width: 200px; height: 45px;}
#w2 {top:90px; width: 200px; height: 45px;}
#w3 {top:135px; width: 200px; height: 45px;}
#w4 {top:180px; width: 200px; height: 45px;}
#wmassage {top:225px; width: 200px; height: 45px;}
#worganic {top:270px; width: 200px; height: 45px;}
#wyoga {top:315px; width: 200px; height: 45px;}
#wmat {top:360px; width: 200px; height: 45px;}
#wequipment {top:405px; width: 200px; height: 45px;}
#wacupuncture {top:450px; width: 200px; height: 45px;}

#wwellp a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px 0 no-repeat;}
#w1 a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px -45px no-repeat;}
#w2 a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px -90px no-repeat;}
#w3 a:hover {background: transparent url(assets/side-nav-wellp.gif)  -200px -135px no-repeat;}
#w4 a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px -180px no-repeat;}
#wmassage a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px -225px no-repeat;}
#worganic a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px -270px no-repeat;}
#wyoga a:hover {background: transparent url(assets/side-nav-wellp.gif)  -200px -315px no-repeat;}
#wmat a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px -360px no-repeat;}
#wequipment a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px -405px no-repeat;}
#wacupuncture a:hover {background: transparent url(assets/side-nav-wellp.gif) -200px -450px no-repeat;}


/************************
Interior Page Styles
************************/
#contentarea {
	background-color:#FFF;
	margin:0 auto;
	padding:0;
	position:relative;
	width:600px;
	float:right;
}

#imghead {
}

#text {
	background-color:#FFF;
	margin:0 auto;
	padding:20px;}
	
#text p, #text h1, #text h2, #text h3, #text ul {
	margin-bottom: 10px;
	line-height:1.25em;}
	
#quote {
	background-color:#a3b3b3;}
	
#quoteinfo {
	padding: 0 20px 0 20px;}
	
#quoteinfo h2, #quoteinfo h1, #quoteinfo p, #quoteinfo li {
	color:#FFF;}
	
#quoteinfo ul li {
	font-size: 1em;
	list-style: disc outside;
	margin-left: .75em;
	margin-bottom:5px;}
	
#wellpass {
	background-color:#e2e3a1;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;}
	
#wellpass h2, #wellpass h1, #wellpass p, #wellpass a:link, #wellpass a, #wellpass h2 a:link, #wellpass h1 a:link, #wellpass p a:link, #wellpass h2 a:visited, #wellpass h2 a:hover{
	color:#424242;}
	
#text p.nospace, #text h1.nospace, #text h2.nospace, #text h3.nospace {
	margin:0;}
	
#text p.exspace, #text h1.exspace, #text h2.exspace {
	margin-bottom:15px;}
	
#text span.hide {
	display:none;}
	
#text span.yellow {
	color:#b9bc20;}
	
#text h2.more {
	margin:20px 0 10px 0;
	height:21px;}
	
#text p.halfspace, #text h1.halfspace, #text h2.halfspace, #text h3.halfspace {
	margin-bottom:5px;}
	
#video {
	text-align:left;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;}
	
#text h1.anchors {
	margin-bottom: 20px;}
	
#text h1.anchors a:link, #text h1.anchors a:visited, #text p.anchors a:link, #text p.anchors a:visited {
	color:#b9bc20;}
	
#text h1.anchors a:hover, #text p.anchors a:hover {
	color:#636466;}

/************************
Massage Styles
************************/
	
#heading-our-massages {
	background-image:url(assets/heading-our-massages-w.gif); background-repeat:no-repeat;}
	
/************************
Sitemap Styles
************************/

#map {
	background-color:#FFF;
	margin:0 auto;
	padding:20px 20px 0 20px;}
	
#map li {
	font-size: .8em;}
	
#map li.xsp, #map li li.xsp {
	margin-bottom:10px;}
	
#map li li {
	font-size: 100%;}

#map ul {margin-bottom: 1em;}
#map ul ul {margin-bottom: 0;}
#map ul ul li {text-indent: 1em;}
#map ul ul ul li {text-indent: 2em;}
#map ul ul ul ul li {text-indent: 3em;}

#column1 {
	width:280px;
	padding:0;
	margin:0 20px 0 0;
	float:left;}

#column2 {
	}
	
/************************
Gift Card Styles
************************/

#giftform {
	margin:0 auto;
	padding:10px 10px 0 10px;
	border:1px solid #d7d7d7;}

#giftform .legend {
	margin-top:10px;}
	
fieldset {
	border-right:none;
	border-left:none;
	border-top:none;
	border-bottom:1px solid #d7d7d7;
	margin:0 auto;
	padding:0 15px 15px 15px;
	background-color:#FFF;}
	
#gift {
	padding:0;}
	
#gift p, #gift h1 {
	padding:0 15px 0 15px;}
	
#gift p.add {
	padding:0 15px 15px 15px;}
	
#gift h2.add {
	padding:0 0 15px 0;}
	
.gftbutn {
	border: none;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;}
	
#security {
	margin-top:10px;}
	
#security p {
	color:#b9bc20;
	font-size:.8em;
	font-style:italic;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	
	/***** begin half gray-out fix *****/
	min-height: 100%;
	height: auto;
	_height: 100%;
	/***** end half gray-out fix *****/
}

.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Gift Card Validation Settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#ojas_giftform input.error {
border:2px solid red;
background-color:#FFFFCC
}

#ojas_giftform label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}

#ojas_giftform select.error {
border:2px solid red;
background-color:#FFFFCC
}
/************************
Thickbox Packages Styles
************************/

#pkgs {
	background-image:none;
	background-color:#FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	color: #636466;}
	
#pkgtxt {
	height:420px;
	width:600px;
	backgound-color:#FFF;
	background-repeat: none;}
	
#pkgtxt p, #pkgtxt h1, #pkgtxt h2,  #pkgtxt h3 {
	line-height:1.5em;}
	
#pkhdr {
	padding:20px;}
	
#pkult {
	padding:10px;}
	
.pkgitm {
	margin-top:20px;}
	
#rtcol {
	width:280px;
	text-align:center;}
	
#ltcol {
	width:280px;
	text-align:center;}
	
h1.race, h2.race {
 color:#CC0066;}
 
/************************
Homepage Revisions 2010
************************/

#promo1 {
	background-color: #a3b3b3;
	height:130px;}
	
#flash1 {
	height:310px;
	margin-bottom:5px;
	background-image:url(assets/resized-branding-promo.jpg);
	position:relative;
	z-index:100;}

#multipromo {
	height:130px;}
	
#leftpromo {
	height:130px;
	width:200px;
	background-color:#FFFFFF;
	background-image: url(assets/facebook-like-promo.gif);
	background-repeat:no-repeat;
	text-align:left;}	
	
/**#leftpromo p {
	padding-right:15px;
	padding-top:105px;}**/
	
/**#leftpromo p {
	padding-left:10px;
	padding-top:105px;}**/

#middlepromo {
	height:130px;
	width:200px;
	background-color:#FFFFFF;
	background-image: url(assets/promo-area_04.jpg);
	text-align:center;}
	
#rightpromo {
	height:130px;
	width:200px;
	background-color:#FFFFFF;
	background-image:url(assets/equipment_session_promo.jpg);
	text-align:left;}
	
#rightpromo a {
	color:#666666;}

#rightpromo p {
	/**color: #FFF;**/
	padding-left:10px;
	padding-top:105px;}
	
/**#rightpromo a {
	color: #FFF;}**/
	
#facebook {
	padding:0;
	text-align:left;
	margin-top:27px;
	margin-left:137px;
	position:absolute;
	width: 190px;
	z-index:0}

html>body #facebook {
	width: 200px;}

.png { behavior: url(resources/iepngfix.htc) }