@charset "utf-8";

/* CSS Document */ 



body {

	background-color: #999;

	margin-right: auto;

	margin-left: auto;

	width: 800px;

	font-family: "Century Gothic", "Century Schoolbook", Century, sans-serif, serif;

	font-size: 11px;

	font-weight: bolder;

	color: #331A00;

}



h1, h2, h3, h4 {

	font-size: 16px;

	text-align: center;

}



a {

	text-decoration: none;

	color: #900

}



a:hover {

	color: #592D00;

}



img {

	border: none;

}



ul {

	list-style: none;

	white-space: nowrap;

}



#container {

	position: absolute;

	top: 32px;

	width: 800px;

	height: 650px;

	z-index: auto;

background-image: url("images/bamboo_fengshui_mono.gif");

	background-repeat: no-repeat;

	background-position: center center;



}



/* header styles */



#header {

	position: absolute;

	top: 32px;

	left: 487px;

	width: 300px;

	height: 135px;

}



#phone {

	position:absolute;

	left:261px;

	top:24px;

	width:179px;

	height:131px;

	font-size: 20px;

	text-align: center;

	font-weight: bold;

}



#kanji {

	position:absolute;

	left:8px;

	top:35px;

	width:202px;

	height:125px;

	text-align: center;

}



/* Main Navigation */



#nav {
	position: absolute;
	top: 167px;
	left: 11px;
	width: 776px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #795200;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #795200;
}



#nav ul {

	display: block;

	list-style-type: none;

}



#nav li {

	display: inline;

	padding-left: 15px;

	font-size: 16px;

	font-weight: bold;

	white-space: nowrap;

}



#nav a {

	color:#900;

	font-weight:bold;

	font-size:16px;

	text-decoration: none;

}



#nav a:hover {
	color: #633A10;
	font-weight:bold;
	font-size:16px;
	text-decoration: none;

}



/* secondary navigation */



#nav2 {
	position:absolute;
	left:175px;
	top:570px;
	width:auto;
	font-size: 14px;
	font-weight: bold;

}



#nav2 li {

	padding-right: 15px;

	display: inline;

}



#nav2 a {
	color:#900;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
}



#nav2 a:hover {
	color: #633A10;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
}



/* Basic Information */



#info {

	position: absolute;

	top: 246px;

	left: 401px;

	width: 357px;

	height: 254px;

	font-size: 12px;

	text-align: justify;

	padding-top: 20px;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 20px;



}



#info1 {
	position: absolute;
	top: 220px;
	left: 22px;
	width: 750px;
	font-size: 12px;
	text-align: justify;
	

}



#info1 ul {

	font-size: 11px;

}



#info1 a {

	color:#900;

	font-weight:bold;

	font-size:12px;

	text-decoration: none;

}



#info1 a:hover {

	color: #592D00;

	font-weight:bold;

	font-size:12px;

	text-decoration: none;

}



#hbdesc  {
	font-size:12px;
	padding-left: 10px;
}





#info2 {

	position: absolute;

	height: 295px;

	width: 322px;

	left: 447px;

	top: 265px;

	text-align: justify;

	font-size: 12px;

}



#locinfo {

	position: absolute;

	top: 249px;

	left: 450px;

	width: 300px;

	height: 250px;

	font-size: 12px;

	text-align: justify;

	

}



#massage {

	position: absolute;

	top: 250px;

	left: 10px;

	width: 750px;

	height: 298px;

}

#friends {

	position: absolute;

	top: 220px;

	left: 16px;

	width: 766px;

	height: 310px;

	font-size: 16px;

	text-align: center;

}

	



/* Table for Hair,Body,Package,Bios*/



#bios {

	position: absolute;

	top: 226px;

	left: 0px;

	width: 800px;

	height: 376px;

	font-size: 10px;

}



#bios table {

	text-align: center;

	margin-right: auto;

	margin-left: auto

}

#bios td {

	text-align: center;

	color: #000;

	font-weight: bold;

}

	

#price {

	position: absolute;

	top: 262px;

	left: 10px;

	width: 240px;

	height: 250px;

	text-align: right;

}



/* scheduling,map */



#schedinfo {

	position: absolute;

	top: 219px;

	left: 125px;

	width: 550px;

	height: 154px;

	text-align: justify;

	font-size: 11px;

}



#schedinfo a {

	color:#900;

	font-weight:bold;

	font-size:11px;

	text-decoration: none;

}



#schedinfo a:hover {

	color: #592D00;

	font-weight:bold;

	font-size:11px;

	text-decoration: none;

}

#booknowbtn {

	position:absolute;

	left:355px;

	top:364px;

	width:80px;

	height:92px;

	z-index:1;

}





#map {
	position: absolute;
	top: 240px;
	left: 14px;
	width: 400px;
	height: 329px;

}



/* Any Slide Show */



#slideshow {

	position: absolute;

	top: 391px;

	left: 18px;

	width: 760px;

	height: 170px;

	background-image: url(images/slide_bg_mono.gif);

}



#image {

	position: absolute;

	top: 249px;

	left: 11px;

	width: 310px;

	height: 310px;

	background-image: url(images/slide_bg_mono.gif);

}



#image2 {

	position: absolute;

	height: 296px;

	width: 135px;

	left: 285px;

	top: 242px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}



/* press */



#press {

	position: absolute;

	top: 253px;

	left: 133px;

	width: 527px;

	height: 234px;

}

/* Footer Style */



#footer {
	position: absolute;
	top: 605px;
	left: 0px;
	width: 800px;
	height: 30px;
	text-align: center;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #795200;

}



#footer a {

	color:#900;

	font-weight:bold;

	font-size:11px;

	text-decoration: none;

}



#footer a:hover {

	color: #592D00;

	font-weight:bold;

	font-size:11px;

	text-decoration: none;

}

	

#icons {

	position: absolute;

	height: 25px;

	width: 299px;

	left: 261px;

	top: -15px;

	vertical-align: middle;

	text-align: justify;

	border: thin solid #fff;

	margin-right: auto;

	margin-left: auto;

color:#fff;

}







/* classes */



.center {

	text-align: center;

	font-size: 12px;

}



.right {
	text-align: right;
	vertical-align: top;
	color: #795200;

}



.left {
	text-align: left;
	color: #795200;
	vertical-align: top;
}



.justify {

	text-align:justify;

}



.dhd {

	font-size: 10px;

}