@charset "utf-8";

/* Basic Structure */

body,
html{
	margin:0;
	padding:0;
}

body {
	background: #fff url(../images/bg.gif) repeat-y;
	color: #999;
	min-width: 964px;
}

img {
	border: 0;
	margin: 0;
	padding: 0
}

p { display: none }

a { text-decoration: none; color: #333; }
a:hover,
a:active { text-decoration: underline; color: #333; }

.spacer { clear: both; font-size: 10px; line-height: 10px; }


div#wrect {
	background: #fff;
	height: 48px;
}

div#headerwrap {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 72px;
	background: transparent
}

/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap,
body>div#headerwrap2 {
	position: fixed;
}

div#header {
	width: 964px;
	margin: 0;
	padding: 0
}

div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding: 48px 0 0 48px;
	margin-left: 0px;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding-bottom: 134px;
}

/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left: 0
}

div#middle {
	width: 866px;
	margin: 0;
	padding: 0;
	background-color: #fcfbfa;
	border-left: 1px solid #f1efe9;
	border-right: 1px solid #f1efe9
}

div#middle_t {
	width: 866px;
	margin: 0;
	padding: 0;
	background-color: #fff
}

/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width: 100%;
	p\osition: absolute;
	bottom: -1px;
	left: 0;
	height: 216px;
}

body>div#footerwrap {
	position: fixed;
	margin: 0;
	padding: 0;
}

div#footer {
	margin: 0;
	height: 140px;
	width: 916px;
	background: #fff;
	padding: 0 0 0 48px
}

#bcorner {
	width: 868px;
	height:76px;
	padding: 0;
	margin: 0;
}

#copyright {
	float: right;
	padding: 0 20px 0 0;
}

/* Styling rules to make this demo page look nice. */
body,
html{
	font-family:Arial, Helvetica, Verdana, san-serif;
	font-size:0.9em;
	line-height:1.6em;
	color:#333;
}


ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}


/* --------------------------------------------------
 Footer Navigation
 -------------------------------------------------- */
#footer ul li {
	text-indent: -9999px;
}
#footer ul li a {
	display: block;
	overflow: hidden;
}

/* globalnav
 ================================================== */
#footer ul#globalnav {
	float: left;
	width: 674px;
	margin: 0;
}
#footer ul#globalnav li {
	float: left;
}
#footer ul#globalnav li a {
	height: 48px;
	background: transparent url(../images/globalnav.gif) no-repeat
}
#footer ul li#gnconcept a { width: 108px; margin: 0; background-position: 0 0}
#footer ul li#gnbody a { width: 134px; margin: 0; background-position: -108px 0}
#footer ul li#gnesthe a { width: 171px; margin: 0; background-position: -242px 0}
#footer ul li#gnreserve a { width: 134px; margin: 0; background-position: -413px 0}
#footer ul li#gnmap a { width: 109px; background-position: -547px 0}

#footer ul li#gnconcept a:hover { background-position: 0 -48px;}
#footer ul li#gnbody a:hover { background-position: -108px -48px;}
#footer ul li#gnesthe a:hover { background-position: -242px -48px;}
#footer ul li#gnreserve a:hover { background-position: -413px -48px;}
#footer ul li#gnmap a:hover { background-position: -547px -48px;}

.concept #footer ul li#gnconcept a { background-position: 0 -96px;}
.bodies #footer ul li#gnbody a { background-position: -108px -96px;}
.facial #footer ul li#gnesthe a { background-position: -242px -96px;}
.reserve #footer ul li#gnreserve a { background-position: -413px -96px;}
.map #footer ul li#gnmap a { background-position: -547px -96px;}

#utils {
	float: left;
	width: 390px;
	padding: 0;
	margin: 0
}

#qiroom {
	float: right;
	width: 270px;
	padding: 0 16px 0 0;
	margin: 0;
}

#qiroom a {
	float: right;
	display: block;
	background: url(../images/qirrom_bg.gif) no-repeat;
	text-decoration: none;
}
#qiroom a:hover,
#qiroom a:active,
#qiroom a.current { background: url(../images/qiroom_bg.gif) 0 -32px no-repeat; }

#titlelogo {
	float: left;
	width: 194px;
	padding: 0;
	margin: 0;
}


#titlelogo a {
	float: left;
	display: block;
	width: 194px;
	background: url(../images/logo_bg.gif) no-repeat;
}

#titlelogo a:hover,
#titlelogo a:active,
#titlelogo a.current { background: url(../images/logo_bg.gif) 0 -80px no-repeat; }