body {
	min-width:950px;
	margin:0;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	background:#424226 url(../images/bg-body.gif) repeat-x;
}
/* general settings */
a {text-decoration:none;}
img {border-style:none;}
/* headings */
.title {
	margin:0;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
.welcome {background-image:url(../images/welcome.png);}
.experience-the {
	margin:1px 0 0 0;
	height:36px;
	background-image:url(../images/experience-the.png);
}
.nancy-drew {
	height:36px;
	background-image:url(../images/nancy-drew.png);
}
.resorting-to-danger {
	float:left;
	width:269px;
	height:91px;
	margin:34px 0 0 -12px;
	background:url(../images/resorting-to-danger.png) no-repeat;
}
.virtual-tour {background:url(../images/virtual-tour.png) no-repeat;}
.our-clients2 {
	padding-bottom:8px;
	background:url(../images/our-clients2.png) no-repeat;
}
.about-the-spa2 {background:url(../images/about-the-spa2.png) no-repeat;}
.news-title {
	width:61px;
	height:17px;
	margin:4px 0 0 18px;
	background:url(../images/news.png) no-repeat;
}
/* wrapper container */
#wrapper {
	position:relative;
	width:950px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 20px 0;
}
/* header */
#header {
	width:950px;
	height:130px;
	padding:10px 0 0 0;
	overflow:hidden;
	background:url(../images/bg-header.png) no-repeat;
}
.header-in {
	width:100%;
	overflow:hidden;
	position:relative;
}
/* logo */
.logo {
	float:left;
	margin:0 0 0 42px;
	width:157px;
	height:118px;
	text-indent:-9999px;
	display:inline;
}
.logo a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/logo.png) no-repeat;
	cursor:pointer;
}
.words {
	float:left;
	width:360px;
	height:25px;
	margin:93px 0 0 0;
	text-indent:-9999px;
	background:url(../images/words.png) no-repeat;
}
.logo-her {
	float:left;
	width:100px;
	height:57px;
	margin:66px 0 0 0;
	text-indent:-9999px;
}
.logo-her a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(../images/logo-her.png) no-repeat;
	cursor:pointer;
}
/* shadow box */
.shadow {
	height:1%;
	padding:0 26px 0 25px;
	background:url(../images/bg-shadow.png) repeat-y;
}
/* placeholder for top image */
.visual {
	width:100%;
	overflow:hidden;
	background:#34212c url(../images/bg-visual.gif) repeat-y;
}
.visual img {float:right;}
.visual div {
	width:664px;
	float:right;
}
.visual div img {
	float:none;
	display:block;
}
#main {
	position:relative;
	height:1%;
	overflow:hidden;
	padding:20px 25px 12px 26px;
	background:#848457 url(../images/bg-main.gif) repeat-x;
}
.content {
	width:440px;
	float:left;
	padding:8px 0 0 0;
}
.content p,
.columns-holder p {
	line-height:14px;
	margin:8px 0 15px 0;
}
.content p {margin-left:1px;}
.text-box {
	width:100%;
	overflow:hidden;
}
.column-r {
	float:right;
	width:367px;
	padding:12px 0 0 0;
}
.box {width:367px;}
.box-t {
	width:100%;
	overflow:hidden;
	background:url(../images/bg-box-t.png) no-repeat;
}
.box-b {
	float:left;	
	width:345px;
	padding:7px 9px 3px 13px;
	background:url(../images/bg-box-b.gif) no-repeat 0 100%;
	color:#462210;
}
.box-b div {
	position:relative;
	height:1%;	
	overflow:hidden;
}
.box-t-l {background:#9e9c6c url(../images/box-t-l.gif) no-repeat;}
.box-t-r {background:url(../images/box-t-r.gif) no-repeat 100% 0;}
.box-b-r {
	height:1%;
	overflow:hidden;
	background:url(../images/box-b-r.gif) no-repeat 100% 100%;}
.box .box-b-r .box-b {background:url(../images/box-b-l.gif) no-repeat 0 100%;}
a.pic {
	float:left;
	margin:0 9px 0 0;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}
a.pic img {vertical-align:top;}
a.pic span {
	display:none;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	width:110px;
	height:155px;
	overflow:hidden;
	background:url(../images/pic01-on.png) no-repeat;
}
a.pic:hover {border:0;}
a.pic:hover span {display:block;}
* html a.pic {margin:0 5px 0 0;}
.box-b p {margin:5px 0 0 2px !important;}
.box-b p span {display:block;}
.box-b ul {
	height:1%;
	overflow:hidden;
	margin:0;
	padding:6px 0 0 2px;
	list-style:none;
}
.box-b li {
	float:left;
	font-weight:bold;
	line-height:27px;
}
.box-b ul a {
	margin:0;
	color:#462210;
}
.box-b ul a span {
	float:left;
	height:40px;
	padding:0 4px 0 9px;
	background:url(../images/btn-l.png) no-repeat;
	cursor:pointer;
}
.box-b ul a span.btn-r {
	width:9px;
	padding:0;
	background:url(../images/btn-r.png) no-repeat;
}
.box-b ul a:hover {border:0;}
.box-b ul a:hover span {background-image:url(../images/btn-l-on.png);}
.box-b ul a:hover span.btn-r {background-image:url(../images/btn-r-on.png);}
/* right column box */
.col-r {
	float:right;
	width:213px;
	overflow:hidden;
	padding:40px 0 0 0;
}
span.news-t {
	display:block;
	width:100%;
	height:12px;
	overflow:hidden;
	background:url(../images/bg-news-t.png) no-repeat;
}
span.news-b {
	display:block;
	width:100%;
	height:14px;
	overflow:hidden;
	background:url(../images/bg-news-b.png) no-repeat;
}
.news-c {
	width:100%;
	overflow:hidden;
	background:url(../images/bg-news-c.png) repeat-y;
}
.news-c ul {
	position:relative;
	margin:0;
	padding:0 15px 65px 19px;
	list-style:none;
}
.news-c ul li {
	height:1%;
	margin:11px 0 0 0;
	padding:0 0 0 12px;
	line-height:14px;
	background:url(../images/bullet.gif) no-repeat 0 7px;
}
.news-c p {margin:0 !important;}
.news-c a {color:#fff;}
.news-c a:hover {text-decoration:underline;}
/* news box */
.news {
	width:100%;
	overflow:hidden;
}
span.news-t {
	width:100%;
}
/* one column in inner page */
.columns-holder {
	width:614px;
	padding:0 0 0 230px;
}
.client {
	width:614px;
	overflow:hidden;
	margin:0 0 28px 0;
}
.columns-holder .box {width:100%;}
.col-l {
	float:left;
	width:382px;
	padding:6px 0 0 5px;
	overflow:hidden;
}
.col-l p {margin-bottom:17px;}
* html .col-l p {margin-top:9px;}
.columns-holder .col-l .box {margin-top:25px;}
/* empty boxes for bg */
span.client-t {
	display:block;
	width:100%;
	height:12px;
	overflow:hidden;
	background:url(../images/bg-client-t.png) no-repeat;
}
span.client-b {
	display:block;
	width:100%;
	height:11px;
	overflow:hidden;
	background:url(../images/bg-client-b.png) no-repeat;
}
.client-c {
	height:1%;
	padding:0 27px 0 29px;
	overflow:hidden;
	background:url(../images/bg-client-c.png) repeat-y;
}
.client-c img {
	position:relative;
	float:left;
	margin:1px 25px 0 0;
}
.client-c div {
	position:relative;
	height:1%;
	overflow:hidden;
	padding:6px 0 0 0;
}
.client h3 {
	color:#dfdf8f;
	margin:0;
	padding:6px 0;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	background:url(../images/bullet-line.gif) no-repeat 0 100%;
}
.client h3 a {
	color:#dfdf8f;
}
.client h3 a:hover {text-decoration:underline;}
* html .client p {margin-top:9px;}
/* navigation holder */
.nav {
	position:absolute;
	top:131px;
	left:45px;
	width:233px;
	height:284px;
	overflow:hidden;
}
.nav div {
	height:100%;
	padding:0 31px 0 7px;
	background:url(../images/bg-nav.png) no-repeat;
}
.nav h3 {
	margin:0;
	position:relative;
	width:195px;
	height:69px;
	overflow:hidden;
	text-indent:-9999px;
}
.nav h3 a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/redondo.png) no-repeat;
	cursor:pointer;
}
.nav ul {
	width:181px;
	overflow:hidden;
	margin:0;
	padding:0 6px 5px 8px;
	list-style:none;
	border:1px solid #a79271;
}
/* navigation list */
.nav li {
	position:relative;
	width:100%;
	overflow:hidden;
	padding:5px 0 0 0;
	vertical-align:middle;
}
.nav a {
	display:block;
	width:100%;
	height:37px;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}
