* {padding:0; margin:0}
html {height:100%; background:#2f273b}
body {position:relative; height:100%; background:#2f273b; font-family:tahoma; font-size:12px; color:#9892a0; min-width:1000px}
img {border:0}
a {outline:none; color:#9892a0}
a:hover {text-decoration:none}
ul {list-style:none}
p {padding:0 0 14px}

.container {min-height:100%; background:url(/images/head.jpg) center 0 no-repeat; position:relative}
* html .container {height:100%}

.head {width:1000px; height:215px; margin:0 auto}
a.logo {margin:67px 0 0 9px; position:absolute}
a.logo-in {margin:67px 0 0 20px; position:absolute}
.sticker {position:absolute; margin:155px 0 0 805px}
.pencil {width:316px; height:90px; position:absolute; margin:540px 0 0 160px; background:url(/images/pencil.png); z-index:99}
.lastic {width:129px; height:119px; position:absolute; margin:464px 0 0 490px; background:url(/images/lastic.png)}
.about-us-info {font-size:11px; line-height:14px; color:#9892a0; width:360px; position:absolute; margin:255px 0 0 515px}
a.link {display:block; width:188px; height:26px; background:url(/images/link.png); padding:15px 0 0 20px}
.about-us-info p {padding:16px 0 26px 20px}
.about-us-info .url {margin:0 0 0 20px}
.about-us-info .url img {top:12px; left:-15px; margin:0}
.about-us-info .url a {width:16px; height:16px; float:left; margin:0 5px 0 0; position:relative; top:7px}
.about-us-info .url td div {padding-right:10px}
.about-us-info .url a.pdf {background:url(/images/pdf.png) no-repeat}
.about-us-info .url a.doc {background:url(/images/doc.png) no-repeat}
.head ul {overflow:hidden; position:absolute; margin:95px 0 0 279px}
.head ul li {float:left; background:url(/images/slanting.png) no-repeat; padding:3px 19px 1px 23px; position:relative; left:-23px; width:auto}
.head ul li a {float:left; height:13px; cursor:pointer; width:auto}
.head ul li a.about-us {width:74px; background:url(/images/link-1.png)}
.head ul li a.services {width:78px; background:url(/images/link-2.png)}
.head ul li a.portfolio {width:69px; background:url(/images/link-3.png)}
.head ul li a.press {width:80px; background:url(/images/link-4.png)}
.head ul li a.contacts {width:57px; background:url(/images/link-5.png)}
.head ul li a.about-us:hover {background:url(/images/link-1h.png)}
.head ul li a.services:hover {background:url(/images/link-2h.png)}
.head ul li a.portfolio:hover {background:url(/images/link-3h.png)}
.head ul li a.press:hover {background:url(/images/link-4h.png)}
.head ul li a.contacts:hover {background:url(/images/link-5h.png)}
.head ul li a span {display:none}
.lang {position:absolute; margin:91px 0 0 907px}
.lang a {float:left; width:40px; height:16px; text-align:center; padding:8px 0 0; margin:0 0 0 4px}
.lang a.current-lang {background:url(/images/lang.png)}

.service-info {padding:28px 0 0 0}
.service-info li {float:left; font-size:11px; line-height:14px; width:auto}
.service-info li.dev-info {width:262px; padding:0 0 0 21px}
.service-info li.adv-info {width:266px; padding:0 95px 0 63px}
.service-info li.des-info {width:256px}

.our-clients {clear:both; padding:40px 0 0; width:972px; overflow:hidden; position:relative; z-index:2; left:12px}
.our-clients table {margin:46px 0 -6px -1px; position:relative; z-index:0}
.our-clients td {height:84px; background:url(/images/line.png) 0 bottom no-repeat; width:162px; text-align:center}

.last-work {width:943px; height:323px; margin:0 auto; padding:57px 0 0 50px}
.last-work a {position:absolute; margin:-98px 0 0 56px}
.last-work span {width:400px; height:383px; background:url(/images/last-work.png) no-repeat; position:absolute; margin:-57px 0 0 -57px}
.last-work span img {width:270px; height:270px}

.menu {width:1000px; margin:0 auto; height:auto; display:table}
.menu li {float:left; width:auto}
.menu li a {float:left; height:52px; position:relative; cursor:pointer; width:auto}
.menu li a span {display:none}
.menu li.development {width:283px; background:url(/images/d1.png) no-repeat}
.menu li.advancement {width:319px; background:url(/images/a1.png) no-repeat; margin:0 41px 0 42px}
.menu li.design {width:314px; background:url(/images/g1.png) no-repeat}
.menu li.development_ {width:283px}
.menu li.advancement_ {width:319px; margin:0 41px 0 42px}
.menu li.design_ {width:314px}
.menu li.development a, .menu li.development_ a {width:283px; background:url(/images/development.png)}
.menu li.advancement a, .menu li.advancement_ a {width:319px; background:url(/images/advancement.png)}
.menu li.design a, .menu li.design_ a {width:314px; background:url(/images/design.png)}
.menu li.development a:hover, .menu li.development_ a:hover, .menu li.development a.active {background:url(/images/development1.png)}
.menu li.advancement a:hover, .menu li.advancement_ a:hover, .menu li.advancement a.active {background:url(/images/advancement1.png)}
.menu li.design a:hover, .menu li.design_ a:hover, .menu li.design a.active {background:url(/images/design1.png)}

.breadcrumbs {color:#f9f9f9; font-size:18px; width:979px; margin:0 auto; padding:48px 0 0 21px}
.breadcrumbs-in {color:#f9f9f9; font-size:18px; width:979px; margin:0 auto 48px; padding:0 0 0 21px}
.breadcrumbs a, .breadcrumbs-in a {color:#f9f9f9}
.breadcrumbs img, .breadcrumbs-in img {margin:0 8px; position:relative; top:-2px}

.main {width:1000px; min-height:480px; margin:0 auto; padding:5px 0 240px}
.content {width:1000px; min-height:480px; margin:0 auto; padding:60px 0 282px}

.first, .second, .third {min-height:142px; padding:0 0 33px 195px; color:#9892a0; line-height:14px; margin:0 0 0 28px; width:777px}
.first h2 span, .second h2 span, .third h2 span {display:none}
.first h2, .second h2, .third h2 {padding:11px 0 18px}

.first {background:url(/images/1.png) no-repeat}
.second {background:url(/images/2.png) no-repeat}
.third {background:url(/images/3.png) no-repeat}

.article {color:#d6d6d6; min-height:142px; padding:0 0 23px 131px; line-height:14px; margin:0 0 0 63px; width:790px; background:url(/images/press.png) no-repeat}
.article h2, .article h2 a {font-size:24px; color:#fff; font-family:arial; font-weight:normal; padding:11px 0 24px; text-decoration:none}
.article h2 a:hover {text-decoration:underline}
.article h1 {font-size:36px; color:#fff; font-family:arial; font-weight:normal; padding:6px 0 30px; position:relative}

.development-sites {display:table; overflow:hidden; width:1002px}
.development-sites li {display:block; float:left; font-size:11px; height:150px; line-height:14px; padding:0 30px 52px 23px; width:281px;}
/*.development-sites li {float:left; width:281px; padding:0 30px 52px 23px; font-size:11px; line-height:14px; display: block; height: 300px;}*/
.development-sites li img {width:281px; height:133px}
.development-sites li a {color:#9892a0; text-decoration:none; font-size:12px}
.development-sites li a span {display:block; padding:12px 0 16px; text-decoration:underline}
.development-sites li a:hover {color:#fff}
.development-sites-all {display:table; overflow:hidden; width:1002px}
.development-sites-all li {display:block; float:left; font-size:11px; line-height:14px; padding:0 30px 52px 23px; width:281px;}
.development-sites-all li img {width:281px; height:133px}
.development-sites-all li a {color:#9892a0; text-decoration:none; font-size:12px}
.development-sites-all li a span {display:block; padding:12px 0 16px; text-decoration:underline}
.development-sites-all li a:hover {color:#fff}



.sites {padding:0 0 0 21px; margin:-36px 0 0}
.sites h1 {font-size:22px; color:#fff; font-family:arial; font-weight:normal; padding:0 0 18px; margin:0 0 0 -1px}

.scrn {width:746px; background:url(/images/s-center.png) repeat-y; margin:40px 0 70px 91px; text-align:center}
.scrn div {background:url(/images/s-top.png) no-repeat; padding:44px 0 0}
.scrn div img {background:url(/images/s-bottom.png) 0 100% no-repeat; padding:0 3px 10px; margin:0 -3px; width:740px}
.scrn-d {width:746px; background:url(/images/s-center.png) repeat-y; margin:40px 0 70px 91px; text-align:center}
.scrn-d div {background:url(/images/s-top-d.png) no-repeat; padding:8px 0 0}
.scrn-d div img {background:url(/images/s-bottom.png) 0 100% no-repeat; padding:0 3px 10px; margin:0 -3px; width:740px}

.url {background:url(/images/url.png) no-repeat; margin:40px auto 0; position:relative; left:-20px}
.url td div {position:relative; left:17px; top:-2px; background:url(/images/url-right.png) 100% 0 no-repeat; height:34px; padding:0 30px 0 16px; line-height:34px}
.url td div img {float:left; margin:0 12px 0 -5px; position:relative; top:10px}
.url a {color:#fff; position:relative; top:-1px}
.url td div img.s-url {top:9px}

.seo {padding:0 0 0 12px; margin:-16px 0 0}
.seo h4 {font-weight:normal; color:#fff; padding:0 0 15px; font-size:12px}
.seo h4 a {color:#fff}
.seo table {margin:0 0 68px}
.seo td {background:url(/images/table.png) repeat; width:70px; padding:12px 23px; text-align:center; font-size:11px; font-weight:bold}
.seo td.first-col {width:225px; padding:13px 23px; text-align:left}
.seo td.seo-lt {width:225px; padding:13px 23px; text-align:left; background:url(/images/seo-lt.png) no-repeat; font-size:12px}
.seo td.seo-rt {background:url(/images/seo-rt.png) 100% 0 no-repeat; text-align:center; width:auto}
.seo td.seo-lb {width:225px; padding:12px 23px; text-align:left; background:url(/images/seo-lb.png) 0 100% no-repeat; font-size:12px}
.seo td span {font-weight:normal}
.seo td.first-col span {font-weight:normal; font-size:12px}
.seo td.seo-rb {text-align:center; width:auto; background:url(/images/seo-rb.png) 100% 100% no-repeat}
.seo td.seo-rt span {font-weight:normal; font-size:12px}

.dev-sites {margin:-50px 0 0}
.adv-sites .menu, .des-sites .menu {margin:70px 0 0}
.dev-sites p, .adv-sites p, .des-sites p {padding:46px 0 52px 22px; color:#d6d6d6}
.dev-sites .url, .adv-sites .url, .des-sites .url {margin:10px auto}

.b-contacts {width:916px; background:url(/images/table.png); padding:37px 39px 0 25px; margin:-15px 0 0}
.c-top {height:23px; width:980px; background:url(/images/form-top.png) no-repeat; position:relative; top:-60px; margin:0 -39px 0 -25px; z-index:10}
.c-bottom {height:21px; width:980px; background:url(/images/form-bottom.png) no-repeat; margin:0 -39px 0 -25px; position:relative; top:21px; clear:both}
.contact-info {line-height:18px; color:#ddd7e4; float:left; width:268px}
.contact-info img {margin:0 0 28px}
.contact-info a {color:#ddd7e4}
.b-contacts p {margin:-50px 0 40px; line-height:18px}
.b-contacts span {position:absolute; margin:-25px 0 0}
.input-block {float:right; width:596px; background:url(/images/input.png) no-repeat; margin:23px 0 9px}
.input-block input {border:0; color:#ddd7e4; font-size:13px; font-family:tahoma; padding:6px 6px 8px; width:584px; background:none}
.text-block {width:590px; height:88px; background:url(/images/textarea.png) no-repeat; float:right; padding:2px 3px; margin:22px 0 9px}
.text-block textarea {width:585px; height:77px; border:0; padding:5px 3px 5px 3px; background:none; color:#ddd7e4; font-size:13px; font-family:tahoma; overflow:auto}
.send {float:right; width:596px; margin:9px 0 0}
.send input {width:167px; height:29px; background:url(/images/send.png) no-repeat; border:0; cursor:pointer}

.footer {height:133px; background:url(/images/footer.png) center top no-repeat; margin:-260px 0 0 0; padding:127px 0 0 0; position:relative; font-size:11px; line-height:14px; z-index:0}
.f-content {width:1000px; margin:0 auto; position:relative; z-index:5}
.copyright {float:left; padding:20px 0 0 23px; width:275px}
.clients {float:left; padding:20px 13px 0 20px; width:265px}
.counter {float:left; padding:19px 23px 0 10px; width:31px}
.telephone {float:left; width:310px; height:51px; background:url(/images/telephone.png)}
.telephone span {display:none}