html, body { height: 100%; }
body { text-align: center; background: #6b6e79 url(/images/blocks/bg_body.gif) left top repeat; margin: 0; padding: 0; }

body { behavior: url(/js/csshover.htc); }

.clearer { height: 1px; font-size: 1px; clear: both; overflow: hidden; }

#mainContainer { width: 940px; min-height: 100%; height: auto!important; height: 100%; text-align: left; background: #ffffff; margin: 0 auto; }

#header { width: 100%; margin: 0 0 2px 0; float: left; }
#header2 { width: 100%; height: 299px; margin: 0 0 2px 0; float: left; }
#langmenu { width: 100%; height: 36px; font-family: Tahoma, sans-serif; float: left; }
#langmenu a:link, #langmenu a:visited { height: 16px; font-size: 10px; color: #7d7d7d; text-decoration: none; background-position: left -16px; background-repeat: no-repeat; padding: 0 0 0 20px; margin: 0 10px 0 0; float: right; display: inline; }
#langmenu a:hover { color: #000000; background-position: left 0px; }
#langmenu .ua { background-image: url(/images/flags/ua.gif); }
#langmenu .ru { background-image: url(/images/flags/ru.gif); }
#langmenu .en { background-image: url(/images/flags/en.gif); }
#langmenu .act { color: #000000!important; background-position: left 0!important; }

#mainmenu { width: 100%; height: 36px; background: #c2c1c1 url(/images/menu/bg_mainmenu.gif) left top repeat-x; margin: 0 0 1px 0; float: left; }
/* level 1 */
#mainmenu ul { list-style: none; padding: 0; margin: 0; float: left; }
#mainmenu li { float: left; }
#mainmenu ul li.sub { position: relative; }
#mainmenu ul li .level1 { height: 36px; line-height: 36px; font-weight: bold; color: #000000; text-decoration: none; background: url(/images/menu/bg_mainmenu.gif) left top repeat-x; margin: 0 1px 0 0; padding: 0 10px; float: left; zoom: 1; }
#mainmenu ul li .level1:hover, #mainmenu ul li.act .level1 { color: #ffffff; background: url(/images/menu/bg_mainmenu.gif) left -36px repeat-x; }
/* level 2 */
#mainmenu ul li ul { width: 180px; border: 1px solid #dfdfdf; background: #ffffff; padding: 1px 0 0 0; display: none; position: absolute; top: 36px; left: 0px; z-index: 999;}

#mainmenu ul li:hover ul { display: block; }
#mainmenu ul li li { margin: 0px 1px 1px 1px; display: block; float: none!important; }
#mainmenu ul li li .level2 { color: #000000; text-decoration: none; background: #f3f3f3; padding: 7px 17px; display: block; zoom: 1; } 
#mainmenu ul li li .level2:hover { background: #b2b2b2; } 
#mainmenu ul li li.act .level2 { font-weight: bold; background: #b2b2b2 url(/images/bullets/bullet02.gif) 165px 12px no-repeat; } 



.img {margin:5px;}








ul#mainmenu {
        width:350px;
        margin: 0;
        border: 0 none;
        padding: 0;
        list-style: none;
        background: #003366;
        height: 30px;
        font: bold 12px/28px Verdana, Arial;
        border-left:#003366 1px solid;
}

ul#mainmenu li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 30px;
}

ul#mainmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 160px;
        list-style: none;
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
}

ul#mainmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul#mainmenu ul li {
        width: 150px;
        float: left;
        display: block !important;
        display: inline;
}

/* Main Menu */
ul#mainmenu a {
        border: 0px;
        padding: 0 10px;
        float: none !important;
        float: left;
        display: block;
        background: #003366;
        color: #FFFFFF;
        font: bold 12px/28px Verdana, Arial;
        text-decoration: none;
        height: auto !important;
        height: 1%;
}

/* Main Menu Hover */
ul#mainmenu a:hover,
ul#mainmenu li:hover a,
ul#mainmenu li.iehover a {
        background: #FFFFFF;
        color:#003366;
        border-top:#003366 1px solid;
}

/* Second Menu */
ul#mainmenu li:hover li a,
ul#mainmenu li.iehover li a {
        border-top: 2px solid #FFFFFF;
        float: none;
        background: #003366;
        color: #FFFFFF;
}

/* Second Menu Hover */
ul#mainmenu li:hover li a:hover,
ul#mainmenu li:hover li:hover a,
ul#mainmenu li.iehover li a:hover,
ul#mainmenu li.iehover li.iehover a {
        border-top: 2px solid #FFFFFF;
        background: #FFFFFF;
        color:#003366;
        border:#003366 1px solid;
}

ul#mainmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
}

ul#mainmenu li:hover ul ul,
ul#mainmenu li.iehover ul ul {
        display: none;
}

