* {font-size: 1em;}
ul, ol, p, li, h1, h2, h3, h4, h5, h6, form {margin: 0; padding: 0;}
ul, ol {list-style: none;}
img {border: none;}
.hidden {display: none;}

html {height: 100%; background: #000; font-size: 100.01%;}
body {position: relative; width: 975px; height: 100%; min-height: 675px; margin: 0 auto; padding: 0;
    background: #000; color: #bdbdbd; font: 0.55em 'Helvetica Neue', Arial, sans-serif;
    }
a {color: #bdbdbd;}

#all {position: relative; top: 50%; left: 0; height: 645px; margin-top: -325px;}

#head {position: relative; height: 39px;}
#mmenu {position: absolute; bottom: 0; right: 0;}
#mmenu ul {height: 24px;}
#mmenu li {float: left; height: 11px; padding: 13px 14px 0 15px;
    background: url(/i/mmenu.png) 0 -24px no-repeat;}
#mmenu li.sel {background-position: 0 0;}
#mmenu li.first {padding-left: 0; background-position: -15px -24px;}
#mmenu li.first-sel {padding-left: 0; background-position: -15px 0;}
#mmenu li.last {padding-right: 0;}
#mmenu li a:link, #mmenu li a:visited {float: left; color: #707070; text-decoration: none;
    text-transform: uppercase;}
#mmenu li a:hover, #mmenu li a:active {color: #eee;}

#main-wr {height: 504px; padding: 9px 0 8px;}
#main {position: relative; height: 504px; overflow: hidden; background: #333;}

#foot {height: 88px; background: url(/i/bg_foot.png) repeat-x;}
#foot #copy {padding-top: 20px; text-align: center; text-transform: uppercase;}



.p-index #work-info {position: absolute; bottom: 0; left: 0; width: 975px; color: #fff; font-size: 1.2em;}
.p-index #work-info #descr {padding: 15px 25px; background: url('/i/bg_black60.png') no-repeat;}
.p-index #work-info h1 {margin-bottom: 0.2em; font-size: 1.8em; font-weight: normal;}
.p-index #work-info .text {font-style: italic;}
.p-index #goto {position: absolute; top: 50%; right: 25px; margin-top: -18px;}
.p-index #goto a {display: block; width: 9em; height: 31px; padding: 5px 20px 0 0;
    background: url(/i/but_goto.png) 100% 0 no-repeat; color: #fff; text-decoration: none;}



.p-services #main {background: #000 url(/i/bg_grad.png) 0 100% repeat-x;}
.p-services #lenta-wr {width: 975px; height: 470px; overflow: hidden;}
.p-services #lenta {margin-left: 0; background: url(/i/lenta/photos.jpg) no-repeat;}
.p-services #lenta-i {width: 2895px; height: 454px; padding-top: 16px;
    background: url(/i/lenta/frames.png) no-repeat;}
.p-services #lenta a {float: left; width: 127px; height: 63px; overflow: hidden; text-indent: -1000px;}

.p-services #lenta a.mediaservice {margin: 65px 0 0 136px;}
.p-services #lenta a.polygraphy {margin: 129px 0 0 449px;}
.p-services #lenta a.internet {margin: 129px 0 0 385px;}
.p-services #lenta a.consulting {margin: 129px 0 0 385px;}
.p-services #lenta a.videoproduction {margin: 129px 0 0 193px;}
.p-services #lenta a.creative {clear: both; margin: 1px 0 0 456px;}
.p-services #lenta a.special {margin: 1px 0 0 1793px;}
.p-services #lenta a.pos {clear: both; margin: 1px 0 0 72px;}
.p-services #lenta a.branding {margin: 1px 0 0 1281px;}
.p-services #lenta a.expo {margin: 1px 0 0 1089px;}
.p-services #lenta a.events {clear: both; margin: 1px 0 0 648px;}
.p-services #lenta a.mediabuying {margin: 1px 0 0 257px;}
.p-services #lenta a.geography {margin: 1px 0 0 1025px;}

