div, p, ul, ol, li, dl {
	zoom: 1;
}

.png {filter:expression(fixPNG(this));}

a.self {
	border-bottom: 1px dashed;
	text-decoration: none;
}

.icon {
	background: url("icons.png") no-repeat;
	overflow: hidden;
	position: absolute;
}

.pseudo_link {
	border-color: #008B72;
    color: #008B72;
}

#reserve {
    font-style: italic;
	left: auto !important;
	right: 0;
}

#reserve.keep_back {
    right: -5000px;
}


#layout div.footnote_left {
	font-size: 100%;
	font-style: italic;
	position: relative;
	margin-right: 0;
	width: auto;
	float: none;
	left: 0;
}
#layout div.footnote_left div {
	margin-left: 0;
}

#layout #reserve {
    font-size: 118%;
	font-style: normal;
}

#layout div.footnote_left p.coin i {
    background: url("icons.png") 0 -300px no-repeat;
}


#content div.main {
	float:none;
	left:0;
	margin:0;
	padding-left:0;
	position:relative;
	width:100%;
}

#layout {
	background: url("bg_back.jpg") top center no-repeat;
	margin: 0 auto;
}

#content {
	font-size: 0.85em;
	padding-top: 86px;
	position: relative;
	overflow: hidden;
}

#header {
	height: 150px;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#header .phone {
    position: absolute;
}

#header .text {
	left: 55%;
	margin: 0 0 0 75px;
	position: relative;
	top: 21px;
	width: 21%;
}

#hotel, #hotel_hover, #hotel_hover_listener {
	left: 6px;
	//left: 5px;
	margin: 0 auto 50px auto;
	padding: 55px 0 0 2px;
	position: relative;
	height: 738px;
	width: 466px;
}

#hotel .bg_back {
	background: url("hotel.png") top center no-repeat;
	position: absolute;
	height: 793px;
	width: 390px;
	top: 0;
	left: 0;
}

#hotel .bg_back {
	background-image: url("hotel_back.png");
	display: none;
	width: 466px;
}

#hotel .hotel_top {
	background: url("hotel_top.jpg") 0 0 no-repeat;
	width: 374px;
	height: 87px;
}

#hotel .hotel {
	background: url("hotel.jpg") 0 0 no-repeat;
	width: 377px;
	height: 651px;
}

.addition_back {
	background: transparent 0 0 no-repeat;
	width: 306px;
	height: 85px;
	bottom: -16px;
	left: -165px;
	position: absolute;
	z-index: 2;
}

#hotel .addition {
	display: none;
}

#hotel img {
	display: block;
}

#hotel_hover div {
	height: 1200px;
	width: 463px;
	left: -34px;
	outline: none;
	position: absolute;
}

#hotel_hover div a {
	background: url("interiors.jpg") -10000px -10000px no-repeat;
	cursor: pointer;
	left: 34px;
	position: absolute;
	top: 15px;
	filter: alpha(opacity=100);
}


#silhouette_1, #silhouette_2 {
	background: url('/f/1/silhouette.jpg') no-repeat;
	height: 80px;
	left: -532px;
	//left: expression(parentNode.offsetWidth % 2 ? '-534px' : '-533px');
	margin: 0 0 0 50%;
	position: absolute;
	top: 733px;
	width: 1082px;
}

#silhouette div {
	height: 80px;
	width: 1082px;
	position: absolute;
}

.silhouette_1 {
	/*clip: rect(0 1081px 80px 0);*/
}
.silhouette_2 {
	background-position: 0 -101px !important;
	/*clip: rect(100px 1081px 180px 0);
	margin-top: -100px;
	top: -100px;*/
}
.silhouette_3 {
	background-position: 0 -201px !important;
	/*clip: rect(200px 1081px 280px 0);
	margin-top: -210px;
	top: -210px;*/
}
.silhouette_4 {
	background-position: 0 -301px !important;
	/*clip: rect(300px 1081px 380px 0);
	margin-top: -308px;
	top: -308px;*/
}


#rooms {
	top: 110px;
	position: absolute;
	left: 6%;
	width: 20%;
}

#rooms .icon {
	bottom: 100%;
	left: -10px;
	width: 64px;
	height: 64px;
}

#history {
	left: 80%;
	position: absolute;
	top: 80px;
	width: 15%;
}

#history .icon {
	background-position: 0 -70px;
	width: 68px;
	height: 32px;
	bottom: 100%;
	left: 3em;
	margin: 0 0 7px 0;
}

#history .history {
	margin-left: 2em;
	position: relative;
}

#news {
	float: left;
	margin: 0 6%;
	width: 30%;
	--margin-left: 3%;
}

#news h3 {
	font-style: italic;
	position: relative;
}

