body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: "arial"; font-size: 11px; color: #430d08; background: url(/images/bg.jpg) repeat; background-color: #dac29b; }

img, form { padding: 0; margin: 0; border: none; display: inline; } 

h1, h2, h3, h4 { font-family: Arial; color: #5b071e; text-transform: uppercase; } 
h1 { padding: 10px 0 8px 0; margin: 0; background: url(/images/h1.gif) repeat-x bottom; font-size: 14px; } 
h2 { margin: 0; padding: 10px 0 0 0; border-bottom: #5b071e 1px solid; font-size: 12px; }

p { padding: 10px 0 5px 0; margin: 0; }

a { color: #430d08; background: url(/images/dotted.gif) repeat-x bottom; text-decoration: none; }
a:active { outline: none; }
a:hover { color: #cb200f; background-image: none; }

.preview { width: 100%; height: 100%; background-color: #b13b32; position: absolute; top: 0; left: 0; z-index: 999; }
.preview #logo { width: 261px; height: 273px; background: url(/images/preview_logo.jpg); position: absolute; }
.preview #logoTitle {  width: 236px; height: 58px; background: url(/images/preview_logo_title.gif); position: absolute; }

.wrap { width: 100%; min-width: 980px; position: relative; overflow: hidden; }

.header { width: 100%; height: 320px; background: url(/images/top_line.gif) repeat-x; position: relative; }
.header .leftShadow { width: 596px; height: 524px; background: url(/images/left_shadow.jpg) no-repeat; position: absolute; top: 0; left: 0; }
.header .logo { cursor: pointer; display: block; width: 192px; height: 201px; background: url(/images/logo.png); position: absolute; top: 25px; left: 31px; }
.header .logoText { width: 240px; height: 62px; background: url(/images/logo_text.gif); position: absolute; top: 222px; left: 10px; }
.header .logoTextRu { width: 194px; height: 77px; background: url(/images/logo_text_ru.gif); position: absolute; top: 222px; left: 30px; }

.header .langPanel { width: 76px; height: 25px; background: url(/images/lang_panel.gif); position: absolute; top: 0; right: 0; }
.header .langPanel a { width: 19px; height: 12px; display: block; position: absolute; top: 6px; }
.header .langPanel a:hover, .header .langPanel a.sel { border: #d0b087 1px solid; } 
.header .langPanel a.ua { background: url(/images/ua.gif) no-repeat; left: 15px; }
.header .langPanel a.ru { background: url(/images/ru.gif) no-repeat; left: 45px; }

.header .shelf { width: 721px; height: 359px; background: url(/images/shelf.png); position: absolute; top: 80px; right: 0; z-index: 2; }
.header .shelf .icon1 { width: 90px; height: 180px; background: url(/images/icon1.png); position: absolute; bottom: 170px; left: 15px; }
.header .shelf .icon2 { width: 97px; height: 108px; background: url(/images/icon2.png); position: absolute; bottom: 170px; left: 100px; }
.header .shelf .icon3 { width: 67px; height: 153px; background: url(/images/icon3.png); position: absolute; bottom: 182px; left: 205px; }
.header .shelf .icon4 { width: 135px; height: 91px; background: url(/images/icon4.png); position: absolute; bottom: 185px; left: 285px; }
.header .shelf .icon5 { width: 140px; height: 120px; background: url(/images/icon5.png); position: absolute; bottom: 178px; left: 430px; }
.header .shelf .icon6 { width: 90px; height: 90px; background: url(/images/icon6.png); position: absolute; bottom: 185px; left: 570px; }

.header .map { width: 642px; height: 443px; background: url(/images/map.gif); position: absolute; top: 290px; right: 0; z-index: 1; }
.header .map.shift { right: -400px; }

.header .mapTokens { width: 642px; height: 443px; position: absolute; top: 290px; right: 0; z-index: 3; }
.header .mapTokens .token { cursor: pointer; width: 21px; height: 24px; background: url(/images/token.png); position: absolute; }

.header ul.topMenu { width: 721px; height: 54px; position: absolute; right: 0; top: 33px; list-style: none; font-size: 12px; z-index: 2; }
.header ul.topMenu li { display: block; float: left; height: 39px; padding: 10px 15px 0 15px;  text-align: center; position: relative; }
.header ul.topMenu li a { background-image: none; }
.header ul.topMenu li .d { display: block; width: 2px; height: 54px; background: url(/images/menu_divider.jpg); position: absolute; top: -2px; right: 0;  }
.header ul.topMenu li.active { margin: 0 5px 0 8px; height: 37px; background: url(/images/menu_bg.gif) no-repeat 50% bottom; color: #d7bb87; position: relative; }
.header ul.topMenu li.active .l { display: block; width: 5px; height: 34px; background: url(/images/menu_left_round.gif) no-repeat; position: absolute; left: -5px; top: 7px; }
.header ul.topMenu li.active .r { display: block; width: 5px; height: 34px; background: url(/images/menu_right_round.gif) no-repeat; position: absolute; right: -5px; top: 7px; }
.header ul.topMenu li.active .d { display: block; width: 2px; height: 54px; background: url(/images/menu_divider.jpg); position: absolute; top: -2px; right: -11px;  }

.mainContent { width: 32%; min-height: 400px; height:auto !important; height: 400px; margin: 0 0 0 20px; position: relative; z-index: 3;  }

.menu { width: 20%; float: left; padding: 0 0 0 20px; position: relative; z-index: 3; }
.menu ul { width: 100%; margin: 0; padding: 0 20px 0 0; list-style: none; } 
.menu ul li { width: 80%; display: block; margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(/images/menu_li.gif) no-repeat left 3px; }

.content { width: 50%; min-height: 400px; height:auto !important; height: 400px; float: left; position: relative; z-index: 3;  }
.content .navPath { padding: 0 0 20px 0; } 
.content .navPath img { margin: 0 5px 0 5px; } 
.content .navPath a { background-image: none; text-decoration: underline; }
.content .navPath a:hover { text-decoration: none; }

.newTitle { font-size: 12px; font-weight: bold; }

.nav { text-align: center; }
.nav a { background: none; font-weight: bold; }
.nav img { vertical-align: middle; }

.photo { width: 120px; height: 120px; float: left; text-align: center; }
.photo img { border: #5b071e 1px solid; }

.clear { clear: both; }

.footer { width: 100%; height: 150px; position: relative; }
.footer .contacts { width: 72px; height: 102px; background: url(/images/mail.gif); position: absolute; bottom: -10px; left: 0; }
.footer .copy { position: absolute; bottom: 5px; left: 80px; color: #977964; }
.footer .table { width: 559px; height: 133px; background: url(/images/table.png); position: absolute; bottom: 0; right: 0; z-index: 1; }

#ImageBoxOverlay { background-color: #000; z-index: 10; }
#ImageBoxOuterContainer { z-index: 10; }
#ImageBoxCaption { background-color: #F4F4EC; }
#ImageBoxContainer { width: 250px; height: 250px; background-color: #F4F4EC; }
#ImageBoxCaptionText { font-weight: bold; padding-bottom: 5px; font-size: 13px; color: #000; }
#ImageBoxCaptionImages { margin: 0; }
#ImageBoxNextImage { background-image: url(/images/imagebox/spacer.gif); background-color: transparent; }
#ImageBoxPrevImage { background-image: url(/images/imagebox/spacer.gif); background-color: transparent; }
#ImageBoxNextImage:hover { background-image: url(/images/imagebox/next_image.jpg); background-repeat:	no-repeat; background-position: right top; }
#ImageBoxPrevImage:hover { background-image: url(/images/imagebox/prev_image.jpg); background-repeat:	no-repeat; background-position: left bottom; }