@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #281a33;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#nav {
	height:56px;
	width:980px;
	position:relative;
	
	}
#nav ul {
	
	list-style:none;
	padding: 40px 0px 0px 0px;
	text-align:right;
	
}
#nav li {
	float:right;
	text-indent:-50000px;
	overflow:hidden;
	margin: 0 0px 0 0px;
	}
#nav a {
	display:block;
	text-decoration:none;
}
#hotel_btn a {
	width:43px;
	height:30px;
	background: url(../images/hem_button.png) no-repeat top left;
	border:0;
	color:#281a33;
	margin-right:15px;
}
#hotel_btn a:hover {
	width:43px;
	height:30px;
	background: url(../images/hem_button.png) no-repeat bottom left;
	border:0;
	color:#281a33;
	margin-right:15px;
}

#room_btn a {
	width:86px;
	height:30px;
	background: url(../images/rum_button.png) no-repeat top left;
	border:0;
	color:#281a33;
	margin-right:15px;
	
}
#room_btn a:hover {
	width:86px;
	height:30px;
	background: url(../images/rum_button.png) no-repeat bottom left;
	border:0;
	color:#281a33;
	margin-right:15px;
}

#dine_btn a {
	width:101px;
	height:30px;
	background: url(../images/paket_button.png) no-repeat top left;
	border:0;
	margin-top:3px;
	color:#281a33;
margin-right:15px;
	
}
#dine_btn a:hover {
	width:101px;
	height:30px;
	background: url(../images/paket_button.png) no-repeat bottom left;
	border:0;
	margin-top:3px;
	color:#281a33;
margin-right:15px;
	
}


#mettings_btn a {
	width:109px;
	height:30px;
	
	background: url(../images/even_button.png) no-repeat top left;
	border:0;
	color:#281a33;
	margin-right:15px;
}
#mettings_btn a:hover {
	width:109px;
	height:30px;
	
	background: url(../images/even_button.png) no-repeat bottom left;
	border:0;
	color:#281a33;
	margin-right:15px;
}
#surr_btn a {
	width:73px;
	height:30px;
	background: url(../images/hitta_button.png) no-repeat top left;
	border:0;
	color:#281a33;
	margin-right:15px;
}
#surr_btn a:hover {
	width:73px;
	height:30px;
	background: url(../images/hitta_button.png) no-repeat bottom left;
	border:0;
	color:#281a33;
	margin-right:15px;
	
}
#contact_btn a {
	width:119px;
	height:30px;
	background: url(../images/kontakt_button.png) no-repeat top left;
	border:0;
	color:#281a33;
	margin-right:15px;
}
#contact_btn a:hover {
	width:119px;
	height:30px;
	background: url(../images/kontakt_button.png) no-repeat bottom left;
	border:0;
	color:#281a33;
margin-right:15px;
	
}


#about_btn a {
	width:105px;
	height:30px;
	background: url(../images/om_button.png) no-repeat top left;
	border:0;
	color:#281a33;
margin-top:3px;
	
}
#about_btn a:hover {
	width:105px;
	height:30px;
	background: url(../images/om_button.png) no-repeat bottom left;
	border:0;
	color:#281a33;
margin-top:3px;
	
}


#gallery {
	height:361px;
	width:980px;
	background-image:url(../images/bg_start.jpg);
	
	margin-left:0px;
	}
	
#galley_holder {
	height:154px;
	width:320px;
	width:435px;
	float:left;
	overflow:hidden;
	
}
#slider_holder {
	width:18px;
	width:60px;
	height:156px;
	overflow:hidden;
	margin-left:314px;
	background-color:#281a33;
	overflow:hidden;
	position:absolute;
	z-index:2;
}
#upper_holder {
	height:73px;
	min-width:320px;

	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#upper_image_holder {
	min-width:320px;
	
	height:73px;
	
}
#upper_image_holder a {
	float:left;
	margin-right:2px;
}
#upper_image_holder img {
	border:0;
}

#under_holder {
	height:73px;
	min-width:320px;
	margin-top:-5px;
	overflow:hidden;
	position:relative;
	z-index:1;
}

#under_image_holder {
	overflow:hidden;
	height:73px;
	color:red;
}
#under_image_holder a {
	float:left;
	margin-right:2px;
}
#under_image_holder img {
	border:0;
}


#middle_holder {
	margin-left:30px;
	height:150px;
	width:300px;
	float:left;
	border: 1px solid #FFF;
	margin-left:-86px;
	overflow:hidden;
	position:relative;
	z-index:3;
	background-color:#281a33;
	cursor:pointer;
}
#right_holder {
	margin-left:20px;
	height:150px;
	width:306px;
	float:left;
	border: 1px solid #FFF;
	overflow:hidden;
	cursor:pointer;
}

.oneColFixCtrHdr #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #281a33;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #281a33;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:20px;
	
}

#booking {
	font-size:8pt;
	color:#FFF;
	opacity:0.0;
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
}

#maininfo {
	opacity:0.0;
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	font-size:8pt;	
	color:#010101;
	background-color:#FFF;
	height:336px;
	width:453px;
	position:absolute;
	margin-top:25px;
	margin-left:25px;
	overflow:hidden;
	z-index:333;
}


#maininfo td{
font-size:9pt;	
color:#010101;
}
#maininfo p {
font-size:9pt;	
color:#010101;
}
#content_div {
	min-height:330px;
	width:388px;
	margin-right:20px;
	margin-left:20px;
	font-size:10pt;	
	float:left;
}
#content_div p {
font-size:9pt;	
color:#010101;
}


#content_div h1 {
font-size:9pt;	
color:#010101;
}
#content_div a {
color:#cea622;
}
#content_div span a {
color:#cea622;
}
#main_header {
margin-top:6px;
margin-bottom:1px;
}
#slide_holder2 {
width:20px;
height:336px;

float:right;
}
#real_footer
{

font-size:8pt;
font-weight:bold;
color:#fff;
margin-top:9px;
text-align:center;
width:980px;
height:22px;
overflow:hidden;
margin-bottom:10px;
}
#real_footer a
{
text-decoration:none;
color:#FFF;
}
#real_footer p
{
line-height:2px;
}
#langc
{
position:relative;margin-left:814px;font-size:8pt;
color:#fff;
margin-bottom:-20px;
}

#langc a
{
text-decoration:none;
color:#FFF;
}
#langc a:hover
{
text-decoration:underline;
color:#FFF;
}


.oneColFixCtrHdr #header {
	background: #281a33;
	margin-top:20px;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #010101;
	border: 1px solid #FFF;
	margin-top:20px;
	height:361px;
	width:978px;
	background-image:url(../images/big_bg.jpg);
	overflow:hidden;
}
.oneColFixCtrHdr #footer {
	margin-top:10px;
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#281a33;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}