html,body{width:100%;height:100%;overflow:hidden;border:0;margin:0;padding:0;}

/*For making the background size*/
.scaler{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:#093457; background-image:url(img/load.gif); background-position:center; background-repeat:no-repeat;display:table}
.scaler div{position:absolute;left:0;top:50%;width:100%;zoom:1}
.scaler > div{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
.scaler img{margin:0 auto;display:block;min-height:50%;min-width:50%;-ms-interpolation-mode:bicubic}
*:first-child+html .scaler img{position:relative;top:-50%} /*Fix IE7*/
*:first-child+html .scaler div{position:absolute;top:50%;height:auto} /*Fix IE7*/
* html .scaler img{height:50%;position:relative;top:-50%} /*Fix IE6*/


/*Footer navigation*/
.scaler-nav{
position:absolute;
top:16px;
left:10px;
overflow:hidden;
text-align:center;
z-index:10;
list-style:none;
margin:0px;
padding:0px;
height:51px;
}


/*Floating next/previous button navigation*/
.scaler-float{position:absolute;top:-99px;left:-99px;z-index:9;width:40px;height:20px;background:url(scaler-float.gif) 0 0;display:block;outline:none}
.scaler-next{background-position:-40px 0} /*both {options:css}-next and {options:css}-prev is class names the script uses*/

/*Example of alternative body-element, since the body is covered with the scaling image*/
#body{
position:absolute;
top:0;
left:0;
z-index:2;
width:100%;
height:100%;
overflow:auto;
}
#topbar {
position: absolute;
z-index:3;
top:0px;
height: 75px;
width: 100%;
}
.logo {
padding-top:30px;
margin-left:auto;
margin-right:auto;
width:900px;
}
#menubar {
position: absolute;
z-index: 4;
top:70px;
height: 30px;
width: 100%;
background-color:#34b0f3;
}
.navigation {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#083358;
margin-left:auto;
margin-right:auto;
width:900px;
text-align:right;
}
.navigation ul {
padding-top:10px;
margin:0;
} 
 
.navigation ul li {
display:inline;
padding-right:2px;
padding-left:14px;
} 
.navigation ul li a {
color:#ffffff;
text-decoration:none;
} 
.navigation ul li a:hover {
color:#083358;
}
#photodiv {
position: absolute;
z-index:5;
top:100px;
height: 500px;
width: 100%;
}
.photo {
margin-left:auto;
margin-right:auto;
width:900px;
}
#bookingbar {
position:absolute;
z-index:6;
top:500px;
left:0;
width:100%;
height:50px;
background-color:#ffffff;
filter:alpha(opacity=40);   
-moz-opacity: 0.70;  
-khtml-opacity: 0.7; 
opacity: 0.70;
}
#bookingbar2 {
position:absolute;
z-index:5;
top:550px;
left:0;
width:100%;
height:30px;
background-color:#068be0;
filter:alpha(opacity=70);   
-moz-opacity: 0.70;  
-khtml-opacity: 0.7; 
opacity: 0.70;
}
#booking {
	position: relative;
	left:0;
	z-index: 6;
	width: 100%;
top:550px;
}
.bookingdv {
width:900px;
margin-left:auto;
margin-right:auto;
height:30px;
}
.resfields {
padding-right:10px;
padding-top:5px;
}
.resselect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color:#3d3d3d;
	border: 1px solid #033259;
	font-size: 11px;
}
.resinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color:#3d3d3d;
	border: 1px solid #033259;
    font-size: 11px;
	padding:2px;
 }
 .resbook {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #033259;
	color:#99d6f6;
	border: 1px solid #ffffff;
	letter-spacing:1px;
    font-size: 11px;
	font-weight:normal;
    cursor:hand;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	
}
.flags {
	padding-top:5px;
	text-align:right;
	padding-bottom:4px;
}
.flags td {
	padding-left:6px;
	text-align:right;
}
#description {
position:absolute;
z-index:4;
top:570px;
left:0;
width:100%;
}
h1 {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#34b0f3;
	padding-bottom:10px;
	margin:0;
	font-weight:normal;
	}
.clear {
line-height: 10px;
}
.text {
margin-left:auto;
margin-right:auto;
width:900px;
padding-top:25px;
padding-bottom:10px;
}
.texts {
width:570px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#eeeded;
line-height:15px;
}
.texts a {
text-decoration:none;
color:#d4c335;
}
.texts a:hover {
text-decoration:none;
color:#888888;
}
.img {
	border:1px solid #FFFFFF;
	}
.copyright {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8b959d;
	text-decoration: none;
	padding-top:25px;
}
.copyright a {
	color: #ffffff;
	text-decoration: none;
}

.copyright a:hover {
	color: #318397;
	text-decoration: none;
}

/*Styles for the rates table*/
.ratestable {
	width: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:20px;
}
.ratescorner {
	background-color: #0770b6;
}
.ratesheader {
	background-color: #0770b6;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
}
.ratesrooms {
	background-color: #0770b6;
	font-weight: normal;
	text-align:right;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}   
.ratesprices {
	background-color: #bae1fb;
	color: #333333;
	text-align: center;
}
.notes {
	font-weight: normal;
	color: #ffffff;
	font-weight: normal;
	padding: 5px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}	
.offers {
	color: #d4c22b;
	font-weight: bold;
	padding: 5px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}	
/* CONTACT FORM */

.formtd {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
padding-top:10px;
}
.formtd a {
text-decoration:none;
color:#d4c335;
}
.formtd a:hover {
text-decoration:none;
color:#888888;
}
.resselect2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color:#232323;
	border: 1px solid #0770b6;
	font-size: 11px;
}
.resinput2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f1f0f0;
	color:#232323;
	border: 1px solid #0770b6;
    font-size: 11px;
 }
 .textform {
padding-top:6px;
padding-bottom:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
 .textformtop {
padding-top:0px;
padding-bottom:1px;
width:50%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
.resbook2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #0770b6;
	padding:2px;
	color:#ffffff;
	border: 2px solid #cac35a;
    font-size: 11px;
    cursor:hand;
}


.gmap {
width:900px;
height:450px;
}
.scroll {
	height: 130px;
	padding-right:20px;
	overflow: auto;
	scrollbar-face-color:#0770b6;
	scrollbar-highlight-color:#082f50;
	scrollbar-shadow-color: #082f50;
	scrollbar-3dlight-color: #082f50;
	scrollbar-darkshadow-color: #082f50;
	scrollbar-arrow-color:#f2efe9;
	scrollbar-track-color:#082f50;
}
.gallerytd1{
padding-top:45px;
padding-right:20px;
}
.gallerytd2{
padding-top:45px;
}