@charset "windows-1251";

#content {width: 924px; position: relative; margin: 0 auto; padding: 292px 0 20px 0}

#contacts, #clients, #sh {background-image: url(/images/new/images/bg_top_2.jpg)}
#company {background-image: url(/images/new/images/bg_company.jpg)}
#portfolio {background-image: url(/images/new/images/bg_portfolio_2.jpg)}
#rewards, #clients_faces {background-image: url(/images/new/images/bg_top_3.jpg)}
#rewards #page {background: url(/images/new/images/bg_rewards.jpg) 0 62px repeat-x; width: auto}
#clients_faces #page {background: url(/images/new/images/bg_clients_faces.jpg) 0 62px repeat-x; width: auto}

.arrow_left, .arrow_right {width: 19px; height: 31px; cursor: pointer; display: block; position: absolute}
.arrow_left {background: url(/images/new/images/arrow_left.png); left: 9px}
.arrow_right {background: url(/images/new/images/arrow_right.png); right: 9px}

#content .tags {width: 330px; font-family: arial; font-size: 18px; white-space: nowrap; position: absolute; top: 94px; left: 239px}
#content .tags li {float: left}
#content .tags .sites {}
#content .tags .portals {clear: left; padding: 4px 50px 0 35px}
#content .tags .seo {}
#content .tags .style {clear: left; padding: 4px 61px 0 5px}
#content .tags .cms {padding-top: 4px}
#content .tags .advert {color: #915909; clear: left; padding: 3px 0 0 112px}
#content .tags .model {clear: left; padding: 4px 0 0 89px}
#content .tags a {color: #000}
#content .tags .sites a {color: #fff; font-size: 24px}
#content .tags .portals a {}
#content .tags .seo a {color: #004494; font-size: 24px}
#content .tags .style a {color: #313131}
#content .tags .cms a {}
#content .tags .advert a {color: #915909}
#content .tags .model a {font-size: 14px}
#content .buttons {position: absolute; top: 7px; right: 240px; z-index: 20}
#content .buttons li, #content .buttons li * {width: 9px; height: 10px; overflow: hidden; float: left; display: block}
#content .buttons li {padding-left: 3px}
#content .buttons li * {background: url(/images/new/images/nums.gif)}
#content .buttons .el_1 a {background-position: 0 0}
#content .buttons .el_2 a {background-position: -10px 0}
#content .buttons .el_3 a {background-position: -20px 0}
#content .buttons .el_4 a {background-position: -30px 0}
#content .buttons .el_5 a {background-position: -40px 0}

#content .buttons .el_6 a {background-position: -50px 0}
#content .buttons .el_7 a {background-position: -60px 0}
#content .buttons .el_8 a {background-position: -70px 0}
#content .buttons .el_9 a {background-position: -80px 0}
#content .buttons .el_10 a {background-position: -90px 0}

#content .buttons .el_11 a {background-position: -100px 0}
#content .buttons .el_12 a {background-position: -110px 0}
#content .buttons .el_13 a {background-position: -120px 0}
#content .buttons .el_14 a {background-position: -130px 0}
#content .buttons .el_15 a {background-position: -140px 0}

#content .buttons .el_16 a {background-position: -150px 0}
#content .buttons .el_17 a {background-position: -160px 0}
#content .buttons .el_18 a {background-position: -170px 0}
#content .buttons .el_19 a {background-position: -180px 0}
#content .buttons .el_20 a {background-position: -190px 0}

#content .buttons .el_1 a:hover, #content .buttons .el_1 span {background-position: 0 -11px}
#content .buttons .el_2 a:hover, #content .buttons .el_2 span {background-position: -10px -11px}
#content .buttons .el_3 a:hover, #content .buttons .el_3 span {background-position: -20px -11px}
#content .buttons .el_4 a:hover, #content .buttons .el_4 span {background-position: -30px -11px}
#content .buttons .el_5 a:hover, #content .buttons .el_5 span {background-position: -40px -11px}