.p-services #dnav {margin: 0 200px; padding: 6px 6px 0; text-align: center;}
.p-services #dnav li {display: inline; margin: 0 10px 0 0; white-space: nowrap;}
.p-services #dnav a:link, .p-services #dnav a:visited {margin: 0 5px; color: #707070;
    text-decoration: none; text-transform: uppercase;}
.p-services #dnav a:hover, .p-services #dnav a:active {color: #eee;}

.p-services #arrows {position: absolute; bottom: 12px; right: 6px; font-size: 1.2em;}
.p-services #arrows a {background: url(/i/but_arrows.png) no-repeat; text-decoration: none;
    text-transform: uppercase;}
.p-services #arrows a:link, .p-services #arrows a:visited {color: #a9a9a9;}
.p-services #arrows a:hover, .p-services #arrows a:active {color: #eee;}
.p-services #arrows a.prev {margin-right: 5px; padding-left: 9px; background-position: 0 45%;}
.p-services #arrows a.next {margin-left: 5px; padding-right: 9px; background-position: 100% 45%;}



.p-clients #main {height: 502px; padding: 0 35px; background: #000; border: 1px solid #585858;}
.p-clients #main ul {margin-top: -28px;}
.p-clients #main ul li {position: relative; float: left; width: 180px; height: 70px;
    padding: 56px 0 0 0; text-align: center;}
.p-clients #main ul img {display: block; margin: 1px auto 0;
     -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}


.p-service #main-in {position: relative; height: 474px; overflow: hidden; padding: 15px;
    background: #252525;}
.p-service #ill-wr {position: absolute; top: 15px; left: 15px; width: 589px;
    background: url(/i/bg_vpunkt.png) 100% 0 repeat-y;}
.p-service #ill-wr p.back {padding: 10px 19px 3px 0; font-size: 1.2em; text-align: right;}
.p-service #ill-wr p.back a {padding-left: 9px; background: url(/i/but_back.png) 0 50% no-repeat;
    color: #eee; text-transform: uppercase;}
.p-service #ill {width: 568px; height: 446px; overflow: hidden; border: 1px solid #5c5c5c;}
.p-service #ill strong {display: block; margin: 145px 139px; padding-top: 57px; color: #fff;
    font-size: 3.4em; font-weight: normal; text-align: center;}
.p-service #info {position: relative; overflow: hidden; margin: 0px 0 0 607px;
    color: #969696; font-size: 1.4em;}
.p-service #info .suptitle {margin: 0.2em 0 0.5em; font-size: 2em; font-weight: normal;
    text-transform: uppercase; color: #fff;}
.p-service #info .subtitle {margin: -0.3em 0 0.73em; padding-bottom: 0.2em;
    background: url(/i/bg_hpunkt.png) 0 100% repeat-x; color: #fff; font-size: 1.5em;
    font-weight: normal; font-variant: small-caps;}
.p-service #info p {margin: 1em 0;}
.p-service #info p.foot {position: relative; bottom: 0; color: #fff; font-size: 0.85em;}
.p-service #info p em {color: #fff; font-style: normal;}
.p-service #info ul {margin: 1em 0 1em 1.5em; list-style: disc;}
.p-service #info ul a:link, .p-service #info ul a:visited {color: #969696;}
.p-service #info ul a:hover, .p-service #info ul a:active {color: #fff;}

.p-service .stype-pos #ill {background: url(/media/stypes/pos.jpg) no-repeat;}

.p-service #ill .arrows a {position: absolute; top: 208px; width: 31px; height: 31px;
    background: url(/i/but_gal.png) no-repeat;}
.p-service #ill .arrows a.prev {left: 1px; background-position: 0 0;}
.p-service #ill .arrows a.next {right: 20px; background-position: -31px 0;}
.p-service #ill .arrows a.hidden {display: block; background: none; outline: none;}
.p-service #ill ul li {width: 568px; height: 446px; text-align: center;}
.p-service #ill .play {position: absolute; left: 245px; top: 184px; width: 80px; height: 80px; background: url(/i/but_portfolio.png) -160px 0 no-repeat;}

