html,body { margin:0; padding:0 }
body { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#fff; background:#021830 url(../img/des/robo-s2.jpg) top center no-repeat; text-align:center }
a { color:#f5d9b4; text-decoration:underline }
a:hover { color:#fff; text-decoration:underline }
a:focus { outline:none }
a.dashed { color:#f5d9b4; text-decoration:none; border-bottom:#f5d9b4 1px dashed }
a.dashed:hover { color:#fff; text-decoration:none; border-bottom:#fff 1px dashed }
a img { border:none }
p { margin:0 0 1em 0; padding:0 }
.spacer { height:1px; overflow:hidden; clear:both; display:block }

.topNav { background:#321D00; height:37px; text-align:center; }
.topNavInner { width:946px; margin:0 auto; padding:0 26px 0 28px; height:100%; text-align:left }
.topNavInner ul { margin:0; padding:0; list-style:none; position:relative; z-index:11 }
.topNavInner ul li { margin:0 5px 0 0; padding:0; background:none; float:left; height:100%; line-height:16px }
.topNavInner ul li a { float:left; height:100%; padding:10px 16px 10px 10px; background:url(../img/des/topnav.png) right 37px no-repeat; color:#f5d9b4 }
.topNavInner ul li a:hover { color:#fff; text-decoration:none; background-position:right 0 }
.topNavInner ul li a.active { background-position:right -37px; color:#302726 }
.topNavInner ul li strong { float:left; height:100%; padding:10px 16px 10px 10px; background:url(../img/des/topnav.png) right -37px no-repeat; color:#540000; font-weight:normal }
.topNavInner ul.info { float:left }
.topNavInner ul.additional { float:right }
.topNavInner ul.additional li { margin:0 0 0 5px }

.wrap { background:url(../img/des/portfolio_box.jpg) center 213px no-repeat }
.wrapInner { width:1004px; margin:0 auto; text-align:left }
body.inside .wrap { background:url(../img/des/portfolio_box_inside.jpg) center 350px no-repeat }

.header { height:145px; position:relative; z-index:10 }

.header .logo { position:absolute; top:56px; left:40px }

        #rx-host { position:absolute; z-index:100; display:block; width:96px; right:0px; overflow:hidden; cursor:pointer;}
        #rx-host-logo { display:block; width:200px; height:90px; background:url(../img/des/rx-host.png) 0 0 no-repeat; text-decoration:none;}
        
.wallpaper { width:194px; height:155px; background:url(../img/des/wallpaper.png) 0 0 no-repeat; position:absolute; bottom:-220px; left:740px; }

.nav { margin:0; padding:0; list-style:none; height:50px; position:absolute; top:49px; right:16px }
.nav li { margin:0 10px 0 0; padding:0; background:none; float:right; display:inline; height:50px; overflow:hidden; position:relative }
.nav li a { display:block; height:100%; background:url(../img/des/menu.png) 0 0 no-repeat; position:relative }
.nav li strong { display:block; height:100%; background:url(../img/des/menu.png) 0 0 no-repeat; position:relative }
.nav li.sites { width:135px }
.nav li.sites a { width:540px; background-position:0 0 }
.nav li.sites a:hover { margin:0 0 0 -135px }
.nav li.sites a.active { margin:0 0 0 -405px }
.nav li.sites a.active:hover { margin:0 0 0 -135px }
.nav li.sites strong { width:540px; background-position:0 0; margin:0 0 0 -270px }

.nav li.design { width:154px; display:none }
.nav li.design a { width:616px; background-position:0 -50px; _background-position:0 -49px }
.nav li.design a:hover { margin:0 0 0 -154px }
.nav li.design a.active { margin:0 0 0 -462px }
.nav li.design a.active:hover { margin:0 0 0 -154px }
.nav li.design strong { width:616px; background-position:0 -100px; _background-position:0 -99px; margin:0 0 0 -308px }

.subNav { margin:0 0 35px 0; padding:0 0 0 0; list-style:none; height:42px; position:absolute; top:108px; left:29px }
.subNav li { margin:0 23px 0 0; padding:0; background:none; float:left; display:inline; height:42px; overflow:hidden; position:relative }
.subNav li a { display:block; height:100%; background:url(../img/des/pepyaka.png) 0 0 no-repeat; position:relative }
.subNav li strong { display:block; height:100%; background:url(../img/des/pepyaka.png) 0 0 no-repeat; position:relative }

.subNav li.projecting { width:201px }
.subNav li.projecting a { width:804px; background-position:0 -150px; _background-position:0 -149px  }
.subNav li.projecting a:hover { margin:0 0 0 -201px }
.subNav li.projecting a.active { margin:0 0 0 -603px }
.subNav li.projecting a.active:hover { margin:0 0 0 -201px }
.subNav li.projecting strong { width:804px; background-position:0 -150px; _background-position:0 -149px; margin:0 0 0 -402px }

.subNav li.developing { width:128px }
.subNav li.developing a { width:512px; background-position:0 -192px; _background-position:0 -191px }
.subNav li.developing a:hover { margin:0 0 0 -128px }
.subNav li.developing a.active { margin:0 0 0 -384px }
.subNav li.developing a.active:hover { margin:0 0 0 -128px }
.subNav li.developing strong { width:512px; background-position:0 -192px; _background-position:0 -191px; margin:0 0 0 -256px }

.subNav li.solutions { width:179px }
.subNav li.solutions a { width:716px; background-position:0 -234px; _background-position:0 -233px }
.subNav li.solutions a:hover { margin:0 0 0 -179px }
.subNav li.solutions a.active { margin:0 0 0 -537px }
.subNav li.solutions a.active:hover { margin:0 0 0 -179px }
.subNav li.solutions strong { width:716px; background-position:0 -234px; _background-position:0 -233px; margin:0 0 0 -358px }

.subNav li.briefing { width:104px }
.subNav li.briefing a { width:416px; background-position:0 -276px; _background-position:0 -275px }
.subNav li.briefing a:hover { margin:0 0 0 -104px }
.subNav li.briefing a.active { margin:0 0 0 -312px }
.subNav li.briefing a.active:hover { margin:0 0 0 -104px }
.subNav li.briefing strong { width:416px; background-position:0 -276px; _background-position:0 -275px; margin:0 0 0 -208px }

.subNav li.contextad { width:244px }
.subNav li.contextad a { width:976px; background-position:0 -318px; _background-position:0 -317px }
.subNav li.contextad a:hover { margin:0 0 0 -244px }
.subNav li.contextad a.active { margin:0 0 0 -732px }
.subNav li.contextad a.active:hover { margin:0 0 0 -244px }
.subNav li.contextad strong { width:946px; background-position:0 -318px; _background-position:0 -317px; margin:0 0 0 -488px }

.subNav li.audit { width:147px }
.subNav li.audit a { width:588px; background-position:0 -360px; _background-position:0 -359px }
.subNav li.audit a:hover { margin:0 0 0 -147px }
.subNav li.audit a.active { margin:0 0 0 -441px }
.subNav li.audit a.active:hover { margin:0 0 0 -147px }
.subNav li.audit strong { width:588px; background-position:0 -360px; _background-position:0 -359px; margin:0 0 0 -294px }

.subNav li.id { width:151px }
.subNav li.id a { background-position:0 -420px }
.subNav li.id a:hover { background-position:-151px -420px }
.subNav li.id a.active { background-position:-453px -420px }
.subNav li.id a.active:hover { background-position:-151px -420px }
.subNav li.id strong { background-position:-302px -420px }

.subNav li.adv { width:122px }
.subNav li.adv a { background-position:0 -465px }
.subNav li.adv a:hover { background-position:-122px -465px }
.subNav li.adv a.active { background-position:-366px -465px }
.subNav li.adv a.active:hover { background-position:-122px -465px }
.subNav li.adv strong { background-position:-244px -465px }

.portfolio { margin:0 0 35px 0; padding:0; list-style:none; position:relative; z-index:9; width:1004px; height:402px }
.portfolio li { float:left; margin:0 1px 1px 0; padding:0; display:inline; background:none; width:250px; height:200px } 
.portfolio li a { display:block; width:250px; height:200px; overflow:hidden; position:relative }
.portfolio li a .image { display:block }
.portfolio li a .label { position:absolute; top:157px; left:0; z-index:5 }
.portfolio li a .text { position:absolute; top:157px; left:0; z-index:4; display:block;  }
.portfolio li a b { position:absolute; top:0; left:0; z-index:3; display:none; width:250px; height:200px; background:#1f0607; opacity:0.7; filter:alpha(opacity=70) }

.portfolioSmall { height:201px; margin:0 0 35px 0 }

/*
.portfolio li a:hover .text { display:block }
.portfolio li a:hover b { display:block }
*/

.portfolioDesign { width:1003px; height:402px }
.portfolioDesign li { margin:0 0 11px 0; width:1003px; height:200px }
.portfolioDesign li a { width:1003px; cursor:pointer }
.portfolioDesign li a .label { top:131px }
.portfolioDesign li a b { width:1003px }

.article .portfolio { margin:-5px -41px 50px -41px }

.portfolioWrapper { margin:-5px -41px 14px -41px; height:402px; overflow:hidden; position:relative }
.portfolioWrapper .portfolio { margin:0 }

.portfolioWrapperDesign { height:auto; overflow:hidden; } 
.portfolioWrapper .portfolioDesign { width:1003px; height:auto; overflow:visible; }
.portfolioWrapper .portfolioDesign li { margin:0 0 1px 0; width:1003px; height:200px }
.portfolioWrapper .portfolioDesign li a { width:1003px; cursor:pointer }
.portfolioWrapper .portfolioDesign li a .label { top:131px }
.portfolioWrapper .portfolioDesign li a b { width:1003px }

.portfolioControls { position:relative; height:80px; color:#000; }
.portfolioControls .pc-nav { position:absolute; top:0; line-height:22px; padding:0 }
.portfolioControls .pc-nav em { font-style:normal; font-size:13px }
.portfolioControls .pc-nav a { font-weight:bold; margin:0; color:#fff }
.portfolioControls .pc-nav a:hover { color:#f5d9b4 }
.portfolioControls .pc-nav span { position:absolute; font-size:14px }
.portfolioControls .pc-prev { left:0 }
.portfolioControls .pc-prev span { margin:0 0 0 -18px }
.portfolioControls .pc-next { right:0; text-align:right }
.portfolioControls .pc-next span { margin:0; right:-18px }
.portfolioControls .active span { color:#fff }
.portfolioControls .active strong { color:#fff; border-bottom:#fff 1px dashed; cursor:pointer }
.portfolioControls .active strong:hover { color:#f5d9b4; border-bottom:#f5d9b4 1px dashed }
.portfolioControls .hint { position:absolute; top:0; left:0; width:100%; text-align:center; font-size:13px; line-height:22px }

.slogan { height:120px; position:relative }
.slogan img { position:absolute; top:19px; left:36px }



.col1 { float:left; padding:0 85px 0 0; width:590px; zoom:1 }
.col2 { float:left; padding:0; width:240px; font-size:13px; line-height:25px }

.top100tagline { margin:0 0 40px 0 }
.top100tagline .tagline { display:block; width:47px; height:72px; position:absolute; margin:-56px 0 0 -52px; background:url(../img/des/tagline.png) 0 0 no-repeat }

.a-comments { background:url(../img/des/for_clients.png) 0 0 no-repeat; display:block; width:95px; height:37px; margin:0 0 0 -10px; position:relative }
.a-comments:hover { background-position:-95px 0; _background-position:-94px 0 }
.a-comments img { width:95px; height:37px }
.a-become_client { background:url(../img/des/for_clients.png) 0 -37px no-repeat; display:block; width:232px; height:37px; margin:0 0 0 -10px; position:relative }
.a-become_client:hover { background-position:-232px -37px; _background-position:-231px -37px }
.a-become_client img { width:232px; height:37px }

.a-press { background:url(../img/des/press.png) 0 0 no-repeat; line-height:24px }
.a-press:hover { background-position:0 -24px; _background-position:0 -23px }
.a-press img { width:115px; height:24px }
.a-rss { background:url(../img/des/rss.png) 0 0 no-repeat; position:relative; top:-8px; }
.a-rss:hover { background-position:0 -21px; _background-position:0 -20px }
.a-rss img { width:21px; height:21px  }

.pressHeader { height:24px }
.pressHeader a { float:left; margin:0 3px 0 0 }

.pressTopic { width:460px }
.pressTopic .pressTopicHeader { display:block; margin:0 0 12px 0; font-size:18px }
.pressTopic .pressTopicHeader em { font-style:normal }
.pressTopic .pressTopicDate { display:block; margin:10px 0 0 0; color:#c6a49e; font-size:13px }
.pressTopic .pressTopicDate em { font-style:normal; color:#f5d9b4 }
body.inside .pressTopic { width:auto; margin:0 0 50px 0  }


.nav2 { margin:0 0 40px 0; padding:0 0 0 0; list-style:none; position:relative; left:-10px }
.nav2 li { margin:0 0 0 0; padding:0; background:none; display:block; height:34px }
.nav2 li a { display:block; height:100%; background:url(../img/des/nav2.png) 0 0 no-repeat; cursor:pointer }
.nav2 li strong { display:block; height:100%; background:url(../img/des/nav2.png) 0 0 no-repeat }
.nav2 li.cost { width:153px }
.nav2 li.cost a { background-position:0 -35px; }
.nav2 li.cost a:hover { background-position:-153px -35px; _background-position:-152px -35px }
.nav2 li.cost strong { background-position:-306px -35px; _background-position:-305px -35px }
.nav2 li.blog { width:64px }
.nav2 li.blog a { background-position:0 -72px }
.nav2 li.blog a:hover { background-position:-64px -72px; _background-position:-63px -72px }
.nav2 li.blog strong { background-position:-128px -72px; _background-position:-127px -72px }
.nav2 li.contacts { width:108px }
.nav2 li.contacts a { background-position:0 -107px; _background-position:2px -107px }
.nav2 li.contacts a:hover { background-position:-108px -107px; _background-position:-106px -107px }
.nav2 li.contacts strong { background-position:-216px -107px; _background-position:-215px -107px }
.nav2 li.ordernow { width:150px }
.nav2 li.ordernow a { background-position:0 -143px }
.nav2 li.ordernow a:hover { background-position:-151px -143px; _background-position:-150px -143px }
.nav2 li.ordernow strong { background-position:-302px -143px; _background-position:-301px -143px }


.footer { clear:both; padding:30px 0 0 41px; height:110px; font-size:13px }
.footer .copyright { float:left; width:460px; line-height:28px }
.footer .copyright span { color:#fce9cf; opacity:0.5; filter:alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; line-height:17px; display:block; margin-top:6px }
.footer .copyright span a { color:#fce9cf; text-decoration:none }            
.footer .copyright span a:hover { color:#fff; text-decoration:none }
.footer .contacts { float:left; width:490px; position:relative; padding:33px 0 0 0 }
.footer .contacts p { margin:0; padding:0 }
.footer .contacts a { position:absolute; top:0; left:0; padding:0 5px 0 8px; line-height:25px; text-decoration:none; cursor:pointer; color:#fff }
.footer .contacts a em { font-style:normal; border-bottom:#fff 1px dashed }
.footer .contacts a b { display:block; visibility:hidden; width:6px; height:25px; position:absolute; top:0; left:100%; background:url(../img/des/city_r.png) 0 0 no-repeat;
// _background:none;
// _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=img/des/city_r.png);
}
.footer .contacts a:hover { background:#b80e2f; color:#fff }
.footer .contacts a:hover b { visibility:visible }
.footer .contacts a:hover em { border:none }
.footer .contacts a.ukraine { left:0px }
.footer .contacts a.russia { left:83px }
.footer .contacts a.active { background:#fff; color:#540000; cursor:default }
.footer .contacts a.active b { visibility:visible; background-image:url(../img/des/city_a_r.png);
// _background:none;
// _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=img/des/city_a_r.png);
}
.footer .contacts a.hovered b { visibility:visible }
.footer .contacts a.active:hover { background:#fff; color:#540000 }
.footer .contacts .hidden { display:none }
.footer .contacts span { color:#fce9cf }


body.inside .header { height:205px }
body.inside .header .nav2 { position:absolute; top:145px; left:740px }
body.inside .header .sitesNu { position:absolute; top:195px; left:38px }
body.inside .header .seoNu { position:absolute; top:195px; left:191px }
body.inside .header .designNu { position:absolute; top:195px; left:459px }

body.ins2 .header { height:145px }



.article { padding:0 41px; _height:1000px; min-height:1000px; font-size:15px; line-height:25px; position:relative }
body.ins2 .article { _height:1020px; min-height:1020px }
.articleIndex { _height:500px; min-height:500px; }
.articleIndex .darkBox { margin-bottom:50px }

h1 { font:normal 55px/41px "Myriad Pro", "Trebuchet MS", "Tahoma"; padding:0; margin:0 0 40px 0; overflow:hidden }
h1 img { margin:0 0 5px 0; float:left }
h2 { font:normal 36px/1em "Myriad Pro", "Trebuchet MS", "Tahoma"; padding:0; margin:0 0 20px 0; overflow:hidden }
h2.img { height:50px; overflow:hidden; margin:0 0 10px 0; position:relative; left:-14px; }
h2.label { height:50px; margin:0 0 10px 0; position:relative; left:-14px; }
h2 img { float:left: margin:0 0 0 0 }
h3 { font:normal 18px/1.08em Arial, Helvetica, sans-serif; padding:0; margin:0 0 1em 0 }
h4 { font:normal 18px/1.08em Arial, Helvetica, sans-serif; padding:0; margin:0 0 1em 0 }

ul { margin:0 0 1.5em 0; padding:0; list-style:none; zoom:1 }
ul li { margin:0 0 10px 0; padding:0 0 0 31px; background:url(../img/des/li.gif) 7px 13px no-repeat }

.darkBox { margin:10px -41px 30px -41px; position:relative; zoom:1; background:url(../img/des/darkbox.png); }
.darkBox .text { position:relative; z-index:2; padding:30px 41px 20px 41px; color:#fff !important; background:transparent; zoom:1 }
.darkBox .textHint { font-size:13px; line-height:20px }
.darkBox .back { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; _height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40); display:none; }

strong.title { font:normal 18px/1.08em Arial, Helvetica, sans-serif; display:block; margin:0 0 1em 0 }

acronym { border-bottom:#fff 1px dashed; cursor:help }
abbr { border-bottom:#fff 1px dashed; cursor:help }

.table { margin:0 0 1em 0; padding:0; border:none; border-collapse:collapse; width:100% }
.table td { margin:0; padding:3px 0; vertical-align:top; line-height:20px }
.table tr.sep td { padding-bottom:20px }

.team { margin:0 -41px 35px -41px; }
.team a { cursor:default }

.shocosTeam { margin:0 -41px 35px -41px; padding:0; list-style:none; position:relative; z-index:9; width:1004px; height:402px }
.shocosTeam li { float:left; margin:0 1px 1px 0; padding:0; display:inline; background:none; width:250px; height:200px; overflow:hidden; position:relative } 
.shocosTeam li .image { display:block }
.shocosTeam li .label { position:absolute; top:157px; left:0; z-index:5 }
.shocosTeam li a { display:block; width:250px; height:200px; overflow:hidden }


.fontSmall { font-size:12px }

.seoIntro { width:900px; height:91px; margin:0px -39px 50px -39px; padding:252px 61px 0 39px; background:url(../img/des/seo.jpg); position:relative; font-size:13px; line-height:25px }
.seoIntro .heading { position:absolute; top:20px; left:39px }
.seoIntro .link { position:absolute; top:70px; left:39px }

.heading { display:block; height:50px }
.heading img { display:block; }

.heading_gp { background:url(../img/des/headings/gidpodarkov.gif) 0 0 no-repeat; width:193px }
.heading_gp:hover { background-position:0 -50px }

.h1title { margin:0; height:50px }
.h1img { margin:0 0 25px 0 }

.seoSlides .text { padding:90px 0 20px 0 }
.seoSlides .seoSlidesInner { padding:0 41px }
.seoSlides h3 { height:45px; position:absolute; top:23px; z-index:10; zoom:1; overflow:hidden }
.seoSlides h3 a { display:block; width:100%; height:45px; background:url(../img/des/seo.png) 0 0 no-repeat; _background:url(../img/des/seo.gif) 0 0 no-repeat; cursor:pointer }
.seoSlides h3 a.active { cursor:default }
.seoSlides h3.whathasbeendone { width:232px; left:25px }
.seoSlides h3.whathasbeendone a { background-position:0 0 }
.seoSlides h3.whathasbeendone a:hover { background-position:-232px 0 }
.seoSlides h3.whathasbeendone a.active { background-position:-464px 0 }
.seoSlides h3.whathasbeendone a.active:hover { background-position:-464px 0 }
.seoSlides h3.positions { width:271px; left:281px }
.seoSlides h3.positions a { background-position:0 -45px }
.seoSlides h3.positions a:hover { background-position:-271px -45px }
.seoSlides h3.positions a.active { background-position:-542px -45px }
.seoSlides h3.positions a.active:hover { background-position:-542px -45px }
.seoSlides h3.dynamics { width:145px; left:574px }
.seoSlides h3.dynamics a { background-position:0 -90px }
.seoSlides h3.dynamics a:hover { background-position:-145px -90px }
.seoSlides h3.dynamics a.active { background-position:-290px -90px }
.seoSlides h3.dynamics a.active:hover { background-position:-290px -90px }

.seoSlides ul { zoom:1 }

.seoSlides div.positions .column1 { float:left; width:499px; padding:0 30px 0 0; position:relative; z-index:10 }
.seoSlides div.positions .column1 table { margin:0; padding:0; border:none; border-collapse:collapse; width:100%; position:relative; left:-10px }
.seoSlides div.positions .column1 table td { margin:0; padding:5px 10px; vertical-align:top; text-align:center }
.seoSlides div.positions .column1 table td.query { text-align:left }
.seoSlides div.positions .column1 table tr.even td { background:#830a28 }


.seoSlides div.positions .column2 { float:left; width:390px; position:relative; z-index:10; padding:0 }
.seoSlides div.positions .column2 p { zoom:1 }
.seoSlides div.positions .column2 .lineGraph { height:34px; margin:0 0 18px 0 }
.seoSlides div.positions .column2 .lineGraph div { height:34px; overflow:hidden; float:left }
.seoSlides div.positions .column2 .lineGraph div div { background:#fff; float:none }
.seoSlides div.positions .column2 .lineGraph div.bar1 {  }
.seoSlides div.positions .column2 .lineGraph div.bar1 div { background:#fff; opacity:0.2; filter:alpha(opacity=20) }
.seoSlides div.positions .column2 .lineGraph div.bar2 div { background:#fff; opacity:0.4; filter:alpha(opacity=40) }
.seoSlides div.positions .column2 .lineGraph div.bar3 div { background:#fff; opacity:0.6; filter:alpha(opacity=60) }
.seoSlides div.positions .column2 .lineGraph div.hovered { border:#fff 1px solid; height:32px }
.seoSlides div.positions .column2 .lineGraph div.hovered div { height:32px }
.seoSlides div.positions .column2 p { margin:0 0 20px 0; line-height:20px; font-size:13px }
.seoSlides div.positions .column2 p strong { font-size:15px }
.seoSlides div.positions .column2 p strong a { text-decoration:none; border-bottom:#f5d9b4 1px dashed; cursor:default }
.seoSlides div.positions .column2 p strong a:hover { text-decoration:none; border-bottom:#fff 1px dashed }
.seoSlides div.positions .column2 p strong a.hovered { text-decoration:none; border-bottom:#fff 1px dashed; color:#fff }

.seoSlides div.dynamics { height:190px; }
.seoSlides div.dynamics div { padding:96px 0 0 41px; width:963px; height:204px; position:absolute; top:0; left:0; z-index:9; font-size:13px }

.limiter { width:460px }
.rightFloatedLink { float:right; margin:13px 0 0 0; position:relative; z-index:10 }

.caseSlides ul { zoom:1 }
.caseSlides .text { padding-top:90px; padding-bottom:40px; zoom:1 }
.caseSlides h3 { width:46px; height:45px; position:absolute; top:23px; z-index:10; zoom:1; overflow:hidden }
.caseSlides h3 a { display:block; width:100%; height:45px; background:url(../img/des/numbers.png) 0 0 no-repeat; _background:url(../img/des/numbers.gif) 0 0 no-repeat; cursor:pointer }
.caseSlides h3 a.active { cursor:default }
.caseSlides h3.slide1 { left:25px }
.caseSlides h3.slide1 a { background-position:0 0 }
.caseSlides h3.slide1 a:hover { background-position:-46px 0 }
.caseSlides h3.slide1 a.active { background-position:-92px 0 }
.caseSlides h3.slide1 a.active:hover { background-position:-92px 0 }
.caseSlides h3.slide2 { left:89px }
.caseSlides h3.slide2 a { background-position:0 -45px }
.caseSlides h3.slide2 a:hover { background-position:-46px -45px }
.caseSlides h3.slide2 a.active { background-position:-92px -45px }
.caseSlides h3.slide2 a.active:hover { background-position:-92px -45px }
.caseSlides h3.slide3 { left:153px }
.caseSlides h3.slide3 a { background-position:0 -90px }
.caseSlides h3.slide3 a:hover { background-position:-46px -90px }
.caseSlides h3.slide3 a.active { background-position:-92px -90px }
.caseSlides h3.slide3 a.active:hover { background-position:-92px -90px }
.caseSlides h3.slide4 { left:217px }
.caseSlides h3.slide4 a { background-position:0 -135px }
.caseSlides h3.slide4 a:hover { background-position:-46px -135px }
.caseSlides h3.slide4 a.active { background-position:-92px -135px }
.caseSlides h3.slide4 a.active:hover { background-position:-92px -135px }
.caseSlides h3.slide5 { left:281px }
.caseSlides h3.slide5 a { background-position:0 -180px }
.caseSlides h3.slide5 a:hover { background-position:-46px -180px }
.caseSlides h3.slide5 a.active { background-position:-92px -180px }
.caseSlides h3.slide5 a.active:hover { background-position:-92px -180px }
.caseSlides h3.slide6 { left:345px }
.caseSlides h3.slide6 a { background-position:0 -225px }
.caseSlides h3.slide6 a:hover { background-position:-46px -225px }
.caseSlides h3.slide6 a.active { background-position:-92px -225px }
.caseSlides h3.slide6 a.active:hover { background-position:-92px -225px }
.caseSlides h3.slide7 { left:409px }
.caseSlides h3.slide7 a { background-position:0 -270px }
.caseSlides h3.slide7 a:hover { background-position:-46px -270px }
.caseSlides h3.slide7 a.active { background-position:-92px -270px }
.caseSlides h3.slide7 a.active:hover { background-position:-92px -270px }
.caseSlides h3.slide8 { left:473px }
.caseSlides h3.slide8 a { background-position:0 -315px }
.caseSlides h3.slide8 a:hover { background-position:-46px -315px }
.caseSlides h3.slide8 a.active { background-position:-92px -315px }
.caseSlides h3.slide8 a.active:hover { background-position:-92px -315px }
.caseSlides h3.slide9 { left:537px }
.caseSlides h3.slide9 a { background-position:0 -360px }
.caseSlides h3.slide9 a:hover { background-position:-46px -360px }
.caseSlides h3.slide9 a.active { background-position:-92px -360px }
.caseSlides h3.slide9 a.active:hover { background-position:-92px -360px }

.photoc_v_m { width:161px; height:216px; background:url(../img/des/cases/photo_v_m.png); position:relative }
.photoc_v_m img { position:absolute; top:95px; left:69px }
.photoc_v { width:338px; height:443px; background:url(../img/des/cases/photo_v.png); position:relative }
.photoc_v img { position:absolute; top:196px; left:149px }
.photoc_h { width:479px; height:353px; background:url(../img/des/cases/photo_h.png); position:relative }
.photoc_h img { position:absolute; top:144px; left:93px }

.article span.date { color:#a08180 }


body.ins404 { background-image:url(../img/des/404.jpg) }
body.ins404 .header { height:296px }
body.ins404 .article { _height:500px; min-height:500px }

form { margin:0; padding:0 }
.textInput { font:normal 15px/17px Arial, Helvetica, sans-serif; padding:2px }
.button { font:normal 15px/18px Arial, Helvetica, sans-serif }

.order p { margin:0 0 30px 0 }
.order p span { display:block; background:url(../img/des/darkbox.png) 0 0 repeat; border:#fff 2px solid; padding:4px }
.order p .textInput { font:normal 18px/20px Arial, Helvetica, sans-serif; color:#fff; background:none; border:none; padding:0; width:100% }
.order p textarea.textInput { overflow:auto; height:160px; font:normal 15px/20px Arial, Helvetica, sans-serif }
.order p.fontSmall { font-size:13px; line-height:18px }
.order p .disabled { opacity:0.5; filter:alpha(opacity=50); cursor:default }
.order p .send { cursor:pointer }

.darkBoxIndex { margin:0 }
.darkBoxIndex .text { padding-left:0; padding-right:0 }

.column1 { float:left; width:711px; margin-right:0; display:inline }
.column1 .darkBox {  }
.column1Alone { margin:0 0 0 -41px; padding:0 41px; width:629px; position:relative }
.column2 { float:left; width:210px; padding:40px 0 0 41px; position:relative }
.column2 .a-rss { position:absolute; top:-10px; left:0 }

ul.pressMenu { margin:0 0 30px 0; padding:0 }
ul.pressMenu li { margin:0 0 6px 0; padding:0; background:none; font-weight:bold; color:#8e6f6a }
ul.pressMenu li em { color:#8e6f6a; margin:0 0 0 7px }
ul.pressMenu li a { color:#fff }
ul.pressMenu li a:hover { color:#f5d9b4 }
ul.pressMenu li strong a { color:#8e6f6a }
ul.pressMenu li strong a:hover { color:#fff }
ul.pressMenu li.presskit { margin:35px 0 0 0 }

.articleControls { clear:both; margin:0; padding:0; width:630px; color:#8e6f6a }

.clientComment { width:auto; margin:0 0 50px 0  }
.clientComment .clientCommentHeader { display:block; margin:0 0 11px 0; color:#c6a49e }
.clientComment .clientCommentHeader em { font-style:normal }
.clientComment .clientCommentHeader strong { color:#f5d9b4 }

.sideClients { margin:0 -6px 0 0; position:relative; background:url(../img/des/clients_side.png) 0 0 no-repeat; width:216px; height:730px }
.sideClients img { display:block; width:100%; height:100%; border:none }

.worksControls { float:right; width:200px; padding:80px 0 0 70px; color:#8e6f6a; line-height:25px }
.worksControls p { margin:0 0 25px 0 }
.worksControls em { font-style:normal; color:#fff }
.worksControls span { font-size:13px }
.worksControls a { color:#fff; font-weight:bold }
.worksControls a:hover { color:#f5d9b4 }

.fileBox { padding:0 0 0 38px; min-height:35px; _height:35px; background:url(../img/des/files.png) 0 3px no-repeat; line-height:18px; white-space:nowrap }
.fileBox em { font-size:11px; font-style:normal }

.fileInput { font:normal 15px/20px Arial, Helvetica, sans-serif; color:#000 }

.makeOrder { background:#fff; margin:0 -42px 20px -42px; padding:30px 0; _padding-bottom:0; color:#000; overflow:hidden; zoom:1 }
.makeOrder p { position:relative; zoom:1 }
.makeOrder .star { display:block; width:12px; height:13px; position:absolute; left:-19px; top:6px; background:url(../img/des/star.gif) 0 0 no-repeat; overflow:hidden }
.makeOrder .textInput { font:normal 18px/20px Arial, Helvetica, sans-serif; color:#000; padding:5px; margin:1px 0 1px 0; background:#f7f7f7 url(../img/des/input.gif) 0 0 repeat-x; border:#d0d0d0 1px solid; width:350px; position:relative; height:20px }
.makeOrder textarea.textInput { width:595px; height:220px }
.makeOrder .textInput:focus { 
	outline: none;
	margin:0 0 0 0;
	left:-1px;
	background:#fff url(../img/des/input_.gif) 0 0 repeat-x;
	border-top:#b2aa92 2px solid;
	border-right:#e2dbc7 2px solid;
	border-bottom:#dcd5c0 2px solid;
	border-left:#b2aa92 2px solid;
}
.makeOrder .textInputFocus { 
	margin:0 -1px 0 0;
	left:-1px;
	top:-1px;
	background:#fff url(../img/des/input_.gif) 0 0 repeat-x;
	border-top:#b2aa92 2px solid;
	border-right:#e2dbc7 2px solid;
	border-bottom:#dcd5c0 2px solid;
	border-left:#b2aa92 2px solid;
}
.makeOrder .mo-prologue { width:585px; margin:0 0 48px 42px }
.makeOrder .mo-col2 { width:250px; padding:0 42px; float:right }
.makeOrder .mo-col2 .textInput { width:237px }
.makeOrder .mo-col1 { width:627px; padding:0 0 0 42px; float:left }
.makeOrder .mo-comment { background:#fef5f7; margin:0 0 25px -19px; padding:15px 19px; zoom:1 }
.makeOrder .checkbox { margin:0 5px 0 0; vertical-align:middle; position:relative; top:-1px }
.makeOrder em { color:#978f78 }
.makeOrder a { color:#b80e2f }
.makeOrder a:hover { color:#80021a }
.makeOrder .mo-company { margin:0 0 30px 0 }
.makeOrder .mo-attachFile { height:25px }
.makeOrder .mo-attachFile input { }
.makeOrder .mo-attachFile a { border-bottom:#b80e2f 1px dashed; text-decoration:none }
.makeOrder .mo-attachFile a:hover { border-bottom:#80021a 1px dashed; text-decoration:none }
.makeOrder .submit { padding:20px 0 0 0 }
.makeOrder .submit input { cursor:pointer }
.makeOrder .submit input:hover { opacity:0.85 }
.makeOrder .submit input.disabled { opacity:0.5; filter:alpha(opacity=50); cursor:default }
.makeOrder .submit input.disabled:hover { opacity:0.5 }
.makeOrder .fileBox { float:left; padding-right:40px }
.makeOrder .fileBox em { color:#000 }

.a-pub-us { display:block; width:258px; height:48px; background:url(../img/des/press_links.png) 0 0 no-repeat; margin:0 0 20px 0; overflow:hidden }
.a-pub-us img { display:block; width:100%; height:100% }
a.a-pub-us:hover { background-position:0 -45px; _background-position:0 -44px }

.a-pub-market { display:block; width:302px; height:48px; background:url(../img/des/press_links.png) 0 -90px no-repeat; margin:0 0 20px 0; overflow:hidden }
.a-pub-market img { display:block; width:100%; height:100% }
a.a-pub-market:hover { background-position:0 -135px }

.pressKitBox { margin-bottom:70px }
.pressKitBox img { margin:-30px -41px 20px -41px; display:block }

.fileBox2 { float:left; text-decoration:none; font-size:18px; line-height:22px; cursor:pointer; margin:0 0 20px 0 }
.fileBox2 span.ext { float:left; width:44px; height:19px; background:url(../img/des/file.png) 0 0 no-repeat; font:normal 11px/11px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding:26px 0 0 10px }
.fileBox2 span.filinfo { float:left; padding:3px 0 0 0 }
.fileBox2 span.filename { text-decoration:underline }
.fileBox2 em { font-size:13px; color:#c6a49e; display:block; font-style:normal }
.fileBox2:hover { text-decoration:none }
.fileBox2:hover span.filename { text-decoration:underline }

.discounts {position:relative; }
.discounts img {position:absolute; top:0px; left:325px;}