#content .buttons .el_6 a:hover, #content .buttons .el_6 span {background-position: -50px -11px}
#content .buttons .el_7 a:hover, #content .buttons .el_7 span {background-position: -60px -11px}
#content .buttons .el_8 a:hover, #content .buttons .el_8 span {background-position: -70px -11px}
#content .buttons .el_9 a:hover, #content .buttons .el_9 span {background-position: -80px -11px}
#content .buttons .el_10 a:hover, #content .buttons .el_10 span {background-position: -90px -11px}

#content .buttons .el_11 a:hover, #content .buttons .el_11 span {background-position: -100px -11px}
#content .buttons .el_12 a:hover, #content .buttons .el_12 span {background-position: -110px -11px}
#content .buttons .el_13 a:hover, #content .buttons .el_13 span {background-position: -120px -11px}
#content .buttons .el_14 a:hover, #content .buttons .el_14 span {background-position: -130px -11px}
#content .buttons .el_15 a:hover, #content .buttons .el_15 span {background-position: -140px -11px}

#content .buttons .el_16 a:hover, #content .buttons .el_16 span {background-position: -150px -11px}
#content .buttons .el_17 a:hover, #content .buttons .el_17 span {background-position: -160px -11px}
#content .buttons .el_18 a:hover, #content .buttons .el_18 span {background-position: -170px -11px}
#content .buttons .el_19 a:hover, #content .buttons .el_19 span {background-position: -180px -11px}
#content .buttons .el_20 a:hover, #content .buttons .el_20 span {background-position: -190px -11px}

#content .man_top_left {background: url(/images/new/images/man_top_left.png); width: 292px; height: 212px; position: absolute; top: 80px; left: 18px}
#content .man_top_right {background: url(/images/new/images/man_top_right.png); width: 285px; height: 266px; position: absolute; top: 26px; right: 16px}

#content .block_portfolio {background: url(/images/new/images/bg_portfolio.jpg) 50% 50%; border: 9px #000 solid; position: relative}
#content .block_portfolio .block_top {background: #fff url(/images/new/images/text/portfolio.gif) 41px 19px no-repeat; height: 35px; padding: 27px 5px 0 0}
#content .block_portfolio .block_top dl {font-size: 13px; float: right}
#content .block_portfolio .block_top dt {background: url(/images/new/images/text/look.gif) no-repeat; width: 80px; height: 17px; overflow: hidden; float: left}
#content .block_portfolio .block_top dd {float: left; padding: 0 2px}
#content .block_portfolio .block_top a {color: #5a3200}
#content .block_pix {width: 824px; height: 241px; font-size: 13px; text-align: center; overflow: hidden; margin-left: 41px}
#content .block_pix .pix {width: 900px}
#content .block_pix div {float: left; margin-right: 25px}
#content .block_pix img {width: 252px; height: 194px; border: 3px #897048 solid; display: block; margin-bottom: 5px}
#content .block_pix a {color: #000}
#content .block_pix .empty_1,
#content .block_pix .empty_2,
#content .block_pix .empty_3,
#content .block_pix .empty_4 {background: #fff; height: 41px; display: block; position: absolute; bottom: 0}
#content .block_pix .empty_1 {width: 41px; left: 0}
#content .block_pix .empty_2 {width: 25px; left: 299px}
#content .block_pix .empty_3 {width: 25px; left: 582px}
#content .block_pix .empty_4 {width: 41px; left: 865px}
#content .block_portfolio .arrow_left, #content .block_portfolio .arrow_right {top: 147px}

#content .studio {font-size: 13px; padding-top: 25px}
#content .studio h1 {color: #f00; font-size: 16px; font-weight: normal}
#content .studio .tv_movie {padding-left: 30px}
#content .studio .tv_pic {width: 268px; height: 332px; position: relative; margin-top: -50px; padding-right: 8px}
#content .studio .tv_pic object {width: 236px; height: 171px; position: absolute; top: 74px; left: 21px}
/* #content .studio .tv_pic object embed {width: 236px; height: 171px; position: absolute; top: 74px; left: 21px} */
#content .studio .tv_pic img {position: absolute; top: 0; left: 0}
#content .events {padding: 25px 0 45px 0}
#content .events td {width: 33%; text-align: left;}
#content .events .cntr {padding: 0 25px}
#content .events div {margin-bottom: 10px}
#content .events span {color: #897048; display: block}

