/** @version 20090909 */
body { margin: 0; padding: 0; color: #000; background: #fff url(main.footer.bg.png) bottom left repeat-x; }
* { margin:0; padding:0 }
.clear { clear: both; }

#hat { background: url(main.head.jpg) top center repeat-x; overflow: auto; }
#hat .bottom { height: 338px; background: url(main.hat.bottom.png) bottom center repeat-x; overflow: hidden; position: relative; }
#hat .logo { margin: 20px 0 0 40px; width: 510px; height: 132px; background: url(main.hat.logo.png) top left no-repeat; }
#hat .logo-ru { margin: 20px 0 0 40px; width: 510px; height: 132px; background: url(main.hat.logo.ru.png) top left no-repeat; }
#hat .logo-en { margin: 20px 0 0 40px; width: 510px; height: 132px; background: url(main.hat.logo.en.png) top left no-repeat; }
#hat .logo h1, #hat .logo-ru h1, #hat .logo-en h1 { display: none; }

#hat .contacts { width: 27em; position: absolute; top: 20px; right: 40px; }
#hat .contacts dl { width: 27em; }
#hat .contacts dl dt { width: 7em; float: left; clear: both; }
#hat .contacts dl dd { width: 20em; float: right; }
#hat .contacts p { margin: 1.2em 0; }

#hat .lang-box { padding-left: 170px; margin: 100px 0 10px 0; color: #fff; }
#hat .lang-box a { color: #ffee5a; margin: 0 9px;  }
#hat .lang-box span { margin: 0 9px; }
#hat .lang-box #main-href { width: 10em; float: left; }

#hat .main-menu { width: 98%; position: relative; }
#hat .main-menu .container { background: url(main.hat.menu.bg.png) top left repeat-x; padding: 12px 0 8px 0; margin-right: 33px; height: 28px; }
#hat .main-menu ul { margin: 0 0 0 140px; list-style: none; }
#hat .main-menu ul li { display: inline; padding: 0 0 0 16px; position: relative; }
#hat #main-menu-right { background: url(main.hat.menu.right.bg.png) top left no-repeat; height: 48px; width: 33px; position: absolute; top: 0; right: 0; }

/* Content */
#content, #content1, #content2 { background: #fffae7 url(main.content.left.bg.png) top left repeat-y; }
#content .container-1 { background: url(main.content.right.bg.png) top right repeat-y; }
#hat-image { position: relative; }
#hat-image #menu-left { width: 146px; height: 147px; background: url(main.hat.menu.left.png) top left no-repeat; position: absolute; top: -125px; left: 5px; z-index: 10; }
#hat-image #menu-right { width: 211px; height: 150px; background: url(main.hat.img.right.png) top left no-repeat; position: absolute; top: -130px; right: 10px; }

#content .left, #content1 .left, #content2 .left { width: 76%; padding-top: 25px; float: left; }
#content .left .left, #content1 .left .left, #content2 .left .left { width: 39%; float: left; margin: 0; padding: 0; overflow: hidden; }
#content .left .left .box, #content1 .left .left .box, #content2 .left .left .box { margin: 0 0 1.2em 60px; min-height: 70px; }
#content .left .left .box img, #content1 .left .left .box img, #content2 .left .left .box img { margin-left: -54px; float: left; }
#content .left .left .box ul, #content1 .left .left .box ul, #content2 .left .left .box ul { margin-left: 1.6em; }

#content .left .left .other-box { margin: 0 0 1.2em 60px; }
#content .left .left .other-box ul { margin: 0; }
#content .left .left .other-box ul li { padding-left: 0; background: none; }

.balloon { position: relative; margin: 0 0 1.2em 10px; padding: 3px 0 5px; width: 95%; }
.balloon h2 { color: #be0000;  }
.balloon .b-container { margin: 0px 22px 0px 47px; padding: 10px 0; background-color: #fff; }
.balloon .b-left { width: 47px; top: 22px; left: 0px; bottom: 36px; background: url(main.balloon.left.png) top left repeat; position: absolute; }
.balloon .b-right { width: 22px; top: 22px; right: 0px; bottom: 36px; background: url(main.balloon.left.png) -47px 0 repeat; position: absolute; }
.balloon .b-top { height: 3px; top: 0px; left: 47px; right: 22px; background: url(main.balloon.top.png) top left repeat-x; position: absolute; }
.balloon .b-top-left { height: 22px; width: 47px; top: 0px; left: 0px; background: url(main.balloon.corners.png) top left no-repeat; position: absolute; }
.balloon .b-top-right { height: 22px; width: 22px; top: 0px; right: 0px; background: url(main.balloon.corners.png) -47px 0 no-repeat; position: absolute; }
.balloon .b-bottom { height: 5px; bottom: 0px; left: 47px; right: 22px; background: url(main.balloon.top.png) 0 -3px repeat-x; position: absolute; }
.balloon .b-bottom-left { height: 36px; width: 47px; bottom: 0px; left: 0px; background: url(main.balloon.corners.png) 0 -22px no-repeat; position: absolute; }
.balloon .b-bottom-right { height: 36px; width: 22px; bottom: 0px; right: 0px; background: url(main.balloon.corners.png) -47px -22px no-repeat; position: absolute; }

#content .left .right, #content1 .left .right, #content2 .left .right { width: 60%; float: right; overflow: hidden; margin-top: 3em; padding: 0; }
#content .left .right h2 { color: black; margin-bottom: 1.2em; }
#content .left .right h2 span { text-align: center; color: #be0000; }
#content .left .right .tours-box { margin: 10px 0; }
#content .left .right .tours-box .image { width: 130px; float: left; }
#content .left .right .tours-box .content { margin-left: 140px; }

#content .right, #content1 .right, #content2 .right { width: 23%; padding: 25px 0 0 0; float: right; }
#content .right .container, #content1 .right .container, #content2 .right .container { padding-right: 30px; }
#content .right { padding-top: 5px; }

#content .right .search-box { background: url(main.search.bg.png) top left no-repeat; padding: 15px 20px 20px 20px; margin: 0 -20px 15px 0; }
#content .right .search-box h2 { color: #fff; margin-bottom: 10px; }
#content .right .search-box input, #content .right .search-box select { width: 170px; margin: 2px 0; }
#content .right .search-box label { width: 60px; padding-top: 4px; display: block; margin-left: -60px; float: left; position: relative; clear: both;  }
#content .right .search-box label.cool { background: url(main.form.pointer.gif) left bottom no-repeat; width: 60px; padding-top: 4px; display: block; margin-left: -60px; float: left; position: relative; }

#content .right .news-box, #content1 .right .news-box, #content2 .right .news-box  { padding-left: 20px; }
#content .right .news-box ul { margin-left: -15px; }
#content .right .news-box ul li { margin: 1.2em 0; }

#content1 .right .news-box dl, #content2 .right .news-box dl { margin: 1.2em 0; }
#content1 .right .news-box dl dd, #content2 .right .news-box dl dd { margin-bottom: 1.2em; }

#content1 .left .right, #content2 .left .right { margin-top: 0px; }
#content1 .left .right .map, #content2 .left .right .map  { width: 478px; height: 270px; background: url(main.m.bg.png) left top no-repeat; overflow: hidden;  }
#content1 .left .right .map img, #content2 .left .right .map img { margin: 0 15px; border: none; }
#content1 .left .right h2.big, #content2 .left .right h2.big { margin: 0.8em 0 .2em 1.6em; }

#content1 .right h2.big, #content2 .right h2.big { font-size: 1.8em; color: #7b650f; margin: .2em 0; }
#content1 .right h2.big span, #content2 .right h2.big span { padding: 3px 12px 9px 12px; margin-top: -17px; background: url(main.month.bg.png) top left no-repeat; float: right; }

#content .content-border, #content1 .content-border { border-bottom: 1px solid #bf8c00; padding-top: 4.8em; margin: 0 10px 0 10px; }

/* Content1 */
#content1 { background: #fffae7 url(main.content1.top.bg.png) top left repeat-x; overflow: visible; }
#content1 .container-1 { background: url(main.content.left.bg.png) top left repeat-y; }
#content1 .container-2 { background: url(main.content.right.bg.png) top right repeat-y; }
#content1 .container-3 { background: url(main.content1.left.bg.png) top left no-repeat; }
#content1 .container-4 { background: url(main.content1.right.bg.png) top right no-repeat; }
#content1 .content-border { border-bottom: 1px solid #bf8c00; margin: 2.4em 10px 0 10px; }
#content1 .left .left { margin-top: -60px; position: relative; }
#content1 .left .left .big { margin: .2em -4.5em 1.2em 59px; }
#content1 .content-border { border-bottom: 1px solid #bf8c00; padding-top: 1.2em; margin: 0 10px 0 10px; }

/* Content2 */
#content2 { background: #fffae7 url(main.content2.top.bg.png) top left repeat-x; overflow: visible; }
#content2 .container-1 { background: url(main.content.left.bg.png) top left repeat-y; }
#content2 .container-2 { background: url(main.content.right.bg.png) top right repeat-y; }
#content2 .container-3 { background: url(main.content2.left.bg.png) top left no-repeat; }
#content2 .container-4 { background: url(main.content2.right.bg.png) top right no-repeat; }
#content2 .container-5 { background: url(main.content2.bottom.bg.png) bottom center repeat-x; }
#content2 .container-6 { background: url(main.content2.b-left.bg.png) bottom left no-repeat; }
#content2 .container-7 { background: url(main.content2.b-right.bg.png) bottom right no-repeat; padding-bottom: 60px; }

/* Footer */
#footer, #ie-test { background-color: #55a15e; }
#footer .left { width: 46%; float: left; padding: .2em 0 .8em 0; }
#footer .left .left { width: 40%; float: left; }
#footer .left .left .container { margin-left: 18px; }
#footer .left .right { width: 59%; float: right; }
#footer .copyright { color: #fff; }
#footer .right { width: 53%; float: right; color: #fff; }
#footer .right a { color: #ffee5a; }
#footer .right .left { width: 48%; }
#footer .right .left dl { }
#footer .right .left dt { width: 70px; float: left; }
#footer .right .left dd { width: auto; margin-left: 70px; }
#footer .right .right { width: 51%; float: right; }

/* SiteLeader */
#sl-logo { width: 115px; font: 10px Arial, Serif; }
#sl-logo a { text-decoration: none; background: url(siteleader.logo.gif) left center no-repeat; display: block; padding-left: 33px; }
#sl-logo span { text-decoration: underline; }
#sl-logo b { font: bold 12px Verdana, Serif; color: #cd0000; }
#sl-logo i { font: 14px Georgia, Sans-Serif; color: #000; }

#hat, #menu, #content, #content1, #content2, #top-content, #middle-content, #bottom-content, #footer { min-width: 1000px; }