* :focus { outline: 0; } 
body { margin-left:0px; behavior:url(htc/csshover.htc)}	
h1
{

	font-family:Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	margin-left: 20px;
	font-size: 1.2em; font-weight:100;
}

#navbar {position:relative; font-size:12px; height:38px; z-index:0; background:url(images/navbarBG.gif);}
#navbar, #navbar ul {padding:0; margin:0; list-style:none; width:766px;}
#navbar table {border-collapse:collapse; margin:-1px -10px; 0 0; padding:0; width:0; height:0; font-size:12px;}
#navbar li {float:left; height:38px; margin-right:1px; background:none; padding:0 0 0 0}
#navbar li a {float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 10px; font-family:arial, sans-serif; font-size:12px; color:#fff; text-decoration:none;}
#navbar li a.top {float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 18px; font-family:arial, sans-serif; font-size:12px; color:#666; text-decoration:none;}
#navbar li a.down {background:url(images/navbarDown.gif) no-repeat right center;}
#navbar li ul li a.down {font-size:15px; color:#ff0; font-weight:normal;}

#navbar li a:hover {white-space:nowrap; color:#444;}
#navbar li a.down:hover {white-space:nowrap; color:#444; background:url(images/navbarDownHover.gif) no-repeat right center;}

#navbar li:hover > a {color:#990000;}
#navbar li:hover > a.down {color:#990000; background:url(images/navbarDownHover.gif) no-repeat right center;}

#navbar li ul {position:absolute; top:38px; left:-9999px; z-index:10; background:url(images/navbarBack.png) left top;}
#navbar li ul.floatRight li {float:right;}

#navbar :hover ul,
#navbar :hover ul :hover ul,
#navbar :hover ul :hover ul :hover ul,
#navbar :hover ul :hover ul :hover ul :hover ul,
#navbar :hover ul :hover ul :hover ul :hover ul :hover ul {left:0; background:url(images/navbarBack.png) left bottom;}

#navbar :hover ul ul,
#navbar :hover ul :hover ul ul,
#navbar :hover ul :hover ul :hover ul ul,
#navbar :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; top:38px; background:transparent;}


