@charset "utf-8";
body {
	font: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image:url(images/background.gif);
	background-repeat:repeat-x;
}
.oneColFixCtr #container {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
	position:relative;
}
.oneColFixCtr #mainContent {
	padding:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0px;
}


#logo{
	position:absolute;
	left:7px;
	top:16px;
	z-index:2;
	width: 162px;
	height: 77px;
}

#nav{
	clear:both;
	float:left;
	width:720px;
	position:absolute;
	top:74px;
	left: 169px;
	z-index:1;
	height: 22px;
}

#nav ul {
	clear:left;
	float:left;
	width:864px;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:-38px;
	z-index:1;
	top: 0px;
}

#nav ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#nav ul li a {
	float:left;
	margin:0 0 0 1px;
	padding:2px 25px;
	padding-left:7px;
	text-align:center;
	color:#ffffcc;
	text-decoration:none;
	position:relative;
	left:50px;
	line-height:1em;
	font-weight:bold;
}

#nav ul li a:hover{
	background-color:#f5d0a7;
}

#nav ul li a img{
	visibility:hidden;
	border:0;
}

#nav ul li a:hover img{
	visibility:visible;
}

#pop1{
position:absolute;
left:0;
top:0;
z-index:5;
display:none;
}

#pop2{
position:absolute;
left:0;
top:0;
display:none;
z-index:4;
}

#white1{
position:absolute;
left:0;
top:0;
background:#FFFFFF;
width:100%;
height:768px;
}

#white2{
position:absolute;
left:0;
top:0;
background:#FFFFFF;
width:100%;
height:768px;
z-index:3;
}

#location{
	position:absolute;
	font-size:65%;
	color:#999999;
	left: 359px;
	top: 98px;
	white-space:nowrap;
}

#location a{
	color:#999999;
}

#pad{
	position:absolute;
	left: 1px;
	top: 109px;
}


p#intro{
	position:absolute;
	color:#999999;
	z-index:1;
	left: 170px;
	top: 452px;
	width: 688px;
	font-size:16px;
	line-height:17px;
	margin:0;
	padding:0;
}

p#intro span{
font-weight:bold;
}

#slideshow{
	position:absolute;
	z-index:1;
	left: 166px;
	top: 149px;
	width: 769px;
	margin:0;
	padding:0;
	height: 269px;
}

#caption{
	position:absolute;
	z-index:1;
	left: 545px;
	top: 195px;
	width: 264px;
	color:white;
	font-size:16px;
	margin:0;
	padding:0;
	line-height:17px;
}

#slideshow img{
width:679px;
height:269px;
}

img{
	border:0;
}

.navigation{
	position:absolute;
	left: 164px;
	top: 417px;
	width: 61px;
	z-index:1;
	width : 464px;
	float : left;
}

.navigation ul{
	list-style:none;
	clear:left;
	float:left;
	margin:0;
	padding:0;
}

.navigation ul li{
	display:inline;
	padding:2px;
	float:left;
}

.navigation img{
	border:0;
}


a {
outline: none;
}

#time{
	position:absolute;
	z-index:1;
	right: 35px;
	top: 60px;
	font-size:10px;
	color:#999999;
}

#alogo{
	position:absolute;
	z-index:1;
	left: 888px;
	top: 689px;
	font-size:10px;
}

#vt{
	position:absolute;
	z-index:1;
	left: 836px;
	top: 725px;
	font-size:9px;
	color:#666666;
	text-decoration:none;
}

#salon_service{
	position:absolute;
	left: 23px;
	top: 119px;
	font-size:12px;
}

#salon_service ul{
	position:absolute;
	z-index:1;
	margin:0;
	padding:0;
	list-style:none;
	left: 7px;
	top: 54px;
}

#salon_service ul li a{
text-decoration:none;
color:#f3c58b;
}

#salon_service ul li a img.ser_a{
display:none;
}

#salon_service #text p{
	position:absolute;
	width: 387px;
	left: 7px;
	top: 213px;
	z-index:2;
	font-size:13px;
	color:#999999;
	display:none;
	line-height:15px;
	margin:0;
	padding:0;
}

#salon_service #text p span.title{
	position:absolute;
	z-index:2;
	font-size:12px;
	display:none;
	color:#f5d0a7;
	display:inline;
	left: 186px;
	top: -66px;
	font-weight:bold;
}

#salon_service ul li a#active img.ser_b,
#spa_service ul li a#active img.ser_b{
display:none;
}

#salon_service ul li a#active img.ser_a,
#spa_service ul li a#active img.ser_a{
display:inline;
}

#salon_service #text p#active,
#spa_service #text p#active{
display:block;
}

#salon_service #text p ul{
text-decoration:none;
}

.bridal_hide{
display:none;
}

.bridal{
cursor:pointer;
font-weight:bold;
line-height:35px;
}

#spa_service{
	position:absolute;
	left: 508px;
	top: 119px;
}

#spa_service ul{
	position:absolute;
	list-style:none;
	left: 5px;
	top: 54px;
	padding:0;
	margin:0;
	font-size:12px;
	width: 213px;
}

#spa_service ul li a{
text-decoration:none;
color:#f3c58b;
}

#spa_service ul img.ser_a{
display:none;
}

#spa_service ul img.ser_a{
display:none;
}

#spa_service div#text p{
	position:absolute;
	left: 7px;
	top: 199px;
	width: 470px;
	height: 389px;
	font-size:13px;
	color:#999999;
	margin:0;
	padding:0;
	line-height:15px;
	display:none
}

