

div { margin:0; padding:0;}
.clear { clear:both; height:0;}
.fl { float:left;}
.fr { float:right;}
ul { margin:0px; padding: 0; }
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
img {border:0;}
a:focus {outline:none;}
form {margin:0; padding:0;}
.clear {height:0px; clear:both;}
li {list-style-image: url(../img/arrow1.png);}

html { height:100%; font: 12px Verdana, Arial, Helvetica, sans-serif;}
body { height:100%; min-height:100%; width:100%; margin:0; padding:0; background: #005F8C url(../img/beckground-texture.gif) 50% 0 repeat-y;}
html > body {height:100%; width:100%; margin:0; padding:0;}
.wrapper { position: relative; min-height:100%; height:100%; width:995px; margin:0 auto; background:transparent;}
body > .wrapper {height:100%; width:995px; min-width:995px; height:auto;}

.header { height:379px; position: relative; left:0; top:0; width:995px; background:transparent;}
.header_top { height:82px; position:absolute; top:0; left:0; width:995px; }
.header_logo { position:absolute; top:0; left:100px; background:url(../img/logo_shadow.png) left top no-repeat; width:166px; height:150px; z-index:20;}
.header_logo img { margin-left:15px;}
.header_contacts {position: absolute; padding-left:26px; height:20px; background: transparent url(../img/contacts_bg.jpg) 4px 4px no-repeat; right: 40px; top: 49px; z-index: 50;}
.header_contacts a {font:11px/20px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight:bold; text-decoration:none;}
.header_contacts a:hover {text-decoration:underline;}
.header_flags {position: absolute; padding-left:26px; height:25px; right: 200px; top: 45px; z-index: 50;}
.header_flash { width:995px; height:219px; position:absolute; top:70px; left:0; background: transparent url(../img/flash_shadow.png) left top no-repeat; z-index:10;}
.header_flash_holder { height:194px; width:972px; margin-left:9px; margin-top:14px;}
.header_main_menu_bg { width:968px; padding-left:0px; position:absolute; top:280px; left:7px; height:32px; border-left: 4px solid #447fa1; border-right: 4px solid #447fa1; background: url(../img/navigation-background.jpg) 50% 0 repeat-y; }
.header_main_menu { width:984px; padding-left:7px; position:absolute; top:280px; left:0; height:32px; z-index:50 }
.header_main_menu ul li {display:inline; list-style-type: none;}
.header_main_menu ul li a {font:10px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none; height:32px; line-height:32px; display:block; float:left;}

.header_main_menu ul li > a:hover, .header_main_menu ul li > a.current { 
	background: transparent url(../img/menu_hover_bg.png) top left repeat-x;
}

.header_second_menu { height:31px; position:absolute; top:312px; left:7px; width:976px; background:url(../img/horisontal_line.jpg) left top repeat-x; border-top: 2px solid #baa262; border-bottom: 1px solid #00142a;}
.home_link { font-size: 11px; float:left; font-weight: bold; margin-top:10px; margin-left: 0px; padding-left: 21px; background: transparent url(../img/arrow1.png) 6px 5px no-repeat; }
.second_link {font-size: 11px; color: #fff; float:left; margin-top:10px;}
.home_link a, .second_link a { color: #fff; text-decoration: none;}
.header_second_menu_shadow { height:33px; position:absolute; top:346px; left:7px; width:968px; background:url(../img/shadow_in_content.gif) left top repeat-x; border-left: 4px solid #447fa1; border-right: 4px solid #447fa1;}

.content_inner { width:968px; margin-left:7px; padding-bottom:75px; background: #3A88AE url(../img/content-texture.gif) repeat; border-left: 4px solid #447fa1; border-right: 4px solid #447fa1;}
.footer {height:66px; width:100%; margin-top:-66px; z-index:30; position:relative;}
.footer_inner {height:66px; margin:0 auto; width:995px;}
.footer_inner_center {width:976px; /*height:78px;*/ margin-left:7px; background: transparent url(../img/horisontal_line.jpg) left bottom repeat; border-top: 2px solid #baa262;}
.footer_inner_center_shadow {width:968px; height:33px; margin-left:7px; background: transparent url(../img/shadow_in_content_bottom.gif) left bottom repeat-x; border-left: 4px solid #447fa1; border-right: 4px solid #447fa1;}
.copyright { float:left; font:10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin-top:12px; margin-left:20px;}
.created_by { float:right; font:10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin-top:12px; margin-right:20px;}
.created_by a { text-decoration:none; color:#FFFFFF;}
.created_by a:hover { text-decoration:underline;}
#footer_main_menu {float:left; width: 800px; text-align: center;}
#footer_main_menu ul {margin-top:9px;}
#footer_main_menu ul li{display:inline; list-style-type: none;color: #FFFFFF; font:10px Verdana, Arial, Helvetica, sans-serif;}
#footer_main_menu ul li a {font:10px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;text-decoration:none;}
#footer_main_menu ul li > a:hover, #footer_main_menu ul li > a.current {color: #97bed0;}


#flashLeft { float: left; width:520px; height:194px; }
#flashMiddle { float: left; width:150px; height:194px; border-left: 2px solid #fff; }
#flashRight { float: left; width:298px; height:194px; border-left: 2px solid #fff; }

.content_left {float: left;width: 200px;}
.content_right {width: 750px; float: left;}
.current_page{ margin-top: 20px; background: transparent url(../img/crown.jpg) left 2px no-repeat; color: #fff; padding-left: 35px; height: 15px; font: bold 12px bold Verdana, Arial, Helvetica, sans-serif; }
.content_text{ color: #fff; margin-top: 18px; line-height: 20px;}
.img_navigation {width:750px; float:right; color:#fff; margin-top:18px;}
.img_link { float:left; padding-left:7px; width:180px; height:145px; }
.img_link span {margin-left:20px; font-weight:bold;}
.img_link a img {margin:15px 0 0 24px;  border: 2px solid #baa262;}
.accommodation_link:link {color: #FFFFFF; text-decoration: none}
.accommodation_link:visited {color: #FFFFFF; text-decoration: none}
.accommodation_link:active {color: #FFFFFF; text-decoration: none}
.accommodation_link:hover {color: #FFFFF; text-decoration: none}
.content_text div.attractions_left { padding-left:35px; float:left; width: 350px}
.content_text div.attractions_right {float:right;width: 350px}
.content_text div.left { padding-left:35px; float:left; width: 238px}
.content_text div.middle {float:left;width: 238px}
.content_text div.right {float:right;width: 238px}
.content_text * a { color: #fff; text-decoration: none;}
.content_text * a:hover { text-decoration: underline;}
.content_text ul {margin-left:16px;}
.content_text div h4 {font-weight:bold; margin-bottom:8px; font-size:12px;}
.content_text .par {padding-left: 3em;}
.content_text ul.acc {padding-left: 4em;}

table.rates {width:95%; font-size:12px; font-weight: bold; }
table.rates tr th {background-color: #65bbe4; color: #0a3355;}
table.rates tr th span {font-size: 10px; line-height: 14px;}
table.rates tr td {background-color: #0877ac; height:32px; text-align:center;}
table.rates tr.odd td {background-color: #268dbe;}
.content_text ul.rates li {line-height: 16px;}

.content_text_left {float:left;}
.content_text_left ul li .name {font-weight: bold;}
.content_text_left ul li * {font-size:12px; line-height: 14px;}
.content_text_left ul li h3 {font-weight: bold;}
.content_text_left ul li a {text-decoration: underline; color: #fff;}
.content_text_left ul li a:hover {text-decoration: none;}
.content_text_left ul li p {padding:3px 0; margin:0;}

.content_text_right {float:right; padding-right: 50px;}
.content_text_right ul li .name {font-weight: bold;}
.content_text_right ul li * {font-size:12px; line-height: 14px;}
.content_text_right ul li h3 {font-weight: bold;}
.content_text_right ul li a {text-decoration: underline; color: #fff;}
.content_text_right ul li a:hover {text-decoration: none;}
.content_text_right ul li p {padding:3px 0; margin:0;}
h3.form_title {font-size:12px; line-height: 14px; font-weight: bold; margin-bottom: 45px;}

.textfield, .numberfield, .datefield, .captchafield, .textarea, .selectfield {height:16px; width: 235px; margin-bottom: 10px; border: 1px solid #9ddaf7;}
.captchafield {width: 60px;}
.textarea {height: 115px;}
.button {border: none; color: #0a3355; background-color: #97d5f2; cursor: pointer;}

form.contacts .button {margin-top: 20px; }

form.reservation .textfield, form.reservation .textarea {width: 235px;}
form.reservation .datefield {width: 130px; cursor: pointer;}
form.reservation .numberfield {width: 130px;}
form.reservation .selectfield {width: 300px; height:auto;}
form.reservation .button {margin-top: 20px; margin-bottom: 30px; margin-right: 100px;}
form.reservation .captchafield {margin-left: 44px;}
form.reservation div.leftr {width: 400px;}

div.message {z-index:50; position: absolute; padding-right:2px; right:11px; text-align:right; width:400px; border-top: 1px solid red; border-bottom: 1px solid red; }

div#banner_top_content{
	float:right;
	width:250px;
	height: 100px;
	margin-right:-22px;
	background-color: #005F8D;
}

div.content_text div.files_info{
	margin-bottom: 30px;
}
div.content_text h2.file_title{
	font-size: 12px;
	font-weight: bold;
	margin-bottom:10px;
}
div.content_text div.file_file_description{}
div.content_text ul.file_link{
	margin-top:10px;
}

a#web_design_text{
	/*float:right;*/
	font-family:Verdana;
	font-size:10px;
	color: #fff;
	text-decoration: none;
	margin:10px auto;
	display: block;
	width:200px;
	text-align: center;
	
}
a#web_design_text img{
	border: none;
	margin-left:10px;
	position:relative;
	vertical-align:middle;
}

.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(default/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(default/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(default/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(default/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}                                                    



#newsContainer{
	height:270px;
	width:180px;
	position: relative;
	background-color: #005F8D;
	border-right:4px solid #447FA1;
	border-bottom:4px solid #447FA1;
}
#newsText {
	position:absolute;
	z-index:1;
}

#arrow_nowhere{
	width: 100%;
	height: 30%;
	height: 82px;
	position:relative;
}
#arrow_up, #arrow_down{ 
	width: 100%;
	height: 25%;
	height: 67px;
	position:relative;
}
#arrow_uper, #arrow_downer{ 
	width: 100%;
	height: 10%;
	height: 27px;
	position:relative;
}

#navigations{
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
	width: 100%;
	height: 100%;
	border-collapse:0px;
	border-spacing:0px;
	table-layout: fixed;
	empty-cells: show;
	border:0px;
}

#navigations tr td, #navigations tr td div{
	padding: 0px;
	margin:0px;
	border:0px;
}

#news {
	height:260px;
	width:170px;
	position:absolute;
	padding:5px;
	z-index:1;
	overflow:hidden;
	color: #fff;
	text-indent: 10px;
}

#news_header{
	background: transparent url(../img/horisontal_line.jpg) repeat-x scroll left top;
	border-bottom:1px solid #00142A;
	border-top: 2px solid #BAA262;
	color: #fff;
	text-align: center;
	height: 30px;
	width: 188px;
	margin-left:-4px;
	line-height: 30px;
}

.news_title{
	font-size:11px;
	text-indent: 0px;
}

.news_date{
	text-align:left;
	font-size:8px;
	font-style:italic;
}
.news_content{
	margin-top: 4px;
	margin-bottom: 15px;
	font-size:10px;
	text-align:left;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