.stype-mediaservice .suptitle {color: #fb701f;}
.stype-pos .suptitle {color: #81c406;}
.s-polygraphy .suptitle {color: #01e8fe !important;}
.stype-creative .suptitle {color: #e7349d;}
.stype-events .suptitle {color: #ffe400;}
.stype-internet .suptitle {color: #60b0fa;}
.stype-mediabuying .suptitle {color: #fe0000;}
.stype-brandingh1 {color: #29d002;}
.stype-consulting .suptitle {color: #d45af3;}
.stype-videoproduction .suptitle {color: #60b0fa;}
.stype-geography .suptitle {color: #fff100;}
.stype-special .suptitle {color: #e5549b;}
.stype-expo .suptitle {color: #009c8b;}

.psection .suptitle, .psection .subtitle {text-transform: uppercase;}
.psection .suptitle, .psection h1.subtitle {color: #fe0000;}
.psection-index #info .descr ul {list-style: none; margin-left: 0;}
.psection-index #info .descr li {margin: 0.3em 0; color: #fff; font-size: 1.6em;}
.psection-index #info .descr a {color: #fff !important;}

.p-service #info-controls {position: absolute; right: 15px; bottom: 0; width: 338px; height: 39px;
    background: #252525 url(/i/bg_hpunkt.png) repeat-x;}
.p-service #info-controls a {position: absolute; top: 7px; width: 35px; height: 11px;
    background: url(/i/but_scroll.png) no-repeat;}
.p-service #info-controls a.down {left: 131px; background-position: 0 0;}
.p-service #info-controls a.up {left: 171px; background-position: -35px 0;}



.p-portfolio #main {background: #000;}
.p-portfolio #works li {display: none;}
/*.p-portfolio .work-info {position: absolute; bottom: 0; left: 0; width: 975px; color: #fff; font-size: 1.2em;}
.p-portfolio .work-info .descr {padding: 15px 25px; background: url('/i/bg_black60.png') no-repeat;}
.p-portfolio .work-info h1 {margin-bottom: 0.2em; font-size: 1.8em; font-weight: normal;}
.p-portfolio .work-info .text {font-style: italic;}*/
.p-portfolio #arrows a {display: none; position: absolute; top: 216px; width: 80px; height: 80px;
    border: 1px solid #585858; background: url(/i/but_portfolio.png) no-repeat;}
.p-portfolio #arrows a.prev {left: 0px; background-position: 0 0; border-left: none;}
.p-portfolio #arrows a.next {right: 0px; background-position: -80px 0; border-right: none;}
.p-portfolio #arrows a.hidden {display: block; background: none; outline: none;}
.p-portfolio .play {position: absolute; left: 447px; top: 216px; width: 80px; height: 80px; background: url(/i/but_portfolio.png) -160px 0 no-repeat;}

.p-portfolio-videos #video-list {height: 502px; margin: 1px; background: #000;}
.p-portfolio-videos #video-list li {float: left; width: 272px; overflow: hidden; margin-top: 29px; padding-left: 39px;}
.p-portfolio-videos #video-list li.first {clear: both;}
.p-portfolio-videos #video-list li p.img {overflow: hidden; height: 171px;}
.p-portfolio-videos #video-list li p.img img {margin-top: -15px;}
.p-portfolio-videos #video-list li p.label {margin-top: 10px; font-size: 1.1em; text-align: center; text-transform: uppercase;}
.p-portfolio-videos #arrows {position: absolute; bottom: 12px; right: 39px; font-size: 1.2em;}
.p-portfolio-videos #arrows a {background: url(/i/but_arrows.png) no-repeat; text-decoration: none; text-transform: uppercase;}
.p-portfolio-videos #arrows a:link, .p-portfolio-videos #arrows a:visited {color: #a9a9a9;}
.p-portfolio-videos #arrows a:hover, .p-portfolio-videos #arrows a:active {color: #eee;}
.p-portfolio-videos #arrows a.prev {padding-left: 9px; background-position: 0 45%;}
.p-portfolio-videos #arrows a.next {margin-left: 10px; padding-right: 9px; background-position: 100% 45%;}

.p-portfolio-video .video {height: 454px; margin: 20px 20px 0;}
.p-portfolio-video p.back {padding: 7px 0 0 20px; font-size: 1.2em; text-align: left;}
.p-portfolio-video p.back a {padding-left: 9px; background: url(/i/but_back.png) 0 50% no-repeat;
    color: #eee; text-transform: uppercase;}

/*
.p-contacts #main {background: #161616;}
.p-contacts form {padding: 15px 20px;}
.p-contacts p.email_sent {margin: 0 0 1em; color: yellow; font-size: 1.4em;}
.p-contacts h1, .p-contacts h2 {color: #fff; font-size: 2.5em; font-weight: normal;}
.p-contacts form p {margin: 1em 0; color: #3aa9d7; font-size: 1.4em;}
.p-contacts form a:link, .p-contacts form a:visited {color: #3aa9d7;}
.p-contacts form a:hover, .p-contacts form a:active {color: #fff;}
.p-contacts form .row {position: relative; width: 378px; margin: 0.75em 0; padding: 2px 3px;
    border: 1px solid #4e4d4d; color: #3aa9d7; font-size: 1.4em;}
.p-contacts form .row label {position: absolute; width: 50px;}
.p-contacts form .row input {width: 328px; padding: none; border: none; margin-left: 50px;
    background: none; color: #fff;}
.p-contacts form .row .errorlist {position: absolute; top: 3px; left: 0; width: 550px; margin-left: 393px;
    color: #f00; font-size: 1em;}
.p-contacts form .row textarea {width: 378px; height: 100px; padding: none; border: none; margin-top: 1.5em;
    background: none; color: #fff; font: 1em Arial, 'Helvetica Neue', sans-serif;}
.p-contacts form .controls {width: 384px; overflow: hidden;}
.p-contacts form .controls img {float: left;}
.p-contacts form .controls span.captcha {float: left; padding: 2px 3px; border: 1px solid #4e4d4d; color: #3aa9d7; font-size: 1.4em;}
.p-contacts form .controls span.captcha input {width: 50px; padding: none; border: none;
    background: transparent; color: #fff;}
.p-contacts form .controls span.buts {float: right;}
.p-contacts form .controls button {display: inline; border: none; background: none; color: #fff;
    font-size: 1.5em; cursor: pointer;}
.p-contacts form .controls button span {text-decoration: underline;}
.p-contacts form .controls .errorlist {clear: both; padding-top: 0.5em; color: #f00; font-size: 1.4em;}
*/

.p-contacts form {height: 420px; padding: 84px 178px 0 280px; background: #fff url(/i/bg_contacts.jpg) no-repeat; color: #161616;
    font-size: 1.4em;}
.p-contacts .contact-info {overflow: hidden; zoom: 1; margin-bottom: 1.3em;}
.p-contacts .contact-info p {float: left; width: 250px; margin-right: 6px;}
.p-contacts form .row {position: relative; width: 498px; overflow: hidden; zoom: 1; margin: 6px 0;}
.p-contacts form .row input, .p-contacts form .row textarea {padding: 2px; border: 1px solid #434242; background: #fff; color: #161616;
    font: 1em Arial, 'Helvetica Neue', sans-serif;}
.p-contacts form .row input {width: 209px;}
.p-contacts form .row textarea {width: 492px; height: 104px;}
.p-contacts form .row input.with-label {color: #999;}
.p-contacts form .row .errorlist {position: absolute; top: 5px; left: 220px; color: #f00; font-size: 0.85em;}
.p-contacts form .row_controls img {border: 1px solid #434242; vertical-align: -6px;}
.p-contacts form .row_controls input {width: 100px;}
.p-contacts form .row_txt .errorlist, .p-contacts form .row_controls .errorlist {position: static; display: inline-block; margin-top: 0.25em;
    padding: 1px 3px 0; background: #fff;}
.p-contacts form .row_controls span.buts {position: absolute; top: 0; right: 0;}
.p-contacts form .row_controls button {display: inline; padding: 0 0 0 10px; border: none; background: none; color: #161616;
    font-size: 0.75em; cursor: pointer; text-transform: uppercase; outline: none;}