html, body { background-color: #161616; margin: 0px; padding: 0px; height: 100%; width: 100%; }
img, div { behavior: url(images/iepngfix.htc); }
img {border:0px;}
a { color: #FFFFFF; }
a:hover { color: #999999; }
p { padding: 0px; width: 100%; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
h1, h2, h3, h4 { padding:0px; margin:0px; }
h2 { font-size: 24px; padding-bottom: 20px; padding-left: 15px; position: relative; width: 860px; }
h2 span { font-weight: bolder; font-size: 12px; display: block; position: absolute; top: 0px; right: 0px; margin-right: 20px; margin-top: 8px; }
h2 span a { background-image: url(images/arrleft1.gif); background-repeat: no-repeat; background-position: left bottom; padding-left: 22px; padding-top: 2px; padding-bottom: 2px; display: block; }
h2 span a:hover { background-image: url(images/arrleft2.gif); }
h4 { font-size: 21px; font-weight: normal; color: #28C33F; padding: 0px; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
h4 span { font-size: 9px; font-weight: normal; display: block; color: #FFFFFF; }
#container:after, #header:after, #navifix:after, #presents_blocks:after, #footerfix:after, #thumblist:after, .thb:after, #projects:after, #details:after, #team:after, #lang:after { content:"."; font-size: 0px; line-height: 0; display: block; clear: both; height: 0px; visibility: hidden; }
#container, #header, #navifix, #presents_blocks, #footerfix, #thumblist, .thb:after, #projects, #details, #team { zoom:1; _height:1px; }
/* Language */
#lang { width: 124px; height: 145px; position: absolute; top: 0px; right: 0px; margin-right: 160px; margin-top: 40px; }
/* Header */
#header { background-image: url(images/header_bg.jpg); background-repeat: no-repeat; background-position: center top; height: 232px; background-color: #000000; text-align: center; position: relative; }
#header span { height: 103px; width: 103px; position: absolute; top: 0px; right: 0px; }
#container { width: 875px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding-bottom: 30px; }
#details { padding: 20px 0px 0px 0px; }
/* Navigation line */
#navi { background-image: url(images/navi_bg.png); background-repeat: repeat-x; background-position: center top; height: 54px; background-color: #353535; }
#navifix { width: 875px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#navi ul { display: block; padding: 0px; margin-top: 0px; margin-right: -20px; margin-bottom: 0px; margin-left: 0px; }
#navi li { margin: 0px; padding: 0px; list-style-type: none; float: left; height: 54px; }
#navi li a { display: block; height: 54px; }
#navi li a span { display:none; }
#navi .btn1_et { background-image: url(images/btn1_et.png); background-repeat: no-repeat; width: 291px; }
#navi .btn1_et a:hover { background-image: url(images/btn1_roll_et.png); background-repeat: no-repeat; width: 291px; }
#navi .btn1_et .on { background-image: url(images/btn1_roll_et.png); background-repeat: no-repeat; width: 291px; }
#navi .btn2_et { background-image: url(images/btn2_et.png); background-repeat: no-repeat; width: 292px; }
#navi .btn2_et a:hover { background-image: url(images/btn2_roll_et.png); background-repeat: no-repeat; width: 292px; }
#navi .btn2_et .on { background-image: url(images/btn2_roll_et.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_et { background-image: url(images/btn3_et.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_et a:hover { background-image: url(images/btn3_roll_et.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_et .on { background-image: url(images/btn3_roll_et.png); background-repeat: no-repeat; width: 292px; }
#navi .btn1_ru { background-image: url(images/btn1_ru.png); background-repeat: no-repeat; width: 291px; }
#navi .btn1_ru a:hover { background-image: url(images/btn1_roll_ru.png); background-repeat: no-repeat; width: 291px; }
#navi .btn1_ru .on { background-image: url(images/btn1_roll_ru.png); background-repeat: no-repeat; width: 291px; }
#navi .btn2_ru { background-image: url(images/btn2_ru.png); background-repeat: no-repeat; width: 292px; }
#navi .btn2_ru a:hover { background-image: url(images/btn2_roll_ru.png); background-repeat: no-repeat; width: 292px; }
#navi .btn2_ru .on { background-image: url(images/btn2_roll_ru.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_ru { background-image: url(images/btn3_ru.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_ru a:hover { background-image: url(images/btn3_roll_ru.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_ru .on { background-image: url(images/btn3_roll_ru.png); background-repeat: no-repeat; width: 292px; }
#navi .btn1_en { background-image: url(images/btn1_en.png); background-repeat: no-repeat; width: 291px; }
#navi .btn1_en a:hover { background-image: url(images/btn1_roll_en.png); background-repeat: no-repeat; width: 291px; }
#navi .btn1_en .on { background-image: url(images/btn1_roll_en.png); background-repeat: no-repeat; width: 291px; }
#navi .btn2_en { background-image: url(images/btn2_en.png); background-repeat: no-repeat; width: 292px; }
#navi .btn2_en a:hover { background-image: url(images/btn2_roll_en.png); background-repeat: no-repeat; width: 292px; }
#navi .btn2_en .on { background-image: url(images/btn2_roll_en.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_en { background-image: url(images/btn3_en.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_en a:hover { background-image: url(images/btn3_roll_en.png); background-repeat: no-repeat; width: 292px; }
#navi .btn3_en .on { background-image: url(images/btn3_roll_en.png); background-repeat: no-repeat; width: 292px; }
/* Presents block */
#presents_blocks { padding-top: 30px; margin-right: -5px; }
#presents_blocks dl { background-image: url(images/dl_bg.png); background-repeat: no-repeat; display: block; width: 276px; height: 104px; float: left; background-color: #929292; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; position: relative; }
#presents_blocks dt { display: block; font-weight: bolder; font-size: 18px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#presents_blocks dd { margin: 0px; padding: 0px; display: block; width: 170px; color: #CCCCCC; }
#presents_blocks dl p { position: absolute; bottom: 0px; left: 0px; margin-left: 15px; margin-bottom: 9px; }
#presents_blocks dl p a { color: #666666; }
#presents_blocks dl p a:hover { color: #CCCCCC; }
#presents_blocks dl img { position: absolute; right: 0px; bottom: 0px; margin-bottom: 1px; }
#presents_blocks dt a { text-decoration: none; }
#presents_blocks dt a:hover { color: #FFFFFF; }
/* Projects list */
.prolist { padding-top: 20px; clear: both; }
.prolist ul { display: block; margin: 0px; width: 276px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; float: left; background-image: url(images/dot_line.png); background-repeat: repeat-y; background-position: left; height: 300px; }
.prolist ul li { margin: 0px; list-style-type: none; background-image: url(images/ulicon.gif); background-repeat: no-repeat; background-position: left center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.prolist .prolistend { background-image:none; }
.prolist a { text-decoration: none; color: #999999; }
.prolist a:hover { text-decoration: underline; color: #FFFFFF; }
.prolist .gr1 a { color: #99ff00; }
.prolist .gr2 a { color: #7ff800; }
.prolist .gr3 a { color: #6ef400; }
.prolist .gr4 a { color: #53ed00; }
.prolist .gr5 a { color: #37e500; }
.prolist .gr6 a { color: #22df00; }
.prolist .gr7 a { color: #09d500; }
.prolist .gr8 a { color: #01cf00; }
.prolist .gr9 a { color: #01c905; }
.prolist .gr10 a { color: #0ac313; }
.prolist .gr11 a { color: #22b92d; }
.prolist .gr12 a { color: #3bb145; }
.prolist .gr13 a { color: #59aa60; }
.prolist .gr14 a { color: #74a378; }
.prolist .gr15 a { color: #879e89; }
.prolist .gr16 a { color: #999999; }
/* Thumbnails list */
#thumblist { padding-top: 20px; margin-right: -60px; }
#thumblist img { display: block; }
.thb { background-image: url(images/thumb_down.png); background-repeat: no-repeat; background-position: left bottom; float: left; margin-bottom: 30px; padding-bottom: 7px; margin-right: 32px; width: 270px; }
.thb .pn { clear: both; margin-left: 15px; display: block; text-decoration: none; background-image: url(images/zoom1.gif); background-repeat: no-repeat; background-position: 225px bottom; padding-bottom: 3px; margin-top: 6px; padding-top: 3px; font-weight: bolder; }
.thb .pn:hover { background-image: url(images/zoom2.gif); }
/* Projects */
#projects { padding-top: 20px; }
#projects ul { width: 270px; float: left; display: block; padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
#projects li { background-image: url(images/ulicon.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; }
#projects li a { color: #999999; text-decoration: none; }
#projects li a:hover { color: #FFFFFF; text-decoration: underline; }
#projects li .on { color: #28C33F; text-decoration: underline; }
#projects li .on:hover { color: #28C33F; text-decoration: underline; }
#projects .prozag { font-size: 24px; color: #28C33F; background-image: none; font-weight: normal; padding: 0px; }
#picture { float: left; width: 582px; }
#picture img { margin-bottom: 10px; }
#prolist { float: right; width: 275px; }
.pro { float: right; width: 565px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
/* Default block */
#default { color: #999999; padding-right: 15px; padding-left: 15px; }
/* Contacts */
.contacts { float: left; width: 568px; }
.form { width: 260px; float: right; }
form { margin: 0px; padding: 0px; }
.ff { background-color: #3C3C3C; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; background-image: url(images/form_field.png); background-repeat: no-repeat; width: 235px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 8px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; }
.ff { margin:0px 0px 5px 0px; }
.ff { *margin:0px 0px 3px 0px; }
.ff2 { background-color: #3C3C3C; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; background-image: url(images/comm_field.png); background-repeat: no-repeat; width: 235px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 8px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; height: 135px; overflow: hidden; margin:0px 0px 5px 0px; }
#map1 a, #map2 a { cursor:pointer; font-weight: bolder; background-image: url(images/arrleft1.gif); background-repeat: no-repeat; background-position: left center; display: inline-block; padding-top: 2px; padding-bottom: 2px; padding-left: 21px; float: right; }
#map1 a:hover, #map2 a:hover { background-image: url(images/arrleft2.gif); }
/* Team list */
#team { margin-right: -60px; padding: 0px; }
#team img { display: block; border: 5px solid #FFFFFF; }
#team dl { float: left; width: 270px; padding: 0px; margin-top: 0px; margin-right: 32px; margin-bottom: 30px; margin-left: 0px; }
#team dt { margin: 0px; padding: 0px; }
#team dd { margin: 0px; text-align: center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; color: #28c33f; }
#team dd strong { font-size: 20px; font-weight: normal; padding-top: 10px; display: block; color: #FFFFFF; }
/* Footer */
#footer { padding: 35px 0px 35px 0px; font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #999999; clear: both; background-color: #0D0D0D; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: #1B1B1B; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; }
#footerfix { width: 875px; padding:10px 0px 0px 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#footerfix img { float: left; margin-top: -10px; margin-right: 10px; }