html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #54614a; font-family: Georgia, Timew New Roman, serif; background: #eaf2db 50% 50% fixed url('body_bg.gif'); text-align: center;}
img {border: 0;}
.flag{display:block;float:left;width:16px;height:11px;line-height:11px;font:1px monospace;background-image:url(/design/flags_matrix.png);margin:6px 4px 2px 0;}
.flag.UA{background-position:-336px -11px;}
.flag.US{background-position:-336px -209px;}
.flag.UK{background-position:-112px -22px;}
a {color: #00a2ad;}
a.direct {text-decoration: none; border-bottom: 1px dashed; cursor: hand; cursor: pointer;}
a:hover, a:active {color: #e65a37;}
img, div, td, table, a {behavior: url('/scripts/iepngfix.htc')}
.nobr {white-space: nowrap;}
p {font-size: 100%; padding: 0; margin: 0 0 1em 0; line-height: 1.8em;}
/*.date {margin-bottom: 0; font-size: 83%; color: #800900; font-style: italic;}*/
.prelist {margin-bottom: 0.3em;}
.also {margin-top: 1.5em;}
.service {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 65%; color: #8f8f8f; margin: 0;}
.names {font-size: 70%; margin: 0;}
.small {font-size: 80%;}
ul, ol {font-size: 100%; padding: 0; margin: 0 0 1em 0; line-height: 1.7em;}
ul li {list-style: none; margin: 0 0 0.3em 35px; padding-left: 15px; background: no-repeat 0 0.7em url('li.gif');}
ol li {margin: 0 0 0.3em 35px;}
li p, li ul, li ol {font-size: 100%;}
ul.small {color: #95a389; font-size: 75%;}
h1 {color: #749a53; font-size: 100%; margin: 2.4em 0 0.8em 0; font-style: italic; text-transform: uppercase; letter-spacing: 0.1em; text-align: center;}
h1 span, h1 a:active, h1 a.on {text-decoration: none; color: #749a53; border-top: 1px solid #749a53; border-bottom: 1px solid #749a53; padding: 0.15em 0 0.2em 0;}
h1 a {padding: 0.15em 0 0.2em 0;}
h2 {color: #e65a37; font-size: 80%; margin: 2.4em 0 0.8em 0; font-style: italic; text-transform: uppercase; letter-spacing: 0.1em; text-align: center;}
h2 span {border-top: 1px solid #e65a37; border-bottom: 1px solid #e65a37; padding: 0.15em 0 0.2em 0;}
h3 {color: #749a53; font-size: 80%; margin: 1.2em 0 0.4em 0; text-align: center; line-height: 1.8em;}
h3 a:active, h3 a.on {text-decoration: none; color: #e65a37;}
h4 {font-size: 90%; color: #8f8f8f; margin: 0 0 0.6em 0;}
.first {margin-top: 0.2em;}
.tab {padding-bottom: 1em; margin-bottom: 2em; background: no-repeat 50% 100% url('divider.gif');}
table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.simple {margin-bottom: 1em; border-bottom: 1px solid #fff;}
table.simple th {text-align: left; padding: 0 2em 0.6em 0; border-bottom: 1px solid #979fa5; font-style: italic; font-size: 80%;}
table.simple td {padding: 0.6em 2em 0.6em 0; border-bottom: 1px dashed #979fa5; border-top: 1px dashed #979fa5; font-size: 80%;}
table.simple td p {font-size: 100%; margin: 0;}
table.spec {width: 107%; margin: 1.6em 0 1em -1em; border-right: 1px solid #fafaf5;}
table.spec td {color: #95a389; font-size: 75%; padding: 0 2em 1em 1em; border-right: 1px solid #95a389; vertical-align: top;}
table.spec ul {margin: 0 0 -2.5em 0;}
table.spec ul li {background: none; padding: 0; margin: -0.4em 0 1.5em 0;}
table.rates {width: 100%; margin: 1em 0; border-bottom: 1px solid #fafaf5;}
table.rates td, table.rates th {font-size: 80%; padding: 0.5em 2em 0.5em 0; border-bottom: 1px dotted #95a389;}
table.rates th {font-style: italic; font-weight: normal; color: #95a389;}
form {margin: 0; border: 1px dotted #95a389; padding: 1em;}
form table {margin: 0; width: 100%; position: relative;}
form td {font-size: 80%; padding: 0.5em 1em; vertical-align: top;}
td.field {width: 100%;}
td.half-field {width: 50%;}
td.half-field input {width: 70%;}
td.btn {width: 100%; text-align: center;}
td.btn div {background: #e65a37; display: inline; padding: 2px;}
.star {position: absolute; margin-left: -1em; color: #e93e00;}
span.error {color: #e93e00;}
input, select, textarea {font-size: 100%; font-family: Georgia, Timew New Roman, serif; margin: 0; width: 95%;}
input.error, textarea.error {border: 2px solid #e93e00;}
input.btn {cursor: pointer; cursor: hand; width: auto; padding: 0.5em; background: #e65a37; color: #fff; font-weight: bold; border: 1px solid #fff; text-transform: uppercase; letter-spacing: 0.1em;}
.checkbox {width: auto;}
.spacer {float: left;}
.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: both;}
#zoom_screen {z-index: 5; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('zoom_bg.gif');}
*body #zoom_screen {position: absolute; left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLef ) + 'px'); top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}
#zoomed_div {position: absolute; left: 50%; top: 50%; background: #fff url('zoom_loading.gif') no-repeat center; cursor: hand; cursor: pointer;}
#zoomed_photo {margin: 8px;}
#zoom_x {z-index: 6; position: absolute; top: 16px; right: 16px; width: 16px; height: 16px;}
p.counter {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 2.45em 0; font-size: 110%; color: #8f8f8f; line-height: 2em;}
p.counter a, p.counter a:visited, p.counter a:active {padding: 2px 7px 3px 7px; color: #8f8f8f;}
p.counter a:hover {color: #ebc33f;}
p.counter strong {color: #fff; font-weight: normal; background: #ebc33f; padding: 2px 7px 3px 7px;}
#chooser {margin: -0.45em 0 2.45em 0;}
#chooser p {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 110%; color: #8f8f8f; line-height: 2.45em; margin: 0;}
#chooser p#chooser_mm {font-size: 70%; margin-top: 0.5em;}
#chooser a, #chooser a:visited, #chooser a:active {padding: 2px 7px 3px 7px; color: #8f8f8f;}
#chooser a:hover {color: #47c933;}
#chooser strong {color: #fff; font-weight: normal; background: #47c933; padding: 2px 7px 3px 7px;}
#chooser strong a, #chooser strong a:visited, #chooser strong a:active {color: #fff; padding: 0;}
#header {position: relative; width: 680px; height: 345px; margin-bottom: 40px; text-align: center;}
#rso_logo {position: relative; margin-top: 37px; width: 160px; height: 126px;}
#rso_tagline {position: relative; margin-top: 16px; width: 390px; height: 57px;}
#header h1 {position: relative; font-size: 70%; margin: 13px 0 0 0; font-style: normal; font-weight: normal;}
#language {position:relative; width: 75px; top: 7px; margin: auto;}
#language h1 {float: left; position: relative; font-size: 120%; margin: -3px 0 0 4px; font-style: normal; font-weight: bold;}
#language #flag_en {float: left; opacity: 0.5; -moz-opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
#language #flag_ru {float: right; margin-top: -1px; opacity: 0.5; -moz-opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
#language #flag_en:hover {opacity: 1; -moz-opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
#language #flag_ru:hover {opacity: 1; -moz-opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
#menu {position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; height: 38px; border-top: 1px solid #749a53; border-bottom: 2px solid #749a53;}
#menu td.bullet {width: 20%; background: no-repeat 50% 50% url('menu_bullet.gif');}
#menu a, #menu strong {display: block; margin: 14px 10px; background-repeat: none; background-position: 0 0; height: 11px;}
#menu strong, #menu strong a, #menu a:hover {background-position: 0 100%;}
#menu #about {width: 70px; background-image: url('menu_about.gif');}
#menu #suites {width: 48px; background-image: url('menu_suites.gif');}
#menu #services {width: 68px; background-image: url('menu_services.gif');}
#menu #reservations {width: 104px; background-image: url('menu_reservations.gif');}
#menu #faq {width: 27px; background-image: url('menu_faq.gif');}
#menu #contacts {width: 74px; background-image: url('menu_contacts.gif');}
#menu #about_ru {width: 63px; background-image: url('menu_about_ru.gif');}
#menu #suites_ru {width: 93px; background-image: url('menu_suites_ru.gif');}
#menu #services_ru {width: 47px; background-image: url('menu_services_ru.gif');}
#menu #reservations_ru {width: 100px; background-image: url('menu_reservations_ru.gif');}
#menu #faq_ru {width: 33px; background-image: url('menu_faq_ru.gif');}
#menu #contacts_ru {width: 64px; background-image: url('menu_contacts_ru.gif');}
#menu strong a {margin: 0;}
#menu a img {width: 100%; height: 100%;}
#splash {position: relative; width: 680px; height: 408px; margin: -10px 0 35px 0; }
#content_wave_t {position: relative; width: 100%; height: 25px; background: repeat-x 50% 0 url('content_wave_t.gif');}
#content {position: relative; width: 100%; background: #fafaf5; }
.title {width: 680px; border: 1px solid #fafaf5;}
.title h1 {display: block; margin: 20px 0; width: 178px; height: 79px;}
.title#title_welcome h1 {background: no-repeat url('title_welcome.gif');}
.title#title_about h1 {background: no-repeat url('title_about.gif');}
.title#title_suites h1 {background: no-repeat url('title_suites.gif');}
.title#title_services h1 {background: no-repeat url('title_services.gif');}
.title#title_reservations h1 {background: no-repeat url('title_reservations.gif');}
.title#title_faq h1 {background: no-repeat url('title_faq.gif');}
.title#title_contacts h1 {background: no-repeat url('title_contacts.gif');}
.title#title_welcome_ru h1 {background: no-repeat url('title_welcome_ru.gif');}
.title#title_about_ru h1 {background: no-repeat url('title_about_ru.gif');}
.title#title_suites_ru h1 {background: no-repeat url('title_suites_ru.gif');}
.title#title_services_ru h1 {background: no-repeat url('title_services_ru.gif');}
.title#title_reservations_ru h1 {background: no-repeat url('title_reservations_ru.gif');}
.title#title_faq_ru h1 {background: no-repeat url('title_faq_ru.gif');}
.title#title_contacts_ru h1 {background: no-repeat url('title_contacts_ru.gif');}
.title h1 span {display: none;}
#map {width: 360px; height: 360px; margin: 1em 0 2em 0;}
#txt {width: 680px; text-align: left; padding-bottom: 25px;}
#txt h1 {text-decoration: none; color: #749a53;margin: 0px; padding: 2.4em 0 0.8em 0;}
#photos {width: 700px; margin: 2.5em 0;}
#photos a {float: left; display: block; width: 120px; height: 90px; background-repeat: no-repeat; margin: 0 20px 20px 0;}
#photos a img {width: 120px; height: 90px;}
#paintings {position: relative; width: 680px; height: 800px; margin-top: 2em;}
.painting {position: absolute; width: 150px;}
#da_vinci {top: 0; left: 4%;}
#van_gogh {top: 20px; left: 41%;}
#picasso {top: 13px; right: 0%;}
#monet {top: 220px; left: 7%;}
#renoir {top: 205px; left: 43%;}
#raphael {top: 245px; right: 5%;}
#rembrandt {top: 420px; left: 0;}
#michaelangelo {top: 405px; left: 38%;}
#dali {top: 445px; right: 0%;}
#cezanne {top: 630px; left: 30%;}
a.frame {display: block; margin: 0; background-repeat: none; background-position: 0 0;}
a.frame:hover {background-position: 0 100%;}
#da_vinci a.frame {width: 112px; height: 143px; background-image: url('painting_da_vinci.jpg');}
#van_gogh a.frame {width: 141px; height: 113px; background-image: url('painting_van_gogh.jpg');}
#picasso a.frame {width: 112px; height: 143px; background-image: url('painting_picasso.jpg');}
#monet a.frame {width: 122px; height: 123px; background-image: url('painting_monet.jpg');}
#renoir a.frame {width: 141px; height: 113px; background-image: url('painting_renoir.jpg');}
#raphael a.frame {width: 122px; height: 123px; background-image: url('painting_raphael.jpg');}
#rembrandt a.frame {width: 141px; height: 113px; background-image: url('painting_rembrandt.jpg');}
#michaelangelo a.frame {width: 112px; height: 143px; background-image: url('painting_michaelangelo.jpg');}
#dali a.frame {width: 141px; height: 113px; background-image: url('painting_dali.jpg');}
#cezanne a.frame {width: 141px; height: 113px; background-image: url('painting_cezanne.jpg');}
.painting p {font-size: 75%; margin: 0 0 0 12px;}
span.special_offer {color: red; font-weight:bold;}
#content_wave_b {position: relative; width: 100%; height: 25px; background: repeat-x 50% 0 url('content_wave_b.gif');}
#columns {position: relative; width: 680px; padding-top: 50px; background: no-repeat 50% 33px url('bullet.gif');}
#headlines {float: left; width: 280px;}
#suites {float: right; width: 280px;}
.column_title {width: 280px; height: 70px; background: no-repeat url('column_title.gif');}
.column_title img {margin-top: 29px;}
.column_content {border-left: 2px solid #749a53; border-right: 2px solid #749a53; border-bottom: 2px solid #749a53;}
.column_content div {margin: 0 2px 2px 2px; border-left: 1px solid #749a53; border-right: 1px solid #749a53; border-bottom: 1px solid #749a53; padding-bottom: 1em;}
.column_content#column_suites div {padding-top: 15px;}
.column_content#column_suites a {display: block; width: 120px; height: 90px; background-repeat: no-repeat; margin-top: 15px;}
.column_content img {width: 120px; height: 90px;}
.column_content p {font-size: 75%; padding: 25px 30px; text-align: left; margin: 0;}
.column_content#column_suites p {padding-top: 5px;}
.column_content#column_suites p a {display: inline; width: auto; height: auto; margin: auto;}
img.border_dotted {width: 124px; height: 3px; background: repeat-x url('border_dotted.gif'); border: none; margin: 0 0 0 -9px;}
#LiveSupport {margin: 20px auto;}
#LiveSupport img {width: 160px !important; height: 60px !important;}
#netpeak {clear: both; position: relative; width: 680px; padding-top: 80px; background: no-repeat 50% 33px url('bullet.gif');}
#netpeak h1 {color: #54614a; font-size: 75%;}
#netpeak p {font-size: 75%;}
#netpeak strong {font-weight: normal;}
#footer {position: relative; width: 680px; height: 320px; margin-top: 20px; border-top: 1px solid #749a53;}
#footer div {margin-top: 2px; border-top: 2px solid #749a53;}
#footer img {margin: 45px 0 40px 0;}
div#footer_txt {border: none; margin: 0;}
div#footer_left {width: 320px; float: left; text-align: right; border: none; margin: 0;}
div#footer_right {width: 320px; float: right; text-align: left; border: none; margin: 0;}
#footer p {font-size: 75%;}
.sh1 {color: #749a53; font-size: 100%; margin: 2.4em 0 0.8em 0; font-style: italic; text-transform: uppercase; letter-spacing: 0.1em; text-align: center;}
.sh1 span, .sh1 a:active, .sh1 a.on {text-decoration: none; color: #749a53; border-top: 1px solid #749a53; border-bottom: 1px solid #749a53; padding: 0.15em 0 0.2em 0;}
.sh1 a {padding: 0.15em 0 0.2em 0;}
.title .sh1 {display: block; margin: 20px 0; width: 178px; height: 79px;}
.title#title_welcome .sh1 {background: no-repeat url('title_welcome.gif');}
.title#title_about .sh1 {background: no-repeat url('title_about.gif');}
.title#title_suites .sh1 {background: no-repeat url('title_suites.gif');}
.title#title_services .sh1 {background: no-repeat url('title_services.gif');}
.title#title_reservations .sh1 {background: no-repeat url('title_reservations.gif');}
.title#title_faq .sh1 {background: no-repeat url('title_faq.gif');}
.title#title_contacts .sh1 {background: no-repeat url('title_contacts.gif');}
.title#title_welcome_ru .sh1 {background: no-repeat url('title_welcome_ru.gif');}
.title#title_about_ru .sh1 {background: no-repeat url('title_about_ru.gif');}
.title#title_suites_ru .sh1 {background: no-repeat url('title_suites_ru.gif');}
.title#title_services_ru .sh1 {background: no-repeat url('title_services_ru.gif');}
.title#title_reservations_ru .sh1 {background: no-repeat url('title_reservations_ru.gif');}
.title#title_faq_ru .sh1 {background: no-repeat url('title_faq_ru.gif');}
.title#title_contacts_ru .sh1 {background: no-repeat url('title_contacts_ru.gif');}
.title .sh1 span {display: none;}
#header .sh1 {position: relative; font-size: 70%; margin: 13px 0 0 0; font-style: normal; font-weight: normal;}
#language .sh1 {float: left; position: relative; font-size: 120%; margin: -3px 0 0 4px; font-style: normal; font-weight: bold;}
.strong td { font-weight: bold; }
.hidden { display: none;}