* {padding: 0; margin: 0; font-family: arial}
TABLE {border-collapse: collapse}
IMG {border: 0}
A {cursor: pointer; text-decoration:none; outline: none; color: #939393}
A:hover {cursor: pointer; text-decoration:underline; outline: none; color: #000}

#body {position: relative; margin-left:30px; padding-top: 20px; width: 932px; margin-bottom:20px}
.barni {position: relative; width: 930px; background-image:url('/images/bg_barni.jpg')}
#footer {width: 100%; color: #939393; text-transform: uppercase; height:27px; margin-top:27px}
#logo {float:left}
#menu {margin: 25px 13px 0 180px}
#menu .m_i {margin:5px 8px 0 8px; float:right; text-transform: uppercase}
.color_grey {color: #a7a7a7}
.big_b {height: 407px; margin-top:36px; position: absolute; top: 0; left: 0; display: none}
.small_b, .small_b2, .contacts, .news_open, .service {position:relative; border: 1px solid #e7e7e7; width: 906px; margin-top:20px; padding:12px 12px 6px}
.works {position:relative; border: 1px solid #e7e7e7; width: 906px; margin-top:34px; padding:12px 12px 6px}
.contacts {margin-top:0}
.title {text-transform: uppercase; font-size: 10px; font-weight: 700; padding-top:10px; display: block}
.title img {margin-bottom:-2px; padding-top:2px}
.descr {font-size: 12px; color: #939393; line-height:1em; margin-top:10px}
#header {padding-bottom:35px}

#follow {position: absolute; left: 0; bottom: 8px; font-size: 9px}
#follow img {margin-left:10px; cursor: pointer; margin-bottom:-3px}

#brands {position: absolute; right: 0; bottom: 0; font-size: 8px; letter-spacing: 0.1em}
/*#brands span {position: absolute; right: 269px; bottom: 9px; width: 80px}*/
#brands span {position: absolute; right: 150px; bottom: 9px; width: 80px}
#brands div {float:right; margin-right:17px}

.path {color: #939393; text-transform: uppercase; margin-top:34px; font-size:10px}
.path:hover {color: #000}
.path img {margin-bottom:-2px}
.clear {clear:both}
.cursor {cursor:pointer}

/*#katz {position: absolute; right: 210px; bottom: 8px; background-image:url('/_/katz.png'); width:35px; height: 13px}
#katz:hover {background-image:url('/_/katz.over.png')}
#frookt {position: absolute; right: 168px; bottom: 5px; background-image:url('/_/frookt.png'); width:15px; height: 20px}
#frookt:hover {background-image:url('/_/frookt.over.png')}*/
#katz {position: absolute; right: 83px; bottom: 8px; background-image:url('/_/katz.png'); width:35px; height: 13px}
#katz:hover {background-image:url('/_/katz.over.png')}
#frookt {position: absolute; right: 85px; bottom: 5px; background-image:url('/_/frookt.png'); width:15px; height: 20px}
#frookt:hover {background-image:url('/_/frookt.over.png')}
/*#walton {position: absolute; right: 72px; bottom: 11px; background-image:url('/_/walton.png'); width:76px; height: 7px}
#walton:hover {background-image:url('/_/walton.over.png')}*/
#hosthub {position: absolute; right: 2px; bottom: 10px; background-image:url('/_/hosthub.png'); width:55px; height: 11px}
#hosthub:hover {background-image:url('/_/hosthub.over.png')}

.cat_name {margin:5px 0 0 7px}
.all a{text-transform: uppercase; position:absolute; left:27px; bottom:24px; font-size:11px; color: #3b3b3b; font-weight:700}
.all a img{margin-bottom:-2px}
.small_pic {height: 122px}
.right {background:url('/_/right.png') no-repeat}
.down {background:url('/_/down.png') no-repeat}
.right_w {background-image:url('/_/right_w.png')}
.left {background:url('/_/left.png') no-repeat}
.path {padding-right:9px}
.path_unit {margin-right:38px; float:left}
.path_unit .right {margin-right:38px}

.small_b .cell {width:201px; padding:10px 12px; vertical-align:top; margin-bottom:10px; padding-bottom:10px; float:left}
.small_b .cell {width:201px; padding:10px 12px; vertical-align:top; margin-bottom:10px; padding-bottom:10px; float:left}
.small_row {margin-left: 10px}
.small_row .cell {width:201px; padding:10px 0; vertical-align:top; margin-bottom:10px; padding-bottom:37px; float:left; margin-top: 9px; margin-left: 20px}
.works .cell {width:201px; padding:10px 12px; vertical-align:top; margin-bottom:10px; padding-bottom:37px; float:left; height: 220px}
.works .cell2 {padding:10px 12px; vertical-align:top}
.service .cell {width:201px; padding:10px 12px; vertical-align:top; margin-bottom:6px; padding-bottom:5px; float:left}
.service .descr {padding-bottom:13px}
.works_bot_sep {height:60px}
.works_sep {height:50px}

.news_open {margin-bottom:75px}
.news_open .cell {width:201px; padding:10px 12px; vertical-align:top; margin-bottom:10px; padding-bottom:37px; float:left}
.news_open .big {width:402px; padding:10px 12px; vertical-align:top; margin-bottom:10px; padding-bottom:37px; float:left}
.big .title, .big .subtitle {text-transform: uppercase; font-size:20px; font-weight:700; padding:0}
.big .descr {margin-top:49px; line-height:14px; font-size:12px}

.news_pic {width:201px; padding:108px 0 0 29px; vertical-align:top; float:left}
.back {text-transform: uppercase; margin-top:76px; font-size:10px; margin-bottom:-25px}
.back_t {padding-left:8px}

/* CONTACTS */
.contacts .cell {width:201px; padding:10px 12px; vertical-align:top; margin-bottom:0; padding-bottom:0; float:left}
.contacts .cell_center {width:402px; padding:74px 0 0 15px; vertical-align:top; margin-bottom:0; padding-bottom:0; float:left}
.contacts .cell2 {width:402px; padding:10px 0; vertical-align:top; margin-bottom:0; padding-bottom:0; float:left}
.contacts .title {font-size:8px; height:16px; padding-left:39px; text-transform:uppercase}
.contacts .descr {line-height:13px; margin-bottom:20px; font-size:10px; padding-left:39px; text-transform:uppercase; margin-top:-11px; margin-bottom:8px}
.contacts .phones {font-weight:700; margin-bottom:58px; display:block}
.contacts .cat_name {margin-top:5px; margin-left:4px}
.contacts a {color: #939393}
.high {margin-top:53px}
.map {text-transform: uppercase; font-size:9px; margin-top:24px; width: 150px}
#see_map {margin-right:10px}
#see_vcg_office {display: none; margin-right: 18px}
.cont_sep {height:75px}
.short {margin-left:-12px}
.short2 {margin-left:-25px}
#g_map {position:absolute; left:252px; top:86px; display:none}

/* CASE */
#case {margin-top: 34px; width: 930px}
#case_menu {height:16px; width:890px; margin: 14px 20px; position: relative}
#case_mid_menu {margin-top:18px; height: 30px}
#case_mid .title {color: #000}
.case_m_i {position:relative; float:left; text-transform: uppercase; font-size:10px; background-color: white; height:21px; width:116px; vertical-align:middle; text-align:center; padding-top:9px; border: 1px solid; cursor: pointer}
.case_active {color:white; background-color: #5d100a}
.tr {position:absolute; width:8px; height: 8px; top:0; right: 0; background-image:url('/_/tr.png'); background-repeat:no-repeat}
.tre {position:absolute; width:7px; height: 7px; top:0; right: 0; background-image:url('/_/tre.png'); background-repeat:no-repeat}
.trw {position:absolute; width:7px; height: 7px; top:0; right: 0; background-image:url('/_/trw.png'); background-repeat:no-repeat}
.case_left {background-image:url('/_/previous.png'); width:59px; height:59px; position: absolute; top: -248px; left: -10px; z-index: 50}
.case_right {background-image:url('/_/next.png'); width:59px; height:59px; position: absolute; top: -248px; left: 840px; z-index: 50}
.case_center {width:800px; height:30px; float:left}
#small_menu {margin:0 auto; height:28px; padding-top:10px; height: 100%; width: 890px}
.case_c_i {background:url('/_/case_points.png') no-repeat 0 0; cursor:pointer; width: 5px}
.case_c_a {background:url('/_/case_points.png') no-repeat -5px 0; cursor:pointer; width: 5px}
.case_mid_info {position:relative; padding-top:18px; padding-bottom:76px; width:100%; min-height:170px; height: auto !important; height:170px}
/* BARNI #case_mid_info {position:relative; background-color: #5d100a; padding-top:18px; padding-bottom:76px; width:100%} */
.case_name {position:absolute; top:35px; left: 27px}
#case_pic {position:absolute; bottom:-40px; left: 298px}
.case_download {position:absolute; bottom:25px; left: 30px; padding-right:20px}
.case_download a {text-transform: uppercase; color: #000; font-size:10px; font-weight:700}
.case_descr {float:right; margin-right: 50px; width:167px}
.case_descr2 {width:170px; margin-right:40px; float:right}
.case_descr .title, .case_descr2 .title {color:white; margin-bottom:1px; padding-top:15px}
.case_descr .descr, .case_descr2 .descr {font-size:11px}
.case_sep {height:9px}

.b {border: 3px green solid}
.pl15 {padding-left: 15px}

/* SERVICES */
#services {width:892px; border: 1px solid #e7e7e7; margin: -1px 0 0 0; padding:19px 19px 0; position: relative}
.ser_cell {width:229px; height: 84px; float:left; margin-bottom:20px; text-transform:uppercase; color:white; font-size:19px; padding:62px 27px 0; position:relative; cursor:pointer}
.no_pointer {cursor:default}
.ser_cell A {color:white}
.ser_cell IMG {z-index:-1}
.mr20 {margin-right:20px}
.pad2 {padding-top:52px; height:94px}
#s1 IMG, #s2 IMG, #s3 IMG, #s4 IMG, #s6 IMG, #s7 IMG, #s8 IMG, #s9 IMG {position:absolute; left: 0; top: 0; display:none}
#s5c {border:1px solid #e7e7e7; width:227px; height: 82px}
#s5cflw {position:absolute; left:40px; top:0}

#c1, #c2, #c3, #c4, #c6, #c7, #c8, #c9 {position:absolute; top: 0; left: 0; background: #fff; width:281px; height:144px; display:none}
.ser_title {margin:28px 0 22px 28px; font-size:10px; font-weight:700; color:black}
.ser_descr {margin-left:29px; font-size:11px; color:black; text-transform:none; padding-right:30px; line-height:11px}

.center_div A {text-decoration:underline}
.no_a_under A {text-decoration:none}
.no_a_under A:hover {text-decoration:none}

#case_top {height:407px; border: 1px #e7e7e7 solid; text-align:center}
.descr:hover {color:black}
.no_hover:hover {color: #939393}
.back A {color:#939393}

#filter_c, #filter_s, #filter_y {position:relative}
#filter_c A:hover, #filter_s A:hover, #filter_y A:hover {color: #000}
#filter_c .path, #filter_s .path, #filter_y .path {font-weight:700}
#filter_category, #filter_scope, #filter_year {position:absolute; top:-10px; left: 0; background: #fff; z-index: 100; border: 1px solid #e7e7e7; display:none; padding:8px 15px 15px 15px; margin-left: -16px; white-space:nowrap; line-height: 14px; background: #fff}
#filter_category DIV, #filter_scope DIV, #filter_year DIV {padding-left:2px}
#filter_category A, #filter_scope A, #filter_year A {text-transform:uppercase; color: #939393}
.fil_none {display:none}
.text_page {margin-top:20px}
.text_page LI {list-style: url('/_/bullet.png')}
.news_open LI {list-style: url('/_/bullet.png')}
.text_image {margin-top: -1px; text-transform: uppercase}
.text_title {width:400px}
.text_title2 {width:150px; margin-top: 65px}
.small_row {margin-top: 28px}
.small_row .title A {color: #000}
.small_work_row {text-transform:uppercase; margin-left: 30px; font-size: 18px}
.small_work_row {text-transform:uppercase; margin-left: 30px; font-size: 18px}
.work_item {float: left; text-transform: uppercase; font-size: 10px; width: 147px}
.works_bottom {margin-left: 20px; margin-bottom: -45px}
.bold {font-weight: 700}
.none {display: none}
.block {display: block}

.case_left IMG, .case_right IMG {cursor:pointer}
.w100 {background:blue}
#c_menu {white-space:nowrap; height:100%}
.case_td {width:30px}
.cat0 {padding-top:15px}
.text_page .descr {color: #939393}
.nowrap {white-space: nowrap}

.class_for_flash {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 10}
.a_service {z-index: 100}
.div_for_tr_image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000}
.div_for_tr_image_a {width: 280px; height: 144px}
.inner_class_for_flash {height: 146px; position: absolute; top: 0; left: 0; width: 283px; z-index: 2}

.about_images {margin-left: 230px; margin-right: 18px; margin-bottom: 95px}
.about_image_one {width: 155px; height: 58px; float: left; border: 1px solid #e6e6e6; margin-bottom: 5px; margin-right: 5px}
.ml13 {margin-left: 13px}
.project_menu {text-transform: uppercase; width: 100%; height: 20px; margin-top: -20px; color: #b2b2b2; font-size: 10px}
#previous_project {float: left}
#next_project {float: right}
.color {color: #939393}
.pl {padding-left: 10px}
.pr {padding-right: 10px}
.work_current_path {margin-bottom: 11px; margin-top: -18px; margin-left: 13px}
.text_below_flash {display: block; position: absolute; z-index: 500}

.cufon_ultra_light {font-size: 25px; letter-spacing: 0.5px; font-weight: 100}
.cufon_current {font-size: 25px; letter-spacing: 0.5px; font-weight: 100}
.cufon_light {font-size: 19px; letter-spacing: 0.3px; font-weight: 300}
.cufon_light_big {font-size: 56px; font-weight: 100; text-transform:uppercase; width: 400px; letter-spacing: 3px; line-height: 36px}

#splash_images {position: relative; width: 100%; height: 450px}

.for_contacts {color: #939393; font-size: 10px; margin-top: 61px; margin-left: 39px}
.for_contacts A {color: #000}
.for_contacts H1 {font-size: 12px; color: #000; padding: 0; margin: 0}
.block_for_first {position: absolute; z-index: 50; right: 10px; bottom: 20px; height: 38px; border: 1px solid #EDEDED; color: #000; width: 38px; cursor: pointer; opacity: 0.7; filter: alpha (opacity=70); font-size: 14px}
.block_for_first {opacity: 0.3; filter: alpha (opacity=30); background: #fff}
.block_for_first:hover {border: 1px solid #6F6F6F; color: #000; opacity: 0.25; filter: alpha (opacity=25)}
.block_for_first:hover {opacity: 0.5; filter: alpha (opacity=50); background: #fff}
.block_for_first_inner {width: 100%; height: 100%; text-align: center; padding-top: 10px; width: 38px; height: 28px; cursor: pointer; background: url('/_/_.png'); opacity: 0.5; filter: alpha (opacity=50)}
.block_for_first_inner:hover {opacity: 0.6; filter: alpha (opacity=60)}
.small_service_image {position: absolute; top: 0 ; left: 0; display: none; z-index: 1}
.cursor_default {cursor: default}
.fblock_hover {position: absolute; z-index: 50; right: 10px; bottom: 20px; height: 38px; width: 38px; cursor: pointer; font-size: 14px; border: 1px solid #6F6F6F; color: #000; opacity: 0.25; filter: alpha (opacity=25)}
.fblock_hover {opacity: 0.5; filter: alpha (opacity=50); background: #fff}
.fade_hover {width: 100%; height: 100%; text-align: center; padding-top: 10px; width: 38px; height: 28px; cursor: pointer; background: url('/_/_.png');opacity: 0.6; filter: alpha (opacity=60)}
.service_right {padding-top: 86px; font-size: 12px; line-height:1em}