/* USE THIS CSS FILE FOR MENUS AND FORMS ETC. */

/*-------------------------------------------------------------------------------- IMAGE POPUPS --*/
.border_preview{
	z-index:			100;
	position:			absolute; 
	background: 		#4f5c77;
	border: 			2px solid #ced8df;
}
#loader_container {
	color:				#fff;
}
a.thumbs{
    position:			relative; 
    z-index:			24;
	background-color:	#4F5C77;
	text-decoration:	none
}
a.thumbs:hover{z-index:25; background-color:#e1e1e1}
a.thumbs span{display: none}
a.thumbs:hover span{
    display:			block;
    position:			absolute;
    top:				10px; 
	left:				10px;
    background-color:	#4F5C77;
	padding: 			2px;
}
/*-------------------------------------------------------------------------------- FORM ELEMENTS --*/

input, select{
	color:						#4C738C;
	font:						11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:						1px solid #CED8DF;
}


/*-------------------------------------------------------------------------------- MENU ELEMENTS --*/
#topNav {
	padding:			0;
	margin: 			0;
	height:				36px;
}
#topNav li  {
	list-style:			none;	
	padding:			0;
	margin: 			0;
	display:			inline;
	float:				left;
}








#navHome a, #navHome a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_homeOff.gif);
	width:				61px;
	height:				36px;
	display:			block;
}
#navHome a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_homeOn.gif);
	width:				61px;
	height:				36px;
	display:			block;	
}
#navRooms a, #navRooms a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_roomsOff.gif);
	width:				126px;
	height:				36px;
	display:			block;
}
#navRooms a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_roomsOn.gif);
	width:				126px;
	height:				36px;
	display:			block;	
}
#navFunctions a, #navFunctions a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_functionsOff.gif);
	width:				85px;
	height:				36px;
	display:			block;
}
#navFunctions a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_functionsOn.gif);
	width:				85px;
	height:				36px;
	display:			block;	
}
#navArea a, #navArea a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_areaOff.gif);
	width:				81px;
	height:				36px;
	display:			block;
}
#navArea a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_areaOn.gif);
	width:				81px;
	height:				36px;
	display:			block;	
}
#navRates a, #navRates a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_ratesOff.gif);
	width:				60px;
	height:				36px;
	display:			block;
}
#navRates a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_ratesOn.gif);
	width:				60px;
	height:				36px;
	display:			block;	
}
#navGallery a, #navGallery a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_galleryOff.gif);
	width:				70px;
	height:				36px;
	display:			block;
}
#navGallery a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_galleryOn.gif);
	width:				70px;
	height:				36px;
	display:			block;	
}
#navAbout a, #navAbout a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_aboutOff.gif);
	width:				115px;
	height:				36px;
	display:			block;
}
#navAbout a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_aboutOn.gif);
	width:				115px;
	height:				36px;
	display:			block;	
}

#navBook a, #navBook a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_bookOff.gif);
	width:				104px;
	height:				36px;
	display:			block;
}
#navBook a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_bookOn.gif);
	width:				104px;
	height:				36px;
	display:			block;	
}

#navGuest a, #navGuest a:visited {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_guestOff.gif);
	width:				92px;
	height:				36px;
	display:			block;
}
#navGuest a:hover {
	background-repeat:	no-repeat;
	background:			url(/images/static/nav/b_guestOn.gif);
	width:				92px;
	height:				36px;
	display:			block;	
}