/*
reset.css
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,list,div,title,text,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.prices {position: absolute; top: 60px; left: 35px;}
	/* debugs */
.low, .high, .peak{position: absolute; top: 350px; font-family: Arial, Helvetica, sans-serif; font-size:10px;}

.low {left:40px;}
.high {left:250px;}
.peak {left:510px;}
.sgreen {border-bottom: 2px solid #b7ff58;}
.sorange {border-bottom: 2px solid #feff55;}
.sred {border-bottom: 2px solid #ffba71;}

.sgreen, .sorange, .sred, .included{font-weight: bold;}

.included {font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
.divincluded {position:absolute; top: 65px; left:720px; font:Arial, Helvetica, sans-serif; font-size:10px;}
body { height:100%; font:100%/100% Arial, Helvetica, sans-serif; backgroung-color:#EBEBEB;}

#page { position:absolute; top:0; bottom:0; _bottom:auto; left:0; right:0; background-color:#ebebeb; min-width:930px; _width:100%;}

/* Panel Styles */
.sectionred { border-top:1px solid #ff0000;}
.sectionorange { border-top:1px solid #ff9900;}
.sectionyellow { border-top:1px solid #fefa4c;}
.sectiongreen { border-top:1px solid #009900;}
.sectionblue { border-top:1px solid #1028ef;}
.sectionpurple { border-top:1px solid #ff38f4;}
.onlinebookings { top:0px;  margin-left:350px; margin-top:-10px;}
.sectionred, .sectionorange, .sectionyellow, .sectiongreen, .sectionblue, .sectionpurple{background-color:#ffffff; position:relative;}

.panel {
	width:86px;
	height:21px;
	position:relative;
}
.panel .stripred {background:#ff0000;}
.panel .striporange {background:#ff9900;}
.panel .stripyellow {background:#fefa4c;}
.panel .stripgreen {background:#009900;}
.panel .stripblue {background:#1028ef;}
.panel .strippurple {background:#ff38f4;}

.panel, .stripred, .striporange, .stripyellow, .stripgreen, .stripblue, .strippurple{width:86px; height:5px; position:absolute; top:0; left:0; z-index:102; font-size:0;line-height:0}


.panel .name { height:15px; text-indent:-5000px; width:86px; position:absolute; top:5px; left:0; font:12px/12px Arial, Helvetica, sans-serif; color:#7f7f7f; z-index:11; cursor:pointer;}
.stage { position:absolute; text-decoration:none; font:normal; top:0px; height:100%; _height:420px; width:930px; z-index:0; overflow:hidden;}

.collapsed { height:35px;}


.photoframe {top: 80px;}
.textwelcome {top: 70px;}

.photoframe, .textwelcome{position: absolute; left: 50px;}


/* specific styles for the nav items */
.navzones.hover .selected .navarticles { display:none; }

.navzones { list-style:none; position:absolute; top:12px; left:105px; width:824px; z-index:999; }
.navzones li { float:left; padding:0 0 0 11px; border-left:1px solid black;}
.navzones li a { width:80px; height:15px; overflow:hidden; display:block; cursor:pointer; float:left; font:12px/12px Arial, Helvetica, sans-serif; color:#636363; padding:0 11px 0 0; background-position:0 top; background-repeat:no-repeat; text-indent:-5000px;}
.navzones li.selected a,
.navzones li a:hover { background-position:0 -15px; }

/* need to attach a javascript handler too */
.navzones li.hover .navarticles { z-index:100; display:block; }
.navzones li.selected .navarticles { z-index:999; display:block; }
.navzones li.selected.hover .navarticles,
.navzones li.selected-hover .navarticles { z-index:100; display:block !important; }
.navzones li.selected .navarticles li { color:black; }

/*.navzones li:hover { color:#f2730b !important; }*/

.navzones li ul.navarticles { width:100%; list-style:none; position:absolute; top:15px; left:0px; _left:-10px; display:none; }
.navzones li ul.navarticles li { border:0; }
.navzones li ul.navarticles li a { text-indent:0; background-image:none; border:0; display:inline; font:11px/13px Arial, Helvetica, sans-serif;; color:#636363; padding:12px 8px 0 0; width:auto; }
.navzones li ul.navarticles li a:hover,
.navzones li ul.navarticles li.selected a {color:#f2730b; }
.navzones li ul.navarticles li:first-child { padding-left:0; }
.navzones li ul.navarticles li.selected { color:#f2730b !important; }

/* specific styles for the nav items */
.navzones .first { border-left:0; padding-left:0;}
.navzones .welcome_guesthouse {  background-image:url(../media/images/nav/prices.gif); width:57px; }
.navzones .welcome {  background-image:url(../media/images/nav/questions.gif); width:114px; }
.navzones .rates { background-image:url(../media/images/nav/ambiance.gif); width:89px; }
.navzones .included { background-image:url(../media/images/nav/qa.gif); width:130px; }
.navzones .ambiance { background-image:url(../media/images/nav/ambiance.gif); width:86px; }
.navzones .virtual_tour { background-image:url(../media/images/nav/visit.gif); width:65px; }
.navzones .bookonline { background-image:url(../media/images/nav/book.gif); width:172px; }
.navzones .welcome_sauna { background-image:url(../media/images/nav/welcomesauna.gif); width:72px; }
.navzones .infosauna { background-image:url(../media/images/nav/sauna.gif); width:72px; }
.navzones .infogym { background-image:url(../media/images/nav/gymnasium.gif); width:72px; }
.navzones .infopool { background-image:url(../media/images/nav/pool.gif); width:94px; }
.navzones .wfacilities { background-image:url(../media/images/nav/facilities1.gif); width:55px; }
.navzones .restaurant { background-image:url(../media/images/nav/restaurant.gif); width:70px; }
.navzones .bar { background-image:url(../media/images/nav/bar.gif); width:20px; }
.navzones .sundeck { background-image:url(../media/images/nav/sundeck.gif); width:100px; }
.navzones .diving { background-image:url(../media/images/nav/diving.gif); width:120px; }
.navzones .boat { background-image:url(../media/images/nav/boat.gif); width:100px; }
.navzones .contactus { background-image:url(../media/images/nav/contactus.gif); width:67px; }
.navzones .findus { background-image:url(../media/images/nav/findus.gif); width:46px; }
.navzones .meetus { background-image:url(../media/images/nav/meetus.gif); width:45px; }
.navzones .message { background-image:url(../media/images/nav/message.gif); width:160px; }

.stage .prev { width:20px; cursor:pointer; height:20px; display:block; background:url(../media/images/prev_next.gif) left top no-repeat; z-index:101; position:absolute; left:16px; top:45%; }
.stage .prev:hover { background-position:left -20px; }
.stage .next { width:20px; cursor:pointer; height:20px; display:block; background:url(../media/images/prev_next.gif) left -40px no-repeat; z-index:101; position:absolute; right:0; top:45%; }
.stage .next:hover { background-position:left -60px; }

#portfolio .panel .name { background: url(../media/images/nav/portfolio.gif) left -15px no-repeat;  }
#facilities .panel .name { background: url(../media/images/nav/facilities.gif) left -15px no-repeat;  }
#contact .panel .name { background: url(../media/images/nav/contact.gif) left -15px no-repeat; }
#sauna .panel .name { background: url(../media/images/nav/expertise.gif) left -15px no-repeat; }
#massages .panel .name { background: url(../media/images/nav/organization.gif) left -15px no-repeat;  }
#blog .panel .name { background: url(../media/images/nav/facts.gif) left top no-repeat; }
#portfolio.collapsed .panel .name,
#sauna.collapsed .panel .name,
#facilities.collapsed .panel .name,
#contact.collapsed .panel .name,
#massages.collapsed .panel .name { background-position:left top; }
#blog .client { position:absolute; background:url(../media/images/vvisit.gif) left top no-repeat; width:86px; height:15px; left:700px; top:10px; z-index:101;}
#blog .client:hover { background-position:0 -15px; }
#blog .client span { display:none; }
#blog .newslettersignup { cursor:pointer; position:absolute; background:url(../media/images/newslettersignup.gif) left top no-repeat; width:107px; height:15px; left:330px; top:10px; z-index:101;}
#blog .newslettersignup:hover { background-position:0 -15px; }
#blog .newslettersignup span { display:none; }
#blog .booking {
	position:absolute;
	left: 300px;
	top:5px;
	width: 24px;
	height: 20px;
}
#blog .webcam {position:absolute; left: 630px; top:5px;}
a:link {
	color: #000000;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
body {
	background-color: #ebebeb;
}
#imgsauna, #photosauna, #txtsauna, #descsauna, #saunaprices, #titlesauna, #titlerooms, #titlerooms5, #titlerooms6, #book, #txtsauna1, #imgsauna1, #find, #imggym, #txtgym1, #imgpool1, #imgmassages, #titlemassages, #txtmassages, #restophoto, #staffphoto, #wall{position:absolute; z-index: 1;}
#txtsauna, #descsauna, #titlesauna, #titlerooms, #titlerooms5, #titlerooms6, #book, #txtsauna1, #titlegym, #txtgym1, #titlemassages, #txtmassages, #messagetitle{left: 40px;}
#txtsauna, #titlesauna, #titlerooms, #titlerooms5, #titlerooms6, #book, #titlegym, #titlemassages, #stafftitle, #messagetitle{font-weight:normal; font-size:29px; line-height:1.2em; margin-bottom:5px; color:#979797;}
#imgsauna {
	left:100px;
	top:350px;
	width:69px;
	height:40px;
}
#photosauna {
	left:607px;
	top:130px;
	width:45px;
	height:57px;
}
#txtsauna {
	width:583px;
}
#txtsauna, #titlesauna, #titlegym{top:40px; height:36px;} 
#descsauna {
	top:75px;
	width:540px;
	height:29px;
}
#saunaprices {
	left:100px;
	top:140px;
	width:600px;
	height:300px;
	font-weight:normal;
	line-height:1.2em;
	padding-bottom:10px;
	list-style-image:url(img/dot.jpg);
	list-style-position:inside;
}
#saunaprices, #included1, #address, #apDiv121, #apDiv123{font-size:11px;}
#titlesauna, #titlerooms, #titlerooms5, #titlerooms6, #book{width:729px;}
#titlerooms, #titlerooms5, #titlerooms6, #titlemassages{height:36px;}
#titlerooms {
	top:50px;
}
#titlerooms5, #titlerooms6{top:-350px;}
#book {
	top:-300px;
	height:236px;
}
#txtsauna1 {
	top:75px;
	width:540px;
	height:29px;
}
#imgsauna1 {
	left:220px;
	top:130px;
	width:135px;
	height:51px;
}
#titlegym {
	width:1500px;
}
#find {
	left:30px;
	top:90px;
}
#imggym {
	left:60px;
	top:100px;
	width:500px;
	height:300px;
}
#txtgym1 {
	top:75px;
	width:940px;
	height:29px;
}
#imgpool1 {
	left:80px;
	top:140px;
	width:135px;
	height:51px;
}
#imgmassages {
	left:0px;
	top:220px;
	width:141px;
	height:39px;
}
#titlemassages {
	top:25px;
	width:700px;
}
#txtmassages {
	top:80px;
	width:680px;
	height:29px;
}
#txtmassages, #txtgym1, #txtsauna1, #descsauna{text-align:justify; font-size:11px; line-height:1em;}
#massagesprices {
	left:430px;
	top:330px;
	width:141px;
	height:39px;
	z-index:2;
}
#included1 {
	left:720px;
	top:155px;
	width:275px;
	height:22px;
	list-style:inside;
	line-height:14px;
	list-style-image:url(img/check.png);
	font-family: Arial, Helvetica, sans-serif;
	color:#202020;
}
#included1, #imgvisit, #apDiv5, #txtambiance, #dive1, #downdive, #barphoto, #facilitiesphoto{z-index:11;}
#include {
	top:65px;
	width:auto;	
}
#include2 {
	top:130px;
	width:90px;
}
#include, #include2{position:absolute; left:720px; height:15px; z-index:12; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold ; border-bottom: 2px dotted #333333;}
#imgvisit {
	left:705px;
	top:320px;
	width:54px;
	height:21px;
}
#address {
	top:120px;
	width:400px;
	height:300px;
}
#name {
	top:100px;
	width:471px;
	height:28px;
	font-size:13px;
	color:#FF6600;
	font-weight:bold;
}
#name, #address{left:45px; z-index:11;}
#apDiv120 {
	top:100px;
	width:138px;
	height:63px;
}
#apDiv121 {
	top:120px;
	width:500px;
	height:400px;
	list-style:inside;
	list-style-image:url(img/dot.jpg);
}
#apDiv122 {
	top:250px;
	width:446px;
	height:96px;
	font-size:13px;
}
#apDiv122, #apDiv120{font-size:13px; font-weight:bold; font-stretch:extra-expanded; color:#FF6600;}
#apDiv123 {
	top:270px;
	width:455px;
	height:125px;
	list-style:none;
}
#apDiv120, #apDiv121, #apDiv122, #apDiv123{position: absolute; left: 500px; z-index: 2;}
#apDiv1 {
	left:220px;
	width:185px;
}
#apDiv2 {
	left:520px;
	width:178px;
}
#apDiv1, #apDiv2{position:absolute; top:295px; height:18px; z-index:2; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; border-bottom: 2px dotted #333333;}
#apDiv3 {
	padding: 0px;
	margin: 0px;
	left:220px;
	top:320px;
	width:300px;
}
#apDiv4 {
	left:520px;
	top:320px;
	width:250px;
}
#apDiv3, #apDiv4{position:absolute; height:100px; z-index:2; list-style:inside ; list-style-image:url(../../dot1.gif); font-size:11px; line-height:1.2em;}
#apDiv5, #photosambiance, #txtambiance, #dive1, #dive2, #txtdive, #downdive, #barphoto, #bartxt, #facilitiesphoto, #facilitiestxt, #bardown, #bardowntxt, #boattxt, #boatphoto, #restotxt, #restodown, #restodownimg, #stafftxt, #staffmore, #stafftitle, #messagemore, #message, #messagetitle, #titlegym, #massagesprices, #included1, #imgvisit, #address, #name{position: absolute;}
#apDiv5 {
	left:374px;
	top:93px;
	width:88px;
	height:31px;
}
#photosambiance {
	left:45px;
	top:-310px;
	width:29px;
	height:35px;
}
#txtambiance, #txtdive, #bartxt, #facilitiestxt, #boattxt {text-align:justify; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
#txtambiance {
	left:290px;
	top:-300px;
	width:610px;
	height:49px;
}
#dive1 {
	width:53px;
	height:26px;
}
#dive2 {
	left:120px;
	top:340px;
	width:300px;
	height:44px;
	vertical-align:text-top;
}
#txtdive {
	left:400px;
	top:100px;
	width:500px;
	height:28px;
	z-index:13;
}
#downdive, #bardowntxt{width:auto; height:17px; border-bottom: 2px solid; border-bottom-color:#FF0000; font-size:13px;}
#downdive {
	left:160px;
	top:345px;
}
#barphoto {
	width:141px;
}
#barphoto, #bartxt, #facilitiesphoto, #facilitiestxt{height:32px;}
#bartxt {
	left:300px;
	top:95px;
	width:500px;
}
#facilitiesphoto {
	width:141px;
}
#facilitiestxt {
	left:270px;
	top:95px;
	width:500px;
}
#bardown {
	left:55px;
	top:340px;
	width:37px;
	height:32px;
	z-index:13;
}
#bardowntxt {
	left:95px;
	top:345px;
	z-index:14;
}
#boattxt {
	left:560px;
	top:100px;
	width:340px;
	height:32px;
	z-index:19;
}
#boatphoto {
	width:69px;
	height:39px;
}
#boatphoto, #facilitiestxt, #bartxt, #dive2, #photosambiance{z-index:12;}
#boatmore {
	top:330px;
}
#boatmore2 {
	top:370px;
}