ul#mainmenu li:hover ul,
ul#mainmenu ul li:hover ul,
ul#mainmenu li.iehover ul,
ul#mainmenu ul li.iehover ul {
        display: block;
} 

#logo { width: 253px; background: #650000; float: left; clear: left; }
#logo2 { width: 253px; height: 132px; background: #650000; float: left; clear: left; }
#photo { width: 686px; background: #000000; float: right; }
#photo2 { width: 686px; height: 132px; background: #650000; float: right; }

#booking { width: 253px; height: 93px; background: #cecece; float: left; clear: left; overflow: hidden; position: relative; z-index: 1; }
#booking h5 { font-size: 11px; font-weight: bold; color: #000000; margin: 15px 80px 10px 10px; }
#booking .teaser { margin: 0 80px 0 10px; }
#booking .button { width: 56px; height: 93px; position: absolute; right: 15px; top: 0; z-index: 2; }
#booking .button a:link, #booking .button a:visited { width: 56px; height: 93px; background: url(/images/buttons/reservation.gif) left top no-repeat; display: block;}

#banners { width: 686px; height: 93px; float: right; clear: right; }
#banners .banner1 { width: 228px; height: 93px; background: #cecece; margin: 0 1px 0 0; float: left; overflow: hidden; position: relative; z-index: 1; }
#banners .banner2 { width: 228px; height: 93px; background: #cecece; margin: 0 1px 0 0; float: left; overflow: hidden; position: relative; z-index: 1; }
#banners .banner3 { width: 228px; height: 93px; background: #cecece; margin: 0; float: left; overflow: hidden; position: relative; z-index: 1; }
#banners h5 { font-size: 11px; font-weight: bold; color: #000000; margin: 15px 10px 10px 10px; }
#banners .teaser { margin: 0 32px 0 10px; }
#banners .button { width: 25px; height: 25px; position: absolute; right: 4px; bottom: 4px; z-index: 2; }
#banners .button a:link, #banners .button a:visited { width: 25px; height: 25px; background: url(/images/buttons/button01.gif) left top no-repeat; display: block; }

#contentContainer { width: 100%; padding: 0 0 80px 0; float: left; }
#leftColumn { width: 253px;  background: url(/images/blocks/bg_leftcolumn.jpg) left top no-repeat; float: left; clear: left; padding: 0 0 100px 0; overflow: hidden; }
#leftColumn .content { min-height: 300px; height: auto!important; height: 300px; margin: 40px 20px 40px 15px; }

#rightColumn { width: 686px; background: url(../images/blocks/bg_rightcolumn.gif) 490px 10px no-repeat; float: right; clear: right; overflow: hidden;}
#rightColumn .pageTitle { font-size: 25px; font-weight: normal; color: #c79301; margin: 30px 60px 30px 45px; }
#rightColumn .content { min-height: 200px; height: auto!important; height: 200px; margin: 0 60px 40px 45px; }

#footerContainer { width: 940px; height: 76px; margin: -76px auto 0 auto; position: relative; z-index: 2; }
#footer { width: 100%; height: 76px; font-size: 10px; text-align: left; background: #ffffff; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 99; }
#col1 { width: 253px; height: 76px; background: #f0f0f0 url(/images/blocks/bg_footer.gif) left bottom repeat-x; margin: 0 1px 0 0; float: left; overflow: hidden; }
#col2 { width: 457px; height: 76px; background: #f0f0f0 url(/images/blocks/bg_footer.gif) left bottom repeat-x; margin: 0 1px 0 0; float: left; overflow: hidden; }
#col3 { width: 228px; height: 76px; background: #f0f0f0 url(/images/blocks/bg_footer.gif) left bottom repeat-x; float: left; overflow: hidden; }
#footer .copyright { margin: 10px; }
#footer .created { margin: 5px 10px 10px 10px; }
#footer .created a:link, #footer .created a:visited{ font-weight: bold; color: #000000; text-decoration: none; }
#footer .created img{ vertical-align: middle;}

#footer .bottommenu { margin: 10px; }
#footer .bottommenu a { border-right: 1px solid; padding: 0 10px; white-space: nowrap; }
#footer .bottommenu a:link, #footer .bottommenu a:visited { color: #000000; text-decoration: none; }
#footer .bottommenu a:hover { text-decoration: underline; }

#footer .partners { margin: 10px; }
#footer .partners h6 { font-size: 10px; font-weight: bold; color: #000000; margin: 0; }
#footer .partners ul { margin: 10px 0; padding: 0; list-style: none; }

#weather { width: 243px; height: 110px; text-align: left; margin: -110px 0 0 0; overflow: hidden; position: absolute; top: 0; left: 10px; z-index: 999; }