@import url('yui-reset.css');

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(loading.gif);color:#fff}
a{text-decoration:none;color:#09F;outline:0}
a:hover{text-decoration:none;color:#0CF;outline:0}
/* img{display:block} */
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:relative;top:0;left:0;z-index:70;overflow:auto; }


.box{margin: 0px auto;width: 760px;}
.large{text-align:right;top:20%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:180px;font-size:13px}
.white{color:#fff}



/* original css  ################################################################### */
h1{font-size:24px}
#title .title{font-size:30px;padding-top:7px;}
/* Lets use the * html hack so only IE6 reads the rule */
* html #title .title{font-size:30px;padding-top:7px;}
h2{font-size:20px}
h3{font-size:30px}
h6{color:#FFF;}
#title .title2{font-size:20px;padding-top:3px;}
#text h1{padding-bottom:10px;}



#title{text-align:center}

/* navigation */
#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #999967; /*#078ccb;*/
	
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
#navigation .offers {
	color: #97004b;
}
#navigation li {
	display: inline;
}
#navigation a:link, #navigation a:visited { 
	padding: 3px 18px 3px 18px; 
	color: #FFFFFF;
	background-color: #771515; /* #999967; */
	text-decoration: none;
	border: 1px solid #ffffff;
}
#navigation a:hover {
	color: #FFFFFF;
	background-color: #5bd2f8;
}

#botnav {
	padding: 2px;
	text-align: center;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: #5bd2f8;
	border-top-color: #5bd2f8;
	border-top-style: solid;
	border-top: 1px;
}
#subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-weight: bold;
	margin-left: 183px;
	line-height: 18px;
}

li     {
	color: #FFFFFF;
	text-align: center;
	list-style: none;
	line-height: 18px;
	margin: 0px;
}

#lp {
	width: 170px;
	float: left;
	top: auto;
	margin-top: 10px;
	}



#lp ul {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	margin: 0px;
}
#lp li {
	border-bottom: 1px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #fff;
}
#lp li a:link, #lp li a:visited  {
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
}
#lp li a:hover {
	background-color: #0033CC;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#text   {

	font-size: 12px;
	text-align: left;
	line-height: 18px;
	margin-right: 2px;
	margin-left: 190px;
	padding: 0px 0px 2px 4px;
	width: 535px;
	height: 100%;
	margin-right: 14px;
	margin-top: 10px;
	line-height: 20px;
	right: auto;
	min-height:350px;
	}

#text img {  
	background-color: #ffffff;
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: 5px 5px 5px 5px;
		}
#text .comment{}
#text .guest{text-align:right;padding-bottom:5px;}

#sisterhotels{text-align:center;}
#footer{text-align:center; 
background-image:url(images/bk2.png); }

#overlay2{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background-color:#000;
  opacity: 0.5;
  -moz-opacity: 0.5; /* older Gecko-based browsers */
  filter:alpha(opacity=50); /* For IE6&7 */
}

#wrapper {
  position: relative;
  width: 760px; /* remember to set a width */
}
.content {
  position: relative;
}

/* Lets use the * html hack so only IE6 reads the rule */
* html #wrapper #overlay2 {
  height: expression(document.getElementById("wrapper").offsetHeight);
}

 .calendar { z-index: 400; }