#news h3 .icon {
	background-position: 0 -110px;
	bottom: 100%;
	left: -31px;
	width: 51px;
	height: 60px;
}

#about_hotel {
	float: left;
	font-size: 118%;
	//float: none;
	left: -22%;
	margin-left: 50%;
	padding: 15px 0 0 0;
	position: relative;
	width: 44%;
}

#about_hotel h2 {
	display: none;
}

#footer {
	clear: both;
	min-width: 900px;
}

#contacts {
	background: #ffffff;
	color: #000000;
	left: -6.5em;
	margin: 0 0 0 50%;
	position: absolute;
	text-align: center;
	top: -3em;
	width: 13em;
	font-size: 1.1em;
	font-family: Times, serif;
	line-height: 1.2;
}

#contacts p a {
	color: #cf9112;
	font-size: 1.1em;
}

#copyright {
	color: #636260;
	text-align: center;
}

#footer, #footer p, #contacts, #copyright, #artlebedev {
	zoom: 0;
}


/* BACK SIDE */
#hotel {
	left: -4px;
}

#hotel .bg_back {
	display: block;
}

#hotel .bg {
	display: none;
}

#hotel .hotel_top {
	background-image: url("hotel_back_top.jpg");
	width: 422px;
	height: 178px;
	margin-left: 40px;
}

#hotel .hotel {
	background-image: url("hotel_back.jpg");
	width: 454px;
	height: 559px;
	margin-left: 8px;
}

.addition_back {
	background-image: url("fence.png");
	display: block;
	width: 814px;
	height: 53px;
	left: -407px;
	margin: 0 0 0 50%;
	top: 858px;
}

#fog {
	background: url(fog.png) repeat-y;
	height: 906px;
	position: absolute;
	top: 0;
	width: 5000px;
	margin: 0 0 0 50%;
	left: -2500px;
	z-index: 5;
}


#ship_container {
	height: 0;
	margin: 0 0 0 50%;
	position: absolute;
	top: 906px;
	width: 50%;
	z-index: 1;
}
#ship {
	bottom: 0;
	left: -10000px;
	position: absolute;
	width: 218px;
	height: 270px;
	z-index: 1;
}
#ship div {position: absolute;}
#ship .ship_01, #ship .ship_02 {
	width: 100%;
}

.ru #ship{
	height: 409px;
	width: 1201px;
}
.ru #ship .ship_01, .ru #ship .ship_02 {height: 409px;}
.ru #ship .ship_01 {background: url('ship_ru_01.png') no-repeat;}
.ru #ship .ship_02 {background: url('ship_ru_02.png') no-repeat;}
.ru #ship .ship_03 {
	background: url('ship_ru_03.png') no-repeat;
	height: 28px;
	width: 129px;
	top: 357px;
	left: 951px;
}
.ru #ship .ship_04 {
	background: url('ship_ru_04.jpg') no-repeat;
	height: 89px;
	width: 164px;
	top: 296px;
	left: 673px;
}
.ru #ship .ship_05 {
	background: url('ship_ru_05.jpg') no-repeat;
	height: 89px;
    width: 287px;
	top: 296px;
	left: 383px;
}
.ru #ship .ship_06 {
	background: url('ship_ru_06.jpg') no-repeat;
	height: 70px;
    width: 241px;
	top: 315px;
	left: 138px;
}
.ru #ship .ship_07 {
	background: url('ship_ru_07.png') no-repeat;
	height: 24px;
    width: 1015px;
	top: 385px;
	left: 65px;
}
.ru #ship .flag, .ru #ship .flag div {
	height: 50px;
	width: 50px;
	position: absolute;
}
.ru #ship .flag {
	left: 766px;
	overflow: hidden;
	top: 30px;
}
.ru #ship .flag div {
	background: url('ru.png') no-repeat;
	height: 1200px;
}


.en #ship{
	height: 272px;
    /*width: 1807px;*/
    width: 1177px;
	overflow: hidden;
}
.en #ship .ship_01, .en #ship .ship_02 {height: 272px; width: 1807px; right: 0;}
.en #ship .ship_01 {background: url('ship_en_01.png') no-repeat;}
.en #ship .ship_02 {background: url('ship_en_02.png') no-repeat;}
.en #ship .flag, .en #ship .flag div {
	height: 40px;
	width: 39px;
	position: absolute;
}
.en #ship .flag {
	left: 328px;
	overflow: hidden;
	top: 182px;
}
.en #ship .flag div {
	background: url('en.png') no-repeat;
	height: 960px;
}

