@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)}

#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_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 .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 {background: url(/images/new/images/text/studio.gif) 0 26px no-repeat; width: 462px; font-size: 13px; float: left; padding: 62px 71px 0 0}

#content .events {background: url(/images/new/images/text/events.gif) 0 26px no-repeat; width: 391px; float: left; padding-top: 62px}

#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: 20px 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 .cat:hover {background: url(/images/new/images/cat_hover.png); width: 256px; height: 59px; left: 261px; top: -59px;}

#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.gif); width: 332px; height: 80px; 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: 150px;*/ width: 152px; height: 118px}

.block_clients_faces .el_2 {top: 175px; left: 277px}    .block_clients_faces .el_2 img {/*width: 111px;*/ width: 113px; height: 151px}

.block_clients_faces .el_3 {top: 160px; left: 488px}    .block_clients_faces .el_3 img {width: 115px; height: 115px}

.block_clients_faces .el_4 {top: 137px; left: 708px}    .block_clients_faces .el_4 img {/*width: 116px;*/ width: 118px; height: 111px}

.block_clients_faces .el_5 {top: 411px; left: 52px}     .block_clients_faces .el_5 img {/*width: 111px;*/ width: 113px; height: 103px}

.block_clients_faces .el_6 {top: 440px; left: 268px}    .block_clients_faces .el_6 img {width: 128px; height: 128px}

.block_clients_faces .el_7 {top: 398px; left: 472px}    .block_clients_faces .el_7 img {/*width: 120px;*/ width: 122px; height: 137px}

.block_clients_faces .el_8 {top: 383px; left: 699px}    .block_clients_faces .el_8 img {/*width: 133px;*/ width: 135px; height: 114px}

.block_clients_faces .el_9 {top: 664px; left: 180px}    .block_clients_faces .el_9 img {/*width: 195px;*/ width: 197px; height: 103px}

.block_clients_faces .el_10 {top: 629px; left: 607px}   .block_clients_faces .el_10 img {/*width: 150px;*/ width: 152px; height: 104px}

#clients_faces .text {font-family: arial; font-size: 12px; padding: 0 190px 50px 220px}



#company {}

#company .h1 {font-weight: bold; font-size: 22px; font-family: Arial; padding-top: 10px;}

#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 .company_text .highlight {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}

#front_partners_slider_id li.frame {cursor: default !important;}



#portfolio {background-image: url(/images/new/images/bg_portfolio_2.jpg)}

.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}



#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}

#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}





#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}



.c_login table td

{

	padding: 5px;

}

.c_login input

{

	border: 2px solid gray;

}

.bottom_menu

{

	position: absolute;

	top: 110px;

}


#contentWorld .clear {clear: both; width: 1px; height: 1px; overflow: hidden;}

#contentWorld {width: 924px; position: relative; margin: 0 auto; padding: 100px 0 20px 0}

#contentWorld .navigate {font-size: 13px;}
#contentWorld .navigate.letters {margin-left: -14px;}
#contentWorld .navigate .sort {}
#contentWorld .navigate.perPage {float: right; text-align: right;}
#contentWorld .navigate.perPage span {color: white; background: #5a3200;}
#contentWorld .navigate.pages span {color: white; background: #5a3200;}
#contentWorld .navigate a {margin-left: 10px; padding: 2px 4px; color: #5a3200;}
#contentWorld .navigate span {margin-left: 10px !important; padding: 2px 4px; color: black; background: #ffffff;}
#contentWorld .navigate i {margin-left: 10px !important; padding: 2px 4px;}
#contentWorld .navigate b {float: right; font-weight: normal;}

#contentWorld {}
#contentWorld .design {}
#contentWorld .design .image img {border: 3px solid black;}
#contentWorld .itemBig {float: left; margin: 0 20px 30px 0;}
#contentWorld .itemBig .data {position: absolute; left: 10px; top: 255px; font-size: 10px; color: #555555;}
#contentWorld .itemBig .data span {margin-right: 7px;}
#contentWorld .itemBig .data img {margin-right: 2px; vertical-align: middle;}
#contentWorld .design {}
#contentWorld .design {}
#contentWorld {}


#contentWorld .worldList {margin: 40px 0 20px;}

#contentWorld .worldList .item {float: left; position: relative; width: 126px; height: 175px; overflow: hidden; padding: 10px; margin: 0 30px 30px 0; background: white; border: 1px solid #898989;}
#contentWorld .worldList .item .image img {border: 3px solid black;}
#contentWorld .worldList .item .name {margin: 25px 0 0;}
#contentWorld .worldList .item .data {position: absolute; left: 10px; top: 137px; font-size: 10px; color: #555555;}
#contentWorld .worldList .item .data span {margin-right: 7px;}
#contentWorld .worldList .item .data img {margin-right: 2px; vertical-align: middle;}

#contentWorld .also {float: right;}
#contentWorld .also h2 {margin: 0 0 10px;}
#contentWorld .also .item {position: relative; width: 126px; height: 170px; overflow: hidden; padding: 10px; margin: 0 30px 30px 0; background: white; border: 1px solid #898989;}
#contentWorld .also .item .image img {border: 3px solid black;}
#contentWorld .also .item .name {margin: 20px 0 0;}
#contentWorld .also .item .data {position: absolute; left: 10px; top: 137px; font-size: 10px; color: #555555;}
#contentWorld .also .item .data span {margin-right: 7px;}
#contentWorld .also .item .data img {margin-right: 2px; vertical-align: middle;}