#spa_service div#text p span.title{
	position:absolute;
	left: 224px;
	top: -7px;
	font-weight:bold;
	color:#f3c58b;
	z-index:2;
}

b{
line-height:35px;
cursor:pointer;
}

.af_hide,
.mp_hide,
.ahr_hide,
.pa_hide,
.bridal2_hide{
display:none;
}

#products{
	position:absolute;
	left: 20px;
	top: 121px;
}

#banner{
	position:absolute;
	left: 191px;
	top: 573px;
}

#gift_card{
	position:absolute;
	left: 17px;
	top: 118px;
}

#gift_card_p{
	position:absolute;
	z-index:1;
	left: 20px;
	top: 49px;
	width: 484px;
	font-size:14px;
	color:#999999;
}

#gift_card_p2{
	position:absolute;
	z-index:1;
	left: 20px;
	top: 65px;
	width: 484px;
	font-size:14px;
	color:#999999;
}


#table_layout_booking{
	position:absolute;
	z-index:1;
	left: 5px;
	top: 176px;
	width: 470px;
	height: 254px;
	font-size:12px;
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#table_layout_gift{
position:absolute;
	z-index:1;
	left: -2px;
	top: 181px;
	width: 470px;
	height: 254px;
	font-size:12px;
	color:#999999;
}

/* table{
	position:absolute;
	z-index:1;
	left: -2px;
	top: 181px;
	width: 470px;
	height: 254px;
	font-size:12px;
	color:#999999;
}

table input, table textarea{
font-size:12px;
color:#999999;
}
*/
.er{
background-color:#3366FF;
}

#mes{
color:#FF0000;
}

#promotions_page{
	position:absolute;
	z-index:1;
	left: 159px;
	top: 212px;
	color:#999999;
	font-size:12px;
}

#booknow{
	position:absolute;
	z-index:1;
	left: 141px;
	top: 125px;
	text-decoration:none;
	color:#f5d0a7;
	font-size:12px;
	width: 214px;
}

#bna{
display:none;
}

a#booknow:hover #bna{
display:inline;
}

a#booknow:hover #bnb{
display:none;
}

#booknowp{
	position:absolute;
	z-index:1;
	left: 181px;
	top: 129px;
	text-decoration:none;
	color:#f5d0a7;
	font-size:12px;
	width: 214px;
}

a#booknowp:hover #bna{
display:inline;
}

a#booknowp:hover #bnb{
display:none;
}

div#aboutUs{
	position:absolute;
	left:19px;
	top: 118px;
}

#bteam{
	position:absolute;
	z-index:1;
	left: 238px;
	top: 178px;
	font-size:11px;
	color:#999999;
	width: 340px;
}

#bteam ul li{
padding:0;
margin:0;
list-style:none;
}

#gallery2{
	position:absolute;
	z-index:1;
	left: 210px;
	top: 170px;
	font-size:11px;
	width: 340px;
}

#gallery2 li{
	list-style:none;
	margin-top:0.5em;
}

#gallery2 li a{
	text-decoration:none;
	color:#999999;
}

#gallery2 li a:hover{
	color:#000000;
}

#bteam p{
padding:0;
margin:0;
}

#contact{
	position:absolute;
	z-index:1;
	left: 383px;
	top: -2px;
	width: 316px;
	height: 186px;
}

#map{
	position:absolute;
	z-index:1;
	left: 1px;
	top: 287px;
}

#employment{
	position:absolute;
	z-index:1;
	left: 382px;
	top: 284px;
	width: 339px;
}

#salonImg img{
	position:absolute;
	z-index:1;
	left: 188px;
	top: 13px;
	display:none;
}

#spaImg img{
	position:absolute;
	left: 221px;
	top: 100px;
	display:none;
	z-index:0;
}

img#active,img#active2{
display:block;
}


#auintro{
	position:absolute;
	left: 54px;
	top: 180px;
	width: 147px;
	font-size:11px;
	color:#999999;
}

#slogo{
	position:absolute;
	z-index:2;
	left: 197px;
	top: 119px;
}

#slogo2{
	position:absolute;
	z-index:3;
	left: 232px;
	top: 166px;
}

#bn1 #bn12{
display:none;
}

a#bn1:hover #bn12{
display:inline;
}

a#bn1:hover #bn11{
display:none;
}

#bn2 #bn22{
display:none;
}

a#bn2:hover #bn22{
display:inline;
}

a#bn2:hover #bn21{
display:none;
}

#small_font{
	position:absolute;
	font-size:10px;
	left: 16px;
	width: 488px;
	top: 452px;
	color:#999999;
}

#stamp1{
	position:absolute;
	top:-10px;
	left: 483px;
	z-index:2;
}

#stamp2{
	position:absolute;
	top:-10px;
	left: 638px;
	z-index:2;
}

#dis{
position:absolute;
z-index:1;
	left: 20px;
	top: 725px;
	font-size:9px;
	color:#999999;
	width:600px;
}

#facebook{
	position:absolute;
	top:420px;
	left:655px;
}

#facebook a{
	text-decoration:none;
	color:#666666;
	font-size:11px;
}

#facebook a:hover{
	color:#CCCCCC;
}

#facebook2{
	position:absolute;
	top:265px;
	left:40px;
}

#facebook2 a{
	text-decoration:none;
	color:#666666;
	font-size:11px;
}

#facebook2 a:hover{
	color:#CCCCCC;
}

#facebook3{
	position:absolute;
	top:305px;
	left:32px;
}

#facebook3 a{
	text-decoration:none;
	color:#666666;
	font-size:11px;
}

#facebook3 a:hover{
	color:#CCCCCC;
}