.de #ship{
	height: 355px;
    width: 1738px;
	overflow: hidden;
}
.de #ship .ship_01, .de #ship .ship_02 {height: 355px;}
.de #ship .ship_01 {background: url('ship_de_01.png') no-repeat;}
.de #ship .ship_02 {background: url('ship_de_02.png') no-repeat;}
.de #ship .flag, .de #ship .flag div {
	height: 50px;
	width: 48px;
	position: absolute;
}
.de #ship .flag {
	left: 695px;
	overflow: hidden;
	top: 127px;
}
.de #ship .flag div {
	background: url('de.png') no-repeat;
	height: 1200px;
}

.cz #ship{
	height: 364px;
    width: 257px;
}
.cz #ship .ship_01, .cz #ship .ship_02 {height: 364px;}
.cz #ship .ship_01 {background: url('ship_cz_01.png') no-repeat;}
.cz #ship .ship_02 {background: url('ship_cz_02.png') no-repeat;}
.cz #ship .flag, .cz #ship .flag div {
	height: 60px;
	width: 60px;
	position: absolute;
}
.cz #ship .flag {
	left: -6px;
	overflow: hidden;
	top: 240px;
}
.cz #ship .flag div {
	background: url('cz.png') no-repeat;
	height: 1441px;
}


#rooms {
	left: 80%;
	width: 15%;
	z-index: 6;
}

#rooms .icon {
	background-position: 0 -300px;
}

#layout div.footnote_left div.text {
	font-style: normal;
    width: auto;
}

#layout div.footnote_left div.text p {
	padding-top: 0;
}

#about_hotel .icon {
	background-position: 0 -370px;
	height: 51px;
	width: 81px;
	right: 100%;
	margin: -15px 25px 0 0;
}

#turn_hotel {
	font-style: italic;
	position: relative;
	text-align: center;
	top: -10px;
}

#turn_hotel a {
	display: inline-block;
    position: relative;
}

#turn_hotel a .icon {
	background-position: 0 -450px;
	cursor: pointer;
    height: 12px;
	width: 31px;
	margin: -6px 0 0 -37px;
	top: 50%;
}
#turn_hotel a:visited .icon {background-position: 0 -530px;}
#turn_hotel a:hover .icon {background-position: 0 -490px;}
#reserve ins.gal_close {left:auto;right:21px;top:-3px;}
#reserve {margin-right:-52px;margin-top:-3px;right:100%;}
a.pseudo_link:hover {border-color:#d84e0a !important;}
div.reserve a.reserve i {background: url("icons.png") 0 -300px no-repeat;}



#hotel_hover div {
	height: 300px;
	width: 416px;
	left: -34px;
	outline: none;
	position: absolute;
}

#hotel_hover div a {
	background: url("interiors_back.jpg") -10000px -10000px no-repeat;
	cursor: pointer;
	left: 34px;
	position: absolute;
	top: 15px;
	filter: alpha(opacity=100);
}

#hotel_hover div a.hover {
	cursor: pointer;
	zoom: 1;
}

#hotel_hover a span.number {
	background: url("../numbers.png") no-repeat;
	height: 510px;
	margin-left: 50%;
	left: -45px;
	position: absolute;
	visibility: hidden;
	width: 90px;
}

#hotel_hover div span.decor {
	background: url("numbers_decor_back.png") no-repeat;
	height: 300px;
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 416px;
}

/*#hotel a:hover span,*/
#hotel_hover div.selected span {
	visibility: visible !important;
}

#hotel_hover .n_5_3 {
	clip: rect(0 463px 147px 0);
	left: 87px;
	top: 125px;
	height: 141px;
	width: 463px;
}
#hotel_hover .n_5_3 a, #hotel_hover_listener .n_5_3 {
	height: 116px;
	width: 333px;
}
#hotel_hover .n_5_3 a.hover {
	background-position: 0 0;
}


#hotel_hover .restaurant {
	clip: rect(147px 395px 275px 0);
	margin-top: -147px;
	left: -22px;
	top: 579px;
}
#hotel_hover .restaurant a, #hotel_hover_listener .restaurant {
	width: 311px;
	top: 162px;
	left: 34px;
	height: 97px;
}
#hotel_hover .restaurant a.hover {
	background-position: 0 -130px;
}

#hotel_hover .n_5_3 span.number {
	clip: rect(460px 90px 506px 0);
	top: -425px;
}

#hotel_hover, #hotel_hover_listener {
	left: 50%;
	margin: 0 0 0 -238px;
	position: absolute;
	top: 86px;
	z-index: 1;
}

#hotel_hover_listener {
    z-index: 7;
}

#hotel_hover_listener a {
    position: absolute;
}

#hotel_hover_listener .n_5_3{
	left: 121px;
	top: 140px;
}
#hotel_hover_listener .restaurant{
	left: 12px;
	top: 594px;
}

#random_link a { white-space:nowrap; }