ul {margin:0; padding:0; list-style:none; color:#006666}
li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:4px 0 4px 8px; line-height:16px }
.li2 {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:5px 0 5px 8px; line-height:16px }
.copy { color:#8F8E87; font-size:9px; margin:8px 8px 0 0; float:right}
.copy span { color:#646464;}
.copy a { color:#006699}

.footer { color:#006699; font-size:.75em; font-family:Verdana, Arial, Helvetica, sans-serif}
.footer span { color:#646464;}
.footer a { color:#646464;}

.featured li {background:url(images/a2.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 23px; line-height:20px }
.featured a { color:#5F5F5F; font-weight:bold; text-decoration:none}

.white { color:#ECECEC}
.white strong { color:#ffffff}
.white li {background:url(images/1a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 8px; line-height:16px }
.white a { color:#ffffff;}

.contact a { color:#828282}
/*
a.home {display:inline; float:left; background: url(images/HomeR.gif) no-repeat; width: 108px; height: 50px; text-indent:-10000px; font-size:10px}
a.home:link {}
a.home:visited {color: #0000ff}
a.home:hover {display:inline; float:left; background: url(images/HomeA.gif) no-repeat; width: 108px; height: 50px; text-indent:-10000px;font-size:10px}

a.massage {display:inline; float:left; background: url(images/MassageR.gif) no-repeat; width: 108px; height: 50px; text-indent:-10000px;font-size:10px}
a.massage:link {}
a.massage:visited {}
a.massage:hover { display:inline; float:left; background: url(images/MassageA.gif) no-repeat; width: 108px; height: 50px; text-indent:-10000px;font-size:10px}

a.reservations {display:inline; float:left; background: url(images/ReservationsR.gif) no-repeat; width:156px; height: 50px; text-indent:-10000px;font-size:10px}
a.reservations:link {}
a.reservations:visited {}
a.reservations:hover {display:inline; float:left; background: url(images/ReservationsA.gif) no-repeat; width:156px; height: 50px; text-indent:-10000px;font-size:10px}

a.corporate {display:inline; float:left; background: url(images/corporateR.gif) no-repeat; width: 120px; height:50px; text-indent:-10000px;font-size:10px}
a.corporate:link {}
a.corporate:visited {}
a.corporate:hover {display:inline; float:left; background: url(images/corporateA.gif) no-repeat; width: 120px; height: 50px; text-indent:-10000px;font-size:10px}

a.therapists {display:inline; float:left; background: url(images/therapistsR.gif) no-repeat; width: 132px; height: 50px; text-indent:-10000px;font-size:10px}
a.therapists:link {}
a.therapists:visited {}
a.therapists:hover {display:inline; float:left; background: url(images/therapistsA.gif) no-repeat; width: 132px; height: 50px; text-indent:-10000px;font-size:10px}

a.about {display:inline; float:left; background: url(images/AboutR.gif) no-repeat; width: 142px; height: 50px; text-indent:-10000px;font-size:10px}
a.about:link {}
a.about:visited {}
a.about:hover {display:inline; float:left; background: url(images/AboutA.gif) no-repeat; width: 142px; height: 50px; text-indent:-10000px;font-size:10px}



a.zen {display:block; float:left; background: url(images/zenR.gif) no-repeat; width: 89px; height: 96px; text-indent:-10000px;font-size:10px}
a.zene:link {}
a.zen:visited {color: #0000ff}
a.zen:hover {display:block; float:left; background: url(images/ZenA.gif) no-repeat; width: 89px; height:96px; text-indent:-10000px;font-size:10px}
*/
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}

a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}

.a a {text-decoration:none;}
.a a:hover { text-decoration:underline}

a:link {
	color: #006699;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	font-size:0.9em;
}/* background:url(images/btnLinkBG.gif) repeat-x;*/
a:visited {color:#996666; text-decoration:none;}
a:hover {color: #FF3333;}/* background:url(images/btnLinkHover.gif) repeat-x;*/
a:active {color: #0000FF}

.form { width:169px;
		height:19px;
		font-family:tahoma;
		font-size:11px;
		border-style: solid;
		border-width: 1px;
		border-color:#575656;
		background-color:#ffffff;
		color:#5F5F5F;
		margin-left:0px;
		margin-right:0px}
		
.textarea { width:179px;
		height:69px;
		font-family:tahoma;
		font-size:11px;
		border-style: solid;
		border-width: 1px;
		border-color:#575656;
		background-color:#ffffff;
		color:#5F5F5F;
		margin-left:0px;
		margin-right:0px}

a:hover {text-decoration:none;}

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(images/box2.png) no-repeat bottom right; } 

.cssbox {/* width: 368px !important; /* intended total box width - padding-right(next)  width: 353px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 
} 
.cssbox_head { /* set the top-right image */ 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 
.cssbox_head h2 { /* set the top-left image */ 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 
.cssbox_body { /* set the lower-left corner image */ 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 0px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 

h2
{
	font-family: Verdana; 
	color:#BB0000;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.2em; font-weight:200;
}

.h2Wide{
	margin:0 0 8px 24px; display:none
}

.textBoxFull{
	display:inline;
	float:left; 
	margin:10px 0px 10px 0px
}

.textFull{
	margin:0px 40px 12px 46px; 
	width:680px;
}

.textBoxLeft{
	display:inline;
	float:left;
	width:320px; 
	margin:0px 0px 10px 46px;
}

.textBoxRight{
	display:inline;
	float:right;
	width:320px;
	margin:0px 56px 10px 0px;
}

p
{
	font-family: Arial; 
	color:#777; 
	word-spacing: normal; margin:0 0 0 0;
	line-height: 1.3em;
	font-size: 1em;
	text-align:justify; 
}

h3
{
	font-family: Arial, Helvetica, sans-serif; 
	color:#BB0000;
	text-decoration: none;
	word-spacing:normal;
	text-align: left;
	letter-spacing:normal;
	line-height: 1.3em;
	font-size: 0.95em; font-weight:200;
}
		
#container {
	position:relative;
	width:796px;
	left:50%;
	margin-left:-390px;
	background:#fff url(images/bgLR.gif) repeat-y center;
	overflow:hidden;
	z-index:100;
	}

#pageFooter {
	position:relative;
	left:50%;
	margin-left:-390px;
	background:url(images/bottom.gif);
	width:796px;
	height:42px; white-space:nowrap;
	}
	
.footerTextLeft{padding-top:10px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; white-space:nowrap}
.footerTextRight{padding-top:10px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; white-space:nowrap}
		
#content{
	margin:20px 0px 0px 0px; 
	width:766px; 
	display:block; 
	white-space:nowrap;
}	
		
div.imgTop{
	width:766px; 
	height:466px; 
	margin-top:0px; 
	float:left; 
	display:block;
}

div.imgTop300{
	width:766px;
	height:auto;
	margin-top:0px;
	float:left;
	display:block;
}

div.gradientLine{
	width:766px; 
	background:url(images/px1.gif); 
	height:20px; 
	float:left; 
	display:block
}

.gradientBase{
	width:766px; 
	margin:0px 0px 0 15px; 
	background:url(images/px.gif); 
	height:22px; display:block;
	white-space:nowrap;
}
	
	/*BUTTON STYLE*/	
		
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: inline;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
	margin-left:44px;
    text-decoration: none;
}

a.button:hover {color:#990000;background: transparent url('images/bg_button_a_hover.gif') no-repeat scroll top right;}
a.button span:hover {background-position: 0 -48px}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
   background: transparent url('images/bg_button_a_hover.gif') no-repeat scroll bottom right;
    color:#FF6600;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 17px; /* push text down 1px */
}

a.therapist {
	display:inline;
	text-decoration:none; 
	color:#990000;
	border:none; 
	font-family:'Brush Script MT', Arial, sans-serif;
	font-size:1em;
	white-space:nowrap; 
	width:128px; 
	float:left; 
	margin:6px 20px 4px 20px; 
	overflow:hidden; 
	text-align:center
}

#imgContainer
{
	display:inline;
	float:left;
	border:none;
	margin:0px 20px 10px 20px;
	height:194px;
	width:128px;
	overflow:hidden;
}

.hoverImg
{
	border:none;
}

.hoverImg:hover
{
	margin-top:-265px;
	border:none;
}

#join 
{
	position:absolute;
	top:530px;
	right:232px;
	height: 33px;
	width: 339px;
	}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


a.buttonred {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #F60;
    display: inline;
    float: left;
    font: normal 14px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
	margin-left:44px;
    text-decoration: none;
}

a.buttonred:hover {color:#FF6633;background: transparent url('images/bg_button_a_hover.gif') no-repeat scroll top right;}
a.buttonred span:hover {background-position: 0 -48px}

a.buttonred span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.buttonred:active {
   background: transparent url('images/bg_button_a_hover.gif') no-repeat scroll bottom right;
    color:#FF6600;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonred:active span {
    background-position: bottom left;
    padding: 6px 0 4px 17px; /* push text down 1px */
}