#content .block_clients {background: url(/images/new/images/bg_clients_1.jpg) 50% 50%; height: 141px; position: relative; margin: 0px 0 25px 0; padding: 0 10px 10px 10px}
#content .cat {background: url(/images/new/images/cat.jpg); width: 92px; height: 60px; position: absolute; top: -60px; left: 422px}
#content .clients {background: url(/images/new/images/bg_clients_2.jpg) 50% 50%; width: 281px; height: 84px; float: left; position: relative; margin-top: 10px; padding: 47px 0 0 40px}
#content .clients .title {background: url(/images/new/images/text/clients.png); width: 94px; height: 23px; overflow: hidden; position: absolute; top: 12px; left: 40px}
#content .clients .pix {width: 241px; overflow: hidden}
#content .clients .pix div {width: 300px}
#content .clients .pix img {display: block; float: left; margin-right: 27px}
#content .center {width: 117px; color: #fff; text-align: center; float: left; position: relative; padding: 27px 10px 0 10px}
#content .center .title {background: url(/images/new/images/text/clients_faces.png); width: 113px; height: 18px; overflow: hidden; position: absolute; top: 6px; left: 12px}
#content .center img {border: 1px #fff solid; display: block}
#content .partners {background: url(/images/new/images/bg_clients_2.jpg) 50% 50%; width: 406px; height: 84px; float: left; position: relative; margin-top: 10px; padding: 47px 0 0 40px}
#content .partners .title {background: url(/images/new/images/text/partners.png); width: 108px; height: 28px; overflow: hidden; position: absolute; top: 12px; left: 40px}
#content .partners .pix {width: 366px; overflow: hidden}
#content .partners .pix div {width: 450px}
#content .partners .pix img {display: block; float: left; margin-right: 22px}
#content .block_clients .arrow_left, #content .block_clients .arrow_right {top: 57px}

#content .block_text {width: 924px; min-height: 610px; overflow: hidden}
#content .blocks {width: 1000px}
#content .block {width: 293px; float: left; padding-right: 18px}
#content .block_text h3 {font-family: arial; font-size: 19px; margin-bottom: 10px}
#content .block_text u {background: #c9b38f; color: #fff; text-decoration: none; padding: 0 2px}

#content .man_bottom, #content .man_bottom .pic {width: 279px; height: 294px; position: absolute}
#content .man_bottom {bottom: -46px; right: 3px}
#content .man_bottom .pic {background: url(/images/new/images/man_bottom.png); top: 0; left: 0}
#content .man_bottom p {width: 107px; height: 75px; line-height: 12px; text-align: center; position: absolute; top: 13px; left: 18px}
#content .man_bottom a {color: #978156; font-size: 12px; line-height: 13px}
#content .man_bottom .hand {background: url(/images/new/images/man_bottom_hand.png); width: 32px; height: 12px; cursor: pointer; overflow: hidden; display: block; position: absolute; top: 108px; left: 52px}
#content .man_bottom img {width: 109px; height: 143px; display: block; position: absolute; top: 110px; left: 7px}