.nav a:focus {outline:none;}
a.home {
	width:90px;
	background:url(../images/home.png) no-repeat;
}
a.take-a-virtual-tour {
	width:170px;
	height:53px;
	background:url(../images/take-a-virtual-tour.png) no-repeat;
}
a.our-clients {
	width:160px;
	background:url(../images/our-clients.png) no-repeat;
}
a.about-the-spa {background:url(../images/about-the-spa.png) no-repeat;}
a.home:hover {background:url(../images/home-over.png) no-repeat;}
a.take-a-virtual-tour:hover {background:url(../images/take-a-virtual-tour-over.png) no-repeat;}
a.our-clients:hover {background:url(../images/our-clients-over.png) no-repeat;}
a.about-the-spa:hover {background:url(../images/about-the-spa-over.png) no-repeat;}
.nav li.active a.home {background:url(../images/home-on.png) no-repeat;}
.nav li.active a.take-a-virtual-tour {background:url(../images/take-a-virtual-tour-on.png) no-repeat;}
.nav li.active a.our-clients {background:url(../images/our-clients-on.png) no-repeat;}
.nav li.active a.about-the-spa {background:url(../images/about-the-spa-on.png) no-repeat;}
/* footer container */
#footer {
	height:1%;
	color:#848457;
	padding:40px 58px 0 50px;
	background:url(../images/bg-footer.png) no-repeat;
}
.footer-in {
	position:relative;
	width:100%;
	overflow:hidden;
}
.footer-in p {
	font-size:10px;
	line-height:12px;
	margin:0;
	padding:3px 0 0 0;
}
.footer-in p a {color:#848457;}
.footer-in p a:hover {text-decoration:underline;}
.footer-links {
	float:right;
	margin:0;
	padding:10px 8px 13px 0;
	list-style:none;
	border:1px solid #565635;
}
.footer-links li {
	float:left;
	padding:0 2px 0 9px;
	vertical-align:middle;
}
.footer-links a {
	float:left;
}
.footer-links li img {vertical-align:top;}
p.link-img {
	float:right;
	padding:1px 11px 0 11px;
}
p.link-img a {display:block;}