#boatmore, #boatmore2{position:absolute; left:220px; width:auto; height:17px; z-index:13; border-bottom: 2px solid; border-bottom-color:#FF0000; font-size:13px;}
#restophoto {
	width:40px;
	height:30px;
}
#boatphoto, #restophoto, #dive1, #barphoto, #facilitiesphoto{left:45px; top:90px;}
#restotxt {
	left:290px;
	top:95px;
	width: 500px;
	height:300px;
}
#restodown {
	left:110px;
	top:375px;
}
#restodownimg {
	left:70px;
	top:370px;
	width:38px;
	height:21px;
	z-index:4;
}
#staffphoto {
	left:45px;
	top:-360px;
	width:33px;
	height:15px;
}
#stafftxt {
	left:655px;
	top:-305px;
	width:200px;
	height:10px;
}
#stafftxt, #restotxt{font-size:12px; font-family: Arial, Helvetica, sans-serif; z-index:2;}
#staffmore {
	left:660px;
	top:-35px;
}
#staffmore, #restodown{width:auto; height:17px; z-index:3; border-bottom: 2px solid; border-bottom-color:#FF0000; font-size:13px;}
#stafftitle {
	left:650px;
	top:-355px;
	width:200px;
	height:16px;
}
#messagemore {
	top:30px;
}
#message {
	top:20px;
}
#messagemore, #message{left:10px; width:auto; z-index:3;} 
#messagetitle {
	top:25px;
	width:500px;
	height:16px;
}
#messagetitle, #stafftitle, #titlegym{z-index:30;}
#wall {
	left:150px;
	top:60px;
	width:800px;
	height:200px;
}
.style1 {
	color: #666666;
}
.style3 {
	color: #FF0000;
}
.style1, .style3{font-weight: bold; font-size: 12px;}

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
}
a:visited {
	color: #000;
}
.test {
	position:absolute;
	list-style-type: disc;
	top: 320px;
	left: 470px;
	list-style-position: outside;
	font:100%/1.2em "Arial Neue Light", Arial, Helvetica, sans-serif;
 	font-weight:normal;
	font-size:12px;
	line-height:1.2em;
	margin-bottom:5px;
	color:#000000;
}
#page #blog .onlinebookings #frmCheckAvailability td tbody tr td fieldset table tr td table tr td table tr td .bottompage.style7 strong {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}
#page #blog .onlinebookings #frmCheckAvailability td tbody tr td fieldset table tr td table tr td table {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}
#page #blog .onlinebookings #frmCheckAvailability fieldset table tr td table tr td table tr td .bottompage.style7 strong {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}