#contacts .man {background: url(/images/new/images/man_map.png); width: 947px; height: 265px; position: absolute; top: 11px; left: 0}
#contacts #content {min-height: 720px}
.address {background: url(/images/new/images/text/address.png); width: 324px; height: 76px; position: relative; margin: 20px 0 33px 0}
.address a {width: 127px; height: 20px; overflow: hidden; display: block; position: absolute; bottom: 0; left: 94px}
.contact_us {background: url(/images/new/images/bg_clients_2.jpg); width: 316px; border: 1px #000 solid; padding: 14px 0 31px 17px}
.contact_us .title {background: url(/images/new/images/text/contact_us.png); width: 133px; height: 17px; overflow: hidden}
.contact_us .text {width: 287px; font-family: arial; border: 1px #000 solid; display: block; margin-bottom: 6px; padding: 2px 3px}
.contact_us textarea {height: 180px; margin-top: 12px}
.contact_us .button {background: url(/images/new/images/text/send.gif); width: 95px; height: 23px; border: none; cursor: pointer; display: block; position: absolute; margin-top: -2px; left: 218px}
.map {position: absolute; top: 320px; left: 375px}
.map img {display: block}
.map a {background: url(/images/new/images/text/print.gif); width: 72px; height: 17px; overflow: hidden; display: block; position: absolute; bottom: -7px; right: 14px}

#clients .man {background: url(/images/new/images/man_clients.png); width: 839px; height: 259px; position: absolute; top: 17px; left: 116px}
#clients .header {background: url(/images/new/images/text/clients.gif); width: 920px; height: 25px; overflow: hidden; margin: 10px 0 30px 0}
#clients .header_2 {background: url(/images/new/images/text/our_partners.gif); width: 181px; height: 32px; overflow: hidden; margin: 50px 0 20px 0}
.clients_block div {min-height: 97px; position: relative; margin-bottom: 20px; padding-left: 220px}
.clients_block img {width: 200px; height: 95px; border: 1px #ede4d5 solid; display: block; position: absolute; top: 4px; left: 0}
.clients_block h4 {color: #897048; font-size: 20px; font-weight: normal; letter-spacing: -1px}

#rewards #content {padding-top: 60px}
#rewards .header {background: url(/images/new/images/text/our_rewards.png); width: 222px; height: 44px; margin: 0 0 10px 257px}
#rewards .header_2 {background: url(/images/new/images/text/studio_rewards.gif); width: 314px; height: 26px; margin: 0 0 10px 220px}
#rewards .arrow_left {top: 252px; left: -12px}
#rewards .arrow_right {top: 252px; right: -15px}
#rewards .man_left, #clients_faces .man_left {background: url(/images/new/images/man_left.png); width: 153px; height: 359px; position: absolute; top: 426px; left: 10px}
#rewards .man_right, #clients_faces .man_right {background: url(/images/new/images/man_right.png); width: 135px; height: 349px; position: absolute; top: 436px; right: -10px}
.block_rewards {width: 100%; overflow: hidden}
.block_rewards .rewards {width: 1100px; height: 278px; margin-left: 20px}
.block_rewards .rewards div {background: url(/images/new/images/bg_rewards.png); width: 173px; height: 222px; float: left; margin-right: 37px; padding: 56px 0 0 21px}
.block_rewards .rewards img {width: 150px; height: 200px}
#rewards .text_1 {color: #fff; font-family: arial; font-size: 12px; padding: 35px 190px 40px 220px}
#rewards .text_2 {font-family: arial; font-size: 12px; padding: 0 190px 50px 220px}

#clients_faces #content {padding-top: 60px}
#clients_faces .header {background: url(/images/new/images/text/client_faces.png); width: 257px; height: 41px; margin-left: 257px}
#clients_faces .header_2 {background: url(/images/new/images/text/clients_about.gif); width: 242px; height: 19px; margin: 80px 0 10px 220px}
#clients_faces .man_left {top: 690px}
#clients_faces .man_right {top: 700px}
.block_clients_faces {background: url(/images/new/images/bg_client_faces.png); width: 856px; height: 708px; margin: -20px 0 0 30px}
.block_clients_faces div {width: 194px; position: absolute}
.block_clients_faces img {display: block; margin: 0 auto; margin-bottom: 27px}
.block_clients_faces span {width: 194px; text-align: center; display: block; margin: 0 auto}
.block_clients_faces .el_1 {top: 172px; left: 29px}     .block_clients_faces .el_1 img {width: 151px; height: 118px}
.block_clients_faces .el_2 {top: 175px; left: 277px}    .block_clients_faces .el_2 img {width: 112px; height: 151px}
.block_clients_faces .el_3 {top: 160px; left: 488px}    .block_clients_faces .el_3 img {width: 116px; height: 115px}
.block_clients_faces .el_4 {top: 137px; left: 708px}    .block_clients_faces .el_4 img {width: 117px; height: 111px}
.block_clients_faces .el_5 {top: 411px; left: 52px}     .block_clients_faces .el_5 img {width: 112px; height: 103px}
.block_clients_faces .el_6 {top: 440px; left: 268px}    .block_clients_faces .el_6 img {width: 129px; height: 128px}
.block_clients_faces .el_7 {top: 398px; left: 472px}    .block_clients_faces .el_7 img {width: 121px; height: 137px}
.block_clients_faces .el_8 {top: 383px; left: 699px}    .block_clients_faces .el_8 img {width: 134px; height: 114px}
.block_clients_faces .el_9 {top: 664px; left: 180px}    .block_clients_faces .el_9 img {width: 196px; height: 103px}
.block_clients_faces .el_10 {top: 629px; left: 607px}   .block_clients_faces .el_10 img {width: 151px; height: 104px}
#clients_faces .text {font-family: arial; font-size: 12px; padding: 0 190px 50px 220px}

#company {}
#company .people .header {background: url(/images/new/images/text/company_people.gif); width: 327px; height: 22px; margin-bottom: 10px}
#company .who_we_are {background: url(/images/new/images/text/who_we_are.gif); width: 116px; height: 17px; overflow: hidden; margin: 25px 0 10px 0}
#company .creative {background: url(/images/new/images/text/creative.gif); width: 256px; height: 22px; margin: 30px 0 10px 0}
#company .activity .header {background: url(/images/new/images/text/activity.gif); width: 425px; height: 22px; margin: 30px 0 10px 0}
#company .activity .header_2 {background: url(/images/new/images/text/activity_coming.gif); width: 423px; height: 22px; margin: 30px 0 10px 0}
#company .people {width: 924px; overflow: hidden}
#company .people ul {width: 1100px; height: 140px; overflow: hidden}
#company .people li {float: left; padding-right: 37px}
#company .people img {border: 1px #b4b4b4 solid; margin-bottom: 3px; display: block}
#company .company_text {font-family: arial; font-size: 12px}
#company .company_text u {background: #c9b38f; color: #fff; text-decoration: none; padding: 0 2px}
#company .activity {width: 924px; font-family: arial; font-size: 12px; overflow: hidden}
#company .activity ul {width: 1100px; overflow: hidden}
#company .activity li {width: 180px; float: left; padding-right: 6px}
#company .activity img {border: 1px #b4b4b4 solid; margin-bottom: 3px; display: block}
#company .table_activity {}
#company .table_activity td {width: 180px; padding-right: 6px}
#company .table_activity img {border: 1px #b4b4b4 solid; margin-bottom: 3px; display: block}

.portfolio_block {}
.portfolio_block div {min-height: 226px; position: relative; margin-bottom: 20px; padding-left: 327px}
.portfolio_block .title {color: #897048; font-size: 16px; margin-top: 35px}
.portfolio_block img {background: #cdb186 url(/images/new/images/bg_clients_2.jpg) 50% 50%; width: 281px; height: 200px; display: block; position: absolute; top: 4px; left: 0; padding: 13px}
.portfolio_block h4 {font-size: 16px; font-weight: normal; margin-bottom: 10px}
.portfolio_block a {color: #000}
.portfolio_header {height: 30px; font-size: 21px; font-weight: bold; vertical-align: bottom; padding-left: 135px}
.portfolio_header li {float: left; padding-right: 35px}
.portfolio_header .small {font-size: 16px; margin-top: 5px}
.portfolio_header a {color: #000}

#sh .man {background: url(/images/new/images/man_sh.png); width: 449px; height: 240px; position: absolute; top: 27px; left: 287px}

#level_404 {background: url(/images/new/images/bg_404.jpg); height: 100%}
#level_404 body {background: none; height: 100%}
#level_404 #page {min-height: 500px}
#level_404 .level_404 {background: url(/images/new/images/bg_404_guy.jpg) no-repeat; width: 289px; height: 321px; position: absolute; top: 50%; left: 50%; margin: -160px 0 0 -144px}
#level_404 .logo {width: auto; height: auto; position: absolute; top: -43px; left: 146px}
#level_404 .logo_ie6 {width: 125px; height: 87px; display: none; position: absolute !important; top: -43px; left: 146px}
#level_404 a.logo_ie6 {cursor: pointer !important}
#level_404 p {width: 210px; font-family: arial; font-size: 18px; position: absolute; top: 151px; left: 151px}
#level_404 a {color: #000}

#auth {background: url(/images/new/images/bg_404.jpg)}
#auth body {background: none}
#auth .auth {width: 178px; margin: 0 auto; padding-top: 50px}
#auth .auth p {font-size: 16px; font-weight: normal; margin-bottom: 10px}
#auth .auth input {font-family: arial; border: 1px #000 solid; display: block; padding: 2px 3px}
#auth .auth .text {width: 170px; margin-bottom: 6px}
#auth .auth .button {width: 95px; cursor: pointer}

#portfolio_2 {background: url(/images/new/images/bg_404.jpg)}
#portfolio_2 body {background: url(/images/new/images/bg_portfolio_3.jpg) 50% 0 no-repeat}
#portfolio_2 .portfolio_block img {width: 281px; height: 200px; display: block; border: 11px #fff solid; position: absolute; top: 4px; left: 0; padding: 2px}
#portfolio_2 .portfolio_block p {font-family: arial; font-size: 13px}
#portfolio_2 .portfolio_block .title {color: #000; font-family: tahoma; font-size: 16px}
#portfolio_2 .portfolio_header {font-family: arial; padding-left: 85px}
#portfolio_2 .portfolio_header li {background: url(/images/new/images/bg_404.jpg); white-space: nowrap; margin-right: 19px; padding: 3px 10px 6px 10px}
#portfolio_2 .portfolio_header .el_1 {font-size: 23px}
#portfolio_2 .portfolio_header .el_2 {font-size: 16px; padding-top: 7px; padding-bottom: 7px}
#portfolio_2 .portfolio_header .el_3 {font-size: 20px; padding-top: 3px}
#portfolio_2 .portfolio_header .el_4 {font-size: 14px; padding-top: 9px; padding-bottom: 8px}
#portfolio_2 .portfolio_header .el_5 {font-size: 18px; padding-top: 5px; padding-bottom: 7px}

#design_world {background: url(/images/new/images/bg_404.jpg)}
#design_world body {background-image: url(/images/new/images/bg_top_3.jpg)}
#design_world #content {padding-top: 52px}
#design_world .header {color: #000; font-family: arial; font-size: 26px; padding: 0 0 30px 200px}
#design_world .block_left_1 {width: 590px; overflow: hidden; float: left}
#design_world .block_left_1 .block_left_2 {width: 640px}
#design_world .block_left_1 .block {background: #fff; width: 252px; margin: 0 34px 22px 0; padding: 13px 13px 5px 13px}
#design_world .block_left_1 img {width: 252px; height: 252px; display: block}
#design_world .block_left_1 span {font-family: arial; display: block; padding-top: 2px}
#design_world .block_right_1 {width: 300px; float: left; padding-left: 25px}
#design_world .block_right_1 p {font-family: arial; font-size: 12px}
#design_world .block_right_1 p a {color: #fff}
#design_world .block_right_1 .title {font-size: 17px}

.bottom_menu

{

	position: absolute;

	top: 110px;

}

.pages {height: 18px; overflow: hidden; margin-bottom: 25px}
.pages * {height: 18px}
.pages dt, .pages dd {float: left}
.pages dt {padding: 1px 10px 0 0}
.pages dd {padding: 0 3px}
.pages dd * {text-align: center; float: left; display: block; padding-top: 1px}


/* added by demix */
.tags_window
{
	width: 200px;
	max-height: 350px;
	overflow-y: auto;
	border: 1px solid gray;
	position: absolute;
	right: -220px;
	top: 50px;
	padding: 10px;
}
.tags_window a {font-size: 12px;}
.tags_window h1 {margin: 5px;}
.text_email_contacts {position: absolute; top: 385px; font-size: 22px;}
.contact_us {margin-top: 50px;}

#content .tarif_block
{
	height: 80px;
	position: relative;
}
#content .tarif_block img {position: absolute;}

#content .text {width: 700px;}

/* /added by demix */