*{margin:0; padding:0}
html, body{height:100%; width:100%; margin:0; padding:0}
body {min-height: 100%; height:100%; background:url(../img/body.png); position:relative}

img{border:none}
a{outline:0; color:#000; text-decoration:underline}
a:hover{text-decoration:none}
a:visited{color:#4d4d4d}
input:focus, textarea:focus{outline:none}
button{cursor:pointer}
.clear{clear:both; height:1px; display:block}
.centrify{margin:0 auto}
table{border-spacing:0; border-collapse:collapse}
.mainlink, .mainlink a, .mainlink h1{font:bold 16px Arial; color:#fff; text-shadow:0 -1px #444; text-decoration:none}
.border{background-image:url(../img/content.png); background-repeat:repeat-y; position:absolute; left:0; top:0; width:100%; height:100%}
img.diagram{position:absolute; top:263px; left:18px}
.dis, .act{cursor:default!important}
.dis b, .dis img{display:none}

textarea{resize:none}

.adm_form textarea{width:750px; height:190px; background:url(../img/tarea.png) top left no-repeat; border:none; padding:5px; font:normal 12px Verdana!important; color:#999}
textarea.tsm{width:460px; height:80px; background-image:url(../img/tarea2.png)}
textarea.read-only{background-position:0 -100px}

#main{width:913px; padding-top:15px; position:relative}

#menu a{display:block; float:left; padding-top:12px; height:32px; width:153px; background:url(../img/menu.png) top left repeat-x; position:relative; overflow:visible; text-align:center; text-decoration:none; font-weight:normal; padding-right:1px}
#menu a.first, #menu a.last{width:112px; padding-right:0}
#menu a.first{margin-left:18px; padding-right:19px; padding-left:0; width:113px; padding-top:13px; height:31px}
#menu a.last{padding-left:13px; width:116px}
#menu a b, #menu a span{display:block; position:absolute; top:0; left:-18px; height:44px; width:18px; background:url(../img/menu.png) left -176px no-repeat}
#menu a.last b{left:auto; right:-16px; width:16px; background-position:-2px -352px}
#menu a span{left:auto; right:0; background-position:left -528px; z-index:1000}
#menu a:hover{background-position:0 -44px}
#menu a:hover b{background-position:0 -220px}
#menu a:hover span{background-position:0 -572px}
#menu a.last:hover b{background-position:-2px -396px}
#menu a:active{background-position:0 -132px; padding-top:13px; height:31px}
#menu a:active b{background-position:0 -308px}
#menu a:active i{display:block; height:44px; width:18px; background:url(../img/menu.png) bottom left no-repeat; position:absolute; left:0; top:0}
#menu a.act i{display:none!important}
#menu a:active span{background-position:0 -660px}
#menu a.last:active b{background-position:-2px -484px}

#menu-services, #menu-team{padding-right:2px!important}
#menu-products, #menu-portfolio{width:151px!important; padding-right:3px!important}
#menu-team strong strong{margin-left:-1px}

#menu.admin a{width:89px}
#menu.admin a.first{width:64px}
#menu.admin a.last{width:65px}

#menu a.act{background-position:left -88px!important; padding-top:13px; height:31px}
#menu a.act b{background-position:left -264px!important}
#menu a.act span{background-position:left -616px!important}
#menu a.last.act b{background-position:-2px -440px!important}
#menu a.last.act u{display:none!important}
#menu a strong{font-weight:normal; position:absolute; top:12px; left:50%; width:100%}
#menu.admin a strong{position:relative; padding:0!important; z-index:1000; left:auto; top:auto}
#menu a strong strong{top:0; left:-50%}
#menu a.first strong img{margin-right:19px}
#menu a.last strong{padding-left:7px}

#content{min-height:200px; margin-top:10px; position:relative; background:url(../img/content.png) repeat-y; overflow:visible; font:normal 16px Arial; margin-bottom:10px; padding:10px 0; overflow:hidden}
#content .top, #content .bottom{position:absolute; top:0; left:0; width:100%; height:12px; background:url(../img/corners.png) top right no-repeat; z-index:997}
/*#content.home .top, #content.home .bottom{z-index:999}*/
#content .bottom{top:auto; bottom:0; height:17px; background-position:bottom right}
#content.fixed{height:548px; overflow:visible}
#content.home, #content.portfolio{background-position:-1564px 0}
/*#content.portfolio{background:none}*/
#content.home{margin-top:9px; height:550px; padding-top:0; padding-bottom:20px; margin-bottom:-1px}
#content.company, #content.portfolio{padding:0}
#content.contactus{overflow:visible}
#services{position:absolute; top:0; right:1px; height:567px; width:223px; overflow:hidden; z-index:998}
#content.home #services{top:1px}
.about-logo{width:874; height:337px; background:url(../img/about.png) top center no-repeat; position:absolute; top:0; left:0}
/*#content.home #services a.first span.head{padding-top:19px!important}
#content.home #services a span.head{padding-top:14px!important}*/
#services div{position:absolute; top:0; left:0; width:100%; height:100%}
#services a{display:block; height:143px; background:url(../img/services.png) top left no-repeat; padding-left:20px; text-shadow:0 -1px #444}
#services a:hover{background-position:-223px top}
#services a:active{background-position:-446px top}
#services a.act{background-position:-446px top}
#services a.first{height:146px}
#services a.second{height:138px; background-position:left -146px}
#services a.second:hover{background-position:-223px -146px}
#services a.second:active{background-position:-446px -146px}
#services a.second.act{background-position:-446px -146px}
#services a.third{background-position:left -284px}
#services a.third:hover{background-position:-223px -284px}
#services a.third:active{background-position:-446px -284px}
#services a.third.act{background-position:-446px -284px}
#services a.last{height:139px; background-position:left bottom}
#services a.last:hover{background-position:-223px bottom}
#services a.last:active{background-position:-446px bottom}
#services a.last.act{background-position:-446px bottom}

#services a span{display:block; font-size:12px; padding-bottom:8px; font-weight:normal}
#services a span.head{padding:15px 0; font-size:16px}
#services a.first span.head{padding-top:20px}

#content-left{margin:9px 237px 0 18px}
#content-left h1{font:bold 16px Arial; margin-bottom:17px}
#content-left h1 a{float:right; color:#000}
#content-left p{margin-bottom:6px; text-align:justify}
#content-left.about-content p{margin-bottom:20px}

.feedback{width:651px; height:442px; position:relative; margin-top:15px; background:url(../img/content.png) -913px top repeat-y}
.feedback.feed_small{height:364px}
.feedback .high, .feedback .low{height:11px; background:url(../img/feedback.png) top left}
.feedback .low{position:absolute; width:100%; left:0; bottom:0; background-position:left bottom; height:47px}
.feedback .low div{padding:15px 10px 0 10px}
.feedback .low a, .feedback .low .attach{color:#000; padding-left:15px; position:relative; overflow:hidden}
.feedback #feedback-title.low a{padding:0; font-weight:bold}
.feedback .low .attach{background:url(../img/paper-clip.png) left 2px no-repeat; cursor:pointer; text-decoration:underline}
.feedback .low .attach:hover{text-decoration:none}
#attach{position:relative}
#attach input{position:absolute; top:0; right:0; opacity:0; cursor:pointer}
#attach_links object{margin-top:2px; outline:0}
#attachments{display:none; cursor:default}
#attachments, #attach_process{position:absolute; top:15px; left:115px; overflow:visible}
#attachments.ru{left:150px}
#attach_process{left:10px}
.feedback .low span.arrow{font-size:10px; vertical-align:middle}
.feedback .low span.files{position:absolute; top:99%; left:15px; background:#fff; border:1px solid #bdbdbd; font-size:12px; font-weight:bold; width:auto; display:none; z-index:998}
.feedback .low a:hover span.files{display:block}
.feedback .low td{padding:2px; width:auto; white-space: nowrap}
.feedback .low tr:hover{background:#e5e5e5}
.feedback .low .size{padding:0 10px; color:#999; text-align:right}
.feedback .low .del{text-decoration:underline; cursor:pointer}
.feedback textarea{width:625px; height:377px; margin-left:12px; border:none; font:normal 16px Arial; color:#999; resize:none}
.feedback.feed_small textarea{height:299px}

.feedback.contact{width:871px; height:289px; background-position:-2910px 0; margin-top:14px}
.feedback.contact .high{background-position:-651px 0}
.feedback.contact .low{background-position:-651px bottom}
.feedback.contact textarea{height:226px; width:847px}

.maps{margin-left:-3px}
.maps .feedback, .feedback.map{width:427px; height:350px; background:none; padding-left:4px; float:left; margin-right:13px}
.feedback.map{float:none}
.maps .feedback.last, .feedback.map.last{margin-right:0}
.maps .feedback .high, .feedback.map .high{background-position:-1524px 0; position:absolute; top:0; left:0; width:100%}
.maps .feedback .low, .feedback.map .low{background-position:-1524px bottom; text-shadow:0 1px #eee; font:bold 14px Arial}
.maps .feedback .low div{padding-top:7px}
.maps .feedback .low span{color:#5b5b5b; display:block}
.maps .feedback .border{background-position:-3781px 0}
.maps .feedback .marker, .marker{display:none; width:100%; height:307px; border:1px solid #666; position:absolute; left:0; top:0}
.feedback.estim, .feedback.feed_small{position:absolute; bottom:19px; left:18px; width:658x; background:url(../img/new_content.png) top left repeat-y}
.feedback.estim .high, .feedback.feed_small .high{background:url(../img/feed2.png) top left!important}
.feedback.estim .low, .feedback.feed_small .low{background:url(../img/feed2.png) bottom left!important}

#attach_process{display:none}
#attach_process, #attach_process div{padding:0!important}
#attach_process a{float:left}
#progressbar{float:left; margin:7px 0 0 12px; width:99px; height:10px; position:relative; background:url(../img/bar.png) no-repeat}
#progressbar div{height:100%; width:30px; background:url(../img/progress.png) no-repeat}

a.button{float:right; display:block; width:105px; height:27px; text-align:center; background:url(../img/button.png) top left; padding:8px 0 0 0!important; color:#fff!important; margin:8px 5px 0 0; text-decoration:none; font-weight:normal!important; position:relative; overflow:visible!important}
a.button:hover{background-position:0 -35px}
a.button:active{background-position:0 -70px}
a.button.dis{background-position:0 -105px!important; color:#e6e6e6!important; text-shadow:0 -1px #666!important}

#big-btn{margin-top:10px}
#big-btn a{display:block; width:207px; height:58px; background:url(../img/big-btn.png) top left no-repeat; float:left; padding:3px 0 0 14px; text-shadow:0 -1px #666; margin-right:9px; text-decoration:none; font-weight:normal; position:relative; font-family:Arial, Helvetica, sans-serif; overflow:hidden}
#big-btn a.dis{background-position:top left !important}
#big-btn a:hover{background-position:0 -61px}
#big-btn a:active, #big-btn a.act{background-position:0 -122px}
#big-btn a.last{margin:0; margin-left:2px}
#big-btn a span{font-size:11px; color:#c8c8c8; display:block; text-shadow:0 -1px #666; font-weight:normal; display:inline-block; text-align:left; padding-top:1px}
#big-btn a span.head{font:normal 16px Arial; color:#fff; padding:0; display:block}
#big-btn a b{display:none; width:217px; height:57px; position:absolute; left:2px; top:1px; background:url(../img/coming-soon.png) no-repeat}
#big-btn a.ru b{background:url(../img/coming-soon_ru.png) no-repeat}
#big-btn a:hover b{display:block}
#big-btn a span.contain{display:block; width:100%; position:absolute; left:13px; top:4px}
/*#big-btn a span.contain-in{top:-50%; left:13px}*/

#clients{margin:0 auto; height:42px; width:913px; background:url(../img/clients.png) left 1px no-repeat; margin-top:10px; font:bold 16px Arial; padding-top:2px}
#cl_title{padding:10px 0; width:157px; text-align:center; float:left}
#logos{height:42px; position:relative; overflow:hidden; padding-right:2px}
#logos .shadow{position:absolute; top:0; left:0; height:40px; width:25px; background:url(../img/shadow.png) top left no-repeat}
#logos .sh_right{left:auto; right:0; background-position:right top}
#logos span{background-position:left center; background-repeat:no-repeat; display:block; float:left; margin-right:25px; height:30px; padding-top:10px}
#logos img{vertical-align:middle; margin:0 5px 0 25px}
#logos img.first{margin-left:0}
#logos #container{width:9999px; padding-left:5px; margin-left:25px}
#container_out{overflow:hidden}
#logos p{float:left; margin-left:-25px; margin-right:25px}

#copy, #copy a{color:#999; font:normal 11px Arial; text-align:center; padding:10px 0}
#copy a{text-decoration:none; cursor:default}
#copy a.a{color:#000; text-decoration:underline; cursor:pointer}

.top-image{height:493px; width:693px; overflow:hidden; margin-left:2px; cursor:pointer}
.top-descr{padding-left:16px; font:bold 16px Arial; color:#9c9c9c; position:absolute; left:0; bottom:0; width:677px; cursor:pointer; display:none; padding-bottom:15px}
.top-descr h1{margin:0 0 1px 0; font:bold 30px Arial; color:#fff}

#splash{position:absolute; left:2px; top:0; width:909px; height:100%; background:#000}
#slogan{width:100%; position:absolute; text-align:center; top:208px; font:bold 20px Arial; color:#fff; height:200px}
#slogan span, #slogan img, #slogan div div{display:none; padding-left:0}
#slogan img{margin-bottom:25px}
#slogan div div{position:relative}
#slogan div b{position:absolute; top:-8px; left:-1px}
/*#slogan sup{font-size:21px}*/
#slogan div{float:left; padding-left:228px}


.product{padding:0 21px 0 18px; margin:5px 0}
.product .image{width:429px; float:left; position:relative; padding-left:4px}
.product .image .low, .product .image .high{position:absolute; width:100%; height:12px; top:0; left:0; background:url(../img/corners.png) top left no-repeat}
.product .image .low{top:auto; bottom:0; background-position:left bottom; height:17px}
.product .image .border, .product .image a{position:absolute; left:0; top:0; width:100%; height:100%}
.product .image .border{background-position:-2477px 0; width:432px}

.product .description{margin-left:448px; font:normal 16px Arial}
.product .description h2{font:bold 16px Arial; margin-bottom:3px}
.product .description a{color:#000}
.product .description p{margin-bottom:20px}

.product p{text-align:justify}

.product .coming-soon{width:429px; height:100%; position:absolute; top:0; left:0; background:url(../img/opa.png) repeat; display:none}
.product .image:hover .coming-soon{display:block}
.product .coming-soon div{width:139px; height:30px; position:absolute; left:50%; top:50%}
.product .coming-soon.ru div{width:146px}
.product .coming-soon div div{left:-50%; top:-50%; background:url(../img/coming-soon2.png) top left no-repeat}
.product .coming-soon.ru div div{background-image:url(../img/coming-soon2_ru.png)}

.all-width{padding:10px 20px}
.team-row{min-height:202px; padding:10px; padding-bottom:0; margin-left:2px; width:889px; clear:both}
.manage{background:url(../img/vert.png) top left repeat-x;}
.team-row .feedback{width:155px; height:143px; margin:0 0 57px 0; background:none; padding-left:2px; font:bold 14px Arial; text-shadow:0 1px #eee; float:left; margin-right:25px}
.team-row .feedback span{color:#5b5b5b; display:block; font-weight:normal}
.team-row .feedback .high{background-position:-1957px 0; position:absolute; left:0; top:0; width:100%}
.team-row .feedback.lead .low{background-position:-1957px bottom}
.team-row .feedback .low{background-position:-2115px bottom; bottom:-45px; padding:7px 0 0 7px; height:40px; width:148px}
.team-row .feedback .border{background-position:-4216px 0}
.lead{color:#fff; text-shadow:0 1px #000!important}
.lead span{color:#cecdcd!important}
.team-row .feedback.last{margin-right:0}
.team-row.odd{background:#ebebeb}
.team-row.odd .high{background-position:-2115px 0}

#works-list{width:909px; height:174px; background:url(../img/vert.png) 0 -212px repeat-x; float:left; overflow:hidden; position:absolute; left:2px; top:0; z-index:996}
#works-list .shadow{position:absolute; left:0; top:0; width:64px; height:170px; background:url(../img/port_shadow.png) top right repeat-y}
#works-list .sh-right{left:auto; right:0; background-position:top left}
#works-list .sh-left{display:none}



#works-list a{display:block; height:157px; width:173px; position:relative; text-decoration:none; padding:10px 0 0 10px; font:bold 16px Arial; color:#fff; float:left; text-shadow:0 -1px #000}
#works-list a span.delim{display:block; position:absolute; height:100%; width:5px; top:0; right:0; background:url(../img/vert.png) right -386px no-repeat}
#works-list a span.descr{color:#c8c8c8; font-size:11px; display:block}
#works-list a .image, .portfolio-item .image, .image-list .image{display:block; width:160px; height:104px; overflow:hidden; border:1px solid #999; margin-bottom:3px}
.portfolio-item img{cursor:pointer}
#works-list a:hover{background:url(../img/vert.png) 0 -560px repeat-x}
#works-list a:hover span.delim{background-position:right -734px}
#works-list a:active{background:url(../img/vert.png) 0 -908px repeat-x}
#works-list a:active span.delim{background-position:right -1082px}
#works-list a.act{background:url(../img/vert.png) 0 -1256px repeat-x}
#works-list a.act span.delim{background-position:right -1430px}
#works-list .scroll{height:15px; width:870px; position:absolute; left:17px; bottom:3px; background:url(../img/vert.png) 0 -1644px repeat-x}
#works-list .scroll .left, #works-list .scroll .right{position:absolute; left:-18px; top:0; width:18px; height:15px; background:url(../img/scroll.png) top left no-repeat}
#works-list .scroll .right{left:auto; right:-24px; background:url(../img/vert.png) 0 -1644px repeat-x; width:24px}
#works-list .scroll .right div{position:absolute; right:0; top:0; background:url(../img/scroll.png) -18px 0 no-repeat; height:15px; width:18px}
#works-list .scroll .track{height:15px; width:150px; position:relative; background:url(../img/vert.png) 0 -1659px repeat-x; cursor:pointer; margin-left:6px}
#works-list .scroll .track .left{background-position:-36px 0}
#works-list .scroll .track .right{right:-18px; background:url(../img/scroll.png) -54px 0 no-repeat; width:18px}
#works-list .scroll .track:hover, #works-list .scroll .track.hover{background-position:0 -1674px}
#works-list .scroll .track:active, #works-list .scroll .track.active{background-position:0 -1689px}
#works-list .scroll .track:hover .left, #works-list .scroll .track.hover .left{background-position:0 -15px}
#works-list .scroll .track:hover .right, #works-list .scroll .track.hover .right{background-position:-18px -15px}
#works-list .scroll .track:active .left, #works-list .scroll .track.active .left{background-position:-36px -15px}
#works-list .scroll .track:active .right, #works-list .scroll .track.active .right{background-position:-54px -15px}
#works-list .scroll div.category{position:absolute; color:#fff; font:normal 10px Arial; top:1px; cursor:default}

#work{width:909px; margin:0 auto; text-align:center; /*margin-left:2px;*/ overflow:hidden; position:relative; padding-top:168px}
#work #nav-panel, #spinner, #spinner div{position:absolute; bottom:10px; left:216px; width:422px; height:75px; background:url(../img/panel.png) no-repeat; padding:15px 0 0 18px; display:none}
#work #spinner{position:fixed!important; top:47px}
#spinner,#spinner div{width:184px; height:45px; padding:12px 0; text-align:center}
#spinner{bottom:auto; left:50%; top:50%; background:none; display:block!important;}
#spinner div{bottom:auto; left:-50%; top:-50%; background-image:url(../img/spinner.png); z-index:2200}
.feedback #spinner div{background:none}
#work #nav-panel a span b, #spinner div{font:bold 16px Arial; color:#fff; text-shadow:0 1px 5px #000}
#spinner img{vertical-align:middle; margin-top:-2px}
#work #spinner img{margin-right:5px}
#work #nav-panel a{display:block; width:44px; height:45px; background:url(../img/nav.png) -55px -2px no-repeat; float:left; margin-right:35px; position:relative; overflow:visible}
#work #nav-panel a#pw, #work #nav-panel a#nw{background-position:-100px -2px; width:28px; margin-right:25px}
#work #nav-panel a#nw{background-position:-129px -2px; margin-right:25px}
#work #nav-panel a#ns{background-position:-158px -2px; margin-right:40px}
#work #nav-panel a#vow{background-position:top left; width:55px; height:45px; margin-right:0; margin-top:-2px}
#work #nav-panel a:active{background-position:-55px -46px}
#work #nav-panel a#pw:active{background-position:-100px -46px}
#work #nav-panel a#nw:active{background-position:-129px -46px}
#work #nav-panel a#ns:active{background-position:-158px -46px}
#work #nav-panel a#vow:active{background-position:0 -46px}
#work #nav-panel a.dis{background-position:-55px -90px}
#work #nav-panel a#pw.dis{background-position:-100px -90px}
#work #nav-panel a#nw.dis{background-position:-129px -90px}
#work #nav-panel a#ns.dis{background-position:-158px -90px}
#work #nav-panel a#vow.dis{background-position:0 -91px}
#work #nav-panel a#vow.dis b{display:none}

#work #nav-panel a span{position:absolute; left:50%; top:-39px; display:none; width:120px}
#work #nav-panel a span img{position:absolute; left:-50%; top:0;}
#work #nav-panel a:hover span{display:block}
#work #nav-panel a#pw span{width:80px}
#work #nav-panel a#ps span{width:140px}
#work #nav-panel a#nw span{width:120px}
#work #nav-panel a#ns span{width:150px}
#work #nav-panel a#vow span{width:130px!important; top:-37px}

#work #nav-panel .number{float:left; padding-top:15px; font:bold 20px Arial; color:#fff; margin-right:25px}

.sh-left-main, .sh-right-main{position:absolute; top:0; left:-7px; height:100%; width:17px; background:url(../img/alt_content.png) 2px top repeat-y; z-index:996}
.sh-right-main{left:auto; right:-2px; background-position:top right}
#content-left.about-content{position:relative; width:874px; margin-left:18px; margin-top:15px}
.balloon{width:305px; height:84px; background:url(../img/balloon.png) top left; position:absolute; top:-75px; left:-100px; display:block; visibility:hidden; z-index:2000; opacity:0; cursor:default}
.balloon span{font:normal 16px Arial; color:#fff; padding:15px 0 0 30px; text-shadow:0 -1px #444; display:block; text-align:left}