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

/*----------------------------------- Global Styling -----------------------------------------------*/
body {background:#34565d; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0}
a, a:visited {
	color:#50774F;
}
a:hover, a:focus, a:active {color:#CC3399}
a img {border:none; }
h1 {/*color:#788a2b;*/
	color:#da70d6;
	font-family:"Optima", "OptimaNovaLT", arial, helvetica, sans-serif;
	font-size:32px;
	line-height:36px;
	margin-bottom:18px;
	text-transform:capitalize;
	font-weight: normal;
	text-decoration: none;
}
h1 img {
	margin-top:-2px;
	text-decoration: none;
}
.small_header {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px;}
h2, h2 a, h2 a:hover {
	color:#006699;
	font-family:Optima, "CG Omega", "Zapf Humanist", Arial, Helvetica, san-serif;
	font-size:26px;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #9CBFD2;
	line-height: 28px;
	display: block;
	text-decoration: none;
}
h3, h3 a {
	color:#2C9CA0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:20px 0 0;
	text-decoration:none;
	line-height: 24px;
}
h3 a:hover {text-decoration:underline}
h4 {
	color:#34565D;
	font-size:22px;
	font-family:Optima, "CG Omega", "Zapf Humanist";
	line-height:26px;
	margin:0 0 7px;
	font-weight: normal;
	font-style: normal;
}
p {
	margin-top:5px;
	position:relative;
	line-height: 20px;
}
q {color:#008B8B; font: 13px "Times New Roman", serif; }

/* ---------------------------------- Main Content Blocks styling ------------------------------------- */
#container {background:url(../images/bgrepeat2.jpg) top left repeat-y #DAE3E8; margin:auto; position:relative; width:999px;}

.header {margin:0; position:absolute; text-align:right; width:999px; z-index:100}
#logo	{background:url(../images/logogreen.png) top left no-repeat; top:7px; height:140px} 
#linktohome {display:block;height:140px; width:540px; margin-left:85px}
#breadcrumb {color:#777; font-size:11px; height:17px; right:10px; top:93px}
#breadcrumb a{color:#777; text-decoration:none}
#breadcrumb b {color:#333; font-weight:normal}
#breadcrumb .AAA {color:#AAA}
#breadcrumb a:hover {text-decoration:underline}

#menu_holder {
	background:url(../images/menu_bg.png) top left no-repeat;
	height:724px;
	width:300px;
	position:absolute;
	left:0;
	right:0;
	z-index:10
}
#menu {
	height:375px;
	left:55px;
	padding:0px;
	position:absolute;
	text-align:left;
	text-transform:capitalize;
	top:180px;
	width:250px;
}
#menu a  {
	color:#1b7a01;
	display:block;
	font-size:13px;
	font-family:arial, helvetica, sans-serif;
	line-height:22px;
	text-decoration:none
}
#menu a:hover {font-weight:bold}
#menu a.current, #menu a.current:hover {color:#0b3d17; font-weight:bold}
#menu a:focus, #menu a:hover, #menu a:active {outline:none!important }
#menu .submenu {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu .submenu a {
	color:#0b3d17;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	height:20px;
	line-height:20px;
	padding-left:15px;
	width:235px;
	text-decoration:none;
}
#menu .submenu a:hover {
	cursor:pointer;
	display:block;
	font-weight:bold;
}
#menu .submenu a.current {color:#304435; }

#menu .sub2menu {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 275px;
}
#menu .sub2menu a {
	color:#666600;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	height:18px;
	line-height:18px;
	padding-left:30px;
	text-decoration:none;
}
#menu .sub2menu a:hover {
	color:#666600;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:18px;
	line-height:18px;
	padding-left:30px;
	text-decoration:none;
}

#appbox {
	background:url(../images/appbox_bg.png) top left no-repeat;
	height:294px;
	left:0px;
	position:absolute;
	top:578px;
	width:328px;
	z-index:100;
	background-image: url(../images/appbox_bg2.png);
}
#appbox #appointment		{background:none; display:block; height:64px; margin-top:42px; width:328px; }
#appbox #appointment:hover 	{background: url(../images/appbox_bg_hover.png) 0 -42px no-repeat}
#appbox #search				{background: none; display:block; height:70px; width:328px; }
#appbox #search:hover		{}

#appbox #search div.searchbox	{left:111px; position:absolute; top:141px; width:170px}
#appbox #questions			{background: none; display:block; height:64px; width:328px; }
#appbox #questions:hover	{background: url(../images/appbox_bg_hover.png) 0 -176px no-repeat}

#content {
	background:url(../images/content_bg.png) top left repeat;
	color:#556349;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
	left:375px;
	line-height:18px;
	min-height:685px;
	padding:0px;
	position:relative;
	top:190px;
	width:550px;
	z-index:10;
	background-image: url(../images/content_bg.png);
}
.content_bg {position:absolute; display:block; z-index:0;}
.content_bg_n {left:0px; top:-42px; width:100%; height:42px; background:transparent url(../images/content_bg_n.png) repeat-x; }
.content_bg_ne {top:-42px; right:-33px; width:33px; height:42px; background:transparent url(../images/content_bg_ne.png) no-repeat; }
.content_bg_e {right:-32px; height:100%; width:32px; background:transparent url(../images/content_bg_e.png) repeat-y; z-index:0 }
.content_bg_se {bottom:-40px; right:-33px; width:33px; height:40px; background:transparent url(../images/content_bg_se.png) no-repeat; }
.content_bg_s {left:0px; bottom:-40px; width:100%; height:40px; background:transparent url(../images/content_bg_s.png) repeat-x; }
.content_bg_sw {bottom:-40px; left:-33px; width:33px; height:40px; background:transparent url(../images/content_bg_sw.png) no-repeat; }
.content_bg_w {left:-33px; height:100%; width:33px; background:transparent url(../images/content_bg_w.png) repeat-y; }
.content_bg_nw {top:-42px; left:-33px; width:33px; height:42px; background:transparent url(../images/content_bg_nw.png) no-repeat; }
#content_search {background:url(../images/contentbg_search.jpg) top left repeat-y; color:#003300; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; height:auto; left:340px; line-height:18px; min-height:685px; padding:0px; position:relative; top:172px; width:689px}
.content_bg_n_search {left:0px; top:-24px; width:100%; height:24px; background:transparent url(../images/content_bg_n_search.png) repeat-x; }
.content_bg_s_search {left:0px; bottom:-29px; width:100%; height:29px; background:transparent url(../images/content_bg_s_search.png) repeat-x; }

#text {
	margin-left:40px;
	position:relative;
	padding:1px 0 30px;
	width:470px
}
.text-ital {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 15px;
	line-height: 20px;
}
#backtotop {margin-top:20px; text-align:right}

img {z-index:500}
img.photo_right {
	border:1px solid #B6C3D2;
	float:right;
	padding:10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 30px;
}
img.photo_right-NT {
	border:1px solid #B6C3D2;
	float:right;
	padding:10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 30px;
}
img.photo_left	{
	border:1px solid #B6C3D2;
	float:left;
	margin:10px 30px 15px 0px;
	padding:10px
}

#footer {background:url(../images/footer.png) top center no-repeat; color:#5d5c4d; font-size:11px; line-height:12px; margin:240px auto 0; height:120px; padding-top:38px; text-align:center; width:735px;}
#footer a, #footer a:visited {color:#5d5c4d; text-decoration:none}
#footer a:hover, #footer a:active {text-decoration:underline}
#footer .address  {color:#FFF; margin-top:30px}
#footer .copyright {color:#BCD7FF; margin-top:6px}
#footer .credits, #footer .credits a {color: #BCD7FF; margin-top:6px}

/*--------------------------------------- Page-Specific styling ----------------------------------------*/
#menu_holder_index {background:url(../images/menu_bg.png) -38px -16px no-repeat; height:700px; width:256px;position:absolute; left:0; right:0; z-index:10}

#indeximg {
	height:376px;
	position:absolute;
	right:0px;
	top:165px;
	width:806px;
	z-index:1;
	background-image: url(../images/index-flower-03.jpg);
}
#indexpromos {
	background:url(../images/index-promobg.png) top left repeat;
	color:#45513B;
	font-family:Arial, Helvetica, sans-serif;
	height:370px;
	left:47px;
	position:relative;
	width:952px;
	background-image: url(../images/index-promobg.png);
	top: 9px;
}
#indexpromos .border	{padding:3px; border:1px solid #B6C3D2; margin-top:7px; }

.indexPromoButton {
	position: relative;
	width: 208px;
	height: 30px;
	background-image: url(../images/index-promo-button-23.jpg);
}

.massage {
	width:470px
}
.massage_buttons {
	right:95px;
	top:175px;
	width: 78px;
}
.mon, .moff:hover {background:url(../images/massages.jpg) 0px -25px repeat-x; cursor:pointer; display:block; height:15px; margin-top:1px; padding:3px 10px 7px; position:relative;  width:180px; top:10px}
.moff {background:url(../images/massages.jpg) top left repeat-x; cursor:pointer; display:block; height:15px; margin-top:1px; padding:3px 10px 7px; position:relative;  width:180px; top:10px}
.massage_buttons a {color:#555; outline:none; text-decoration:none!important}
.massage_buttons a:focus, 
.massage_buttons a:hover, 
.massage_buttons a:active {color:#444; outline:none!important; }

#m1text, #m2text, #m3text {position:relative; top:30px; display:none; width:470px}
#m123text {
	position:relative;
	top:30px;
	width:470px
}
.marginTop6 {
	margin-top: 6px;
}
.intro:link {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	color: #66FFFF;
	letter-spacing: 1px;
}
.intro:visited {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	color: #66FFFF;
}
.intro:hover {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	color: #CC3300;
}
#indexIntroText {
	float: right;
	height: 132px;
	width: 806px;
	top: 541px;
	position: relative;
	z-index: 50;
}
.button:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1b7a01;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
	line-height: 18px;
}
.button:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1b7a01;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	line-height: 18px;
}
.button:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A24352;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	line-height: 18px;
}
#massageButtonsContainer {
	position: relative;
	width: 545px;
	left: -40px;
}
.massagebutton:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1b7a01;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
	line-height: 18px;
}
.massagebutton:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1b7a01;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	line-height: 18px;
}
.massagebutton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A24352;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	line-height: 18px;
}
.massageClassicButton {
	padding: 5px;
	height: auto;
	width: 185px;
	border: 1px dotted #408E35;
	background-color: #BECFE7;
	margin-bottom: 15px;
	position: relative;
	float: left;
	margin-left: 5px;
}
.massageClassicButtonON {
	width: 185px;
	margin-bottom: 15px;
	position: relative;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #408E35;
	border-right-color: #408E35;
	border-left-color: #408E35;
	top: -5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 5px;
}
.massageEasternButton {
	padding: 5px;
	height: auto;
	width: 140px;
	border: 1px dotted #408E35;
	background-color: #BECFE7;
	margin-bottom: 15px;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.massageEasternButtonON {
	width: 140px;
	margin-bottom: 15px;
	position: relative;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #408E35;
	border-right-color: #408E35;
	border-left-color: #408E35;
	top: -5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.massageSpeciatyButton {
	padding: 5px;
	height: auto;
	width: 175px;
	border: 1px dotted #408E35;
	background-color: #BECFE7;
	margin-bottom: 15px;
	position: relative;
	float: left;
}
.massageSpecialtyButtonON {
	width: 175px;
	margin-bottom: 15px;
	position: relative;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #408E35;
	border-right-color: #408E35;
	border-left-color: #408E35;
	top: -5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}