#holder { padding:0 20px; min-width:955px; min-height:100%; height:auto !important; height:100%; margin-bottom:-135px; }


/* ------------------------------ HEAD ------------------------------ */
.head { height:167px; position:relative; }

.head .logo { position:absolute; top:0; right:6.5%; width:171px; height:144px; z-index:100; }
.head .logo a { display:block; width:171px; height:144px; }
.head .logo .text { position:relative; top:26px; margin-left:-32px; float:left; }
.head .logo .corner { display:block; width:29px; height:144px; }
.head .logo .left { float:left; }
.head .logo .right { float:right; }

.head .menu { position:absolute; top:125px; left:-12px; width:100%; font-size:10px; text-transform:uppercase; }
.head .menu li { float:left; padding-right:3.3%; padding-left:12px; font-family:Georgia, serif; }
.head .menu li span { color:#ff0000; font-weight:bold; font-family:Georgia, serif; }
.head .menu li a { font-family:Georgia, serif; }
.head .menu li a span { color:#000000; }
.head .menu li.hasSubMenu { position:relative; margin-left:-10px; }
.head .menu li.hasSubMenu span { color:#ff0000; }
.head .menu li.hasSubMenu span.arrow { position:relative; margin-right:4px; top:-1px; height:1.1em; line-height:1.1em; font-size:11px; font-family:Arial; color:#828282; font-weight:normal; }
.head .menu li.hasSubMenu a { color:#ff0000; height:1em; line-height:1em; }
.head .menu li.hasSubMenu ul { position:absolute; left:0; bottom:1.3em; }
.head .menu li.hasSubMenu ul li { float:none; padding:0 0 4px 12px; white-space:nowrap; }

.head .blogLink { position:absolute; top:125px; right:0; font-size:10px; font-weight:bold; text-transform:uppercase; font-family:Georgia, serif; }
.head .blogLink span { color:#000000; font-weight:bold; font-family:Georgia, serif; }

.head .contacts { position:absolute; top:25px; left:8.5%; padding-top:5px; font-family:Arial; }
.head .contacts .phone { font-size:20px; }
.head .contacts a { position:relative; top:3px; font-size:12px; }


/* ------------------------------ BODY ------------------------------ */
.body .projectShow {  }
.body .projectShow .cell { float:left; padding-right:1%; padding-bottom:25px; }
.body .projectShow .cell a.img { display:block; height:110px; cursor:pointer; width:100%; }
.body .projectShow .cell a.img .corner { display:block; width:28px; height:110px; }
.body .projectShow .cell a.img .left { float:left; }
.body .projectShow .cell a.img .right { float:right; }
.body .projectShow .cell .text { padding-top:10px; font-size:13px; }

.body h1 { padding-bottom:25px; font-size:42px; line-height:1.2em; }

.body .h1title { padding-bottom:25px; }
.body .h1title h1 { float:left; padding-bottom:0; font-size:42px; line-height:1.2em; }
.body .h1title a { position:relative; margin-left:8px; top:2px; line-height:1.1em; }
.body .h1title .count { position:relative; top:2px; margin-left:3px; line-height:1em; font-size:13px; line-height:1.1em; }

.body .h1crumbs { padding-bottom:25px; }
.body .h1crumbs h1 { display:inline; font-size:35px; }
.body .h1crumbs span { position:relative; top:3px; margin-left:3px; margin-right:5px; font-size:41px; font-family:Georgia; color:#b2b2b2; }
.body .h1crumbs a { font-size:20px; font-family:Georgia; }

.body .h2title { position:relative; margin-bottom:15px; overflow:visible; }
.body .h2title h2 { display:inline; font-size:26px; }
.body .h2title h2 a { line-height:1.1em; }
.body .h2title .count { position:absolute; line-height:1.1em; font-size:10px; }

span.count { color:#555555; }

#topFeedbackForm { position:absolute; top:40px; left:7%; z-index:100; }
.feedbackFormHolder { width:425px; height:338px; background:url(../img/fb-form-back.png) 0 0 no-repeat; }
.feedbackFormHolder .back { width:391px; height:304px; position:relative; top:13px; left:14px; background:#ffffff; }
.feedbackFormHolder .closeBtn { position:absolute; top:0; left:8px; }
.feedbackFormHolder form { padding-top:15px; }
.feedbackFormHolder .labelHolder { width:135px; padding-top:4px; }
.feedbackFormHolder .inputHolder {  }
.feedbackFormHolder input.text { width:225px; font-size:15px; padding:4px 3px; }
.feedbackFormHolder textarea { width:225px; font-size:15px; padding:4px 3px; height:105px; }
.feedbackFormHolder .success { font-family:Arial; font-size:30px; padding:40px 10px 0 30px; }

/* INDEX */
.body .centerMain { height:245px; margin:0 -20px 0 -20px; padding:0 20px; background:#f6f7f2; }

.body .centerMain .news { float:left; width:22.5%; padding-right:2%; margin-top:60px; font-size:12px; }
.body .centerMain .news li { padding-bottom:8px; line-height:1.3em; }
.body .centerMain .news * { font-family:Georgia; }

.body .centerMain .projectShow .row { margin-top:62px; width:74.6%; }
.body .centerMain .projectShow .cell { width:32.3%; padding-left:1%; padding-right:0; }
.body .centerMain .projectShow .cell .text { padding-top:10px; font-size:10px; text-transform:uppercase; font-family:Georgia; }
.body .centerMain .projectShow .cell .text * { font-family:Georgia; }

.body .mainContent { position:relative; padding-top:35px; }

.body .mainContent .about { float:right; width:33%; position:relative; top:-22px; font-family:Arial; font-size:12px; }
.body .mainContent .about .sign { font-size:250%; line-height:1em; }
.body .mainContent .about p { width:69%; }

.body .mainContent .aboutUsLink { position:absolute; top:45px; left:91.5%; }
.body .mainContent .aboutUsLink a { font-size:94%; font-weight:bold; text-transform:uppercase; }

.body .mainContent .weRock { float:left; width:63.4%; font:normal 35px/1.15em Georgia; letter-spacing:0.6px; text-transform:uppercase; }
.body .mainContent .weRock * { font-family:Georgia; }

.body .mainContent #slider { padding-top:35px; width:100%; overflow:hidden; height:150px; visibility:hidden; }
.body .mainContent #slider ul { width:100%; /*padding-left:8%; left:-20px;*/ }
.body .mainContent #slider li { float:left; /*padding-right:3%;*/ /*width:20%;*/ /*margin-right:4.6%;*/ /*width:37.5%; margin-right:4.6%;*/ }
.body .mainContent #slider li .title { padding-bottom:3px; font-size:13px; font-weight:bold; font-family:Georgia; text-transform:uppercase; }
.body .mainContent #slider li .title * { font-family:Georgia; }
.body .mainContent #slider li .title i { float:left; width:27px; font-size:13px; font-style:normal; }
.body .mainContent #slider li .title a {  }
.body .mainContent #slider li p { width:75%; padding-left:27px; }
.body .mainContent #slider .arrow { line-height:1em; position:relative; top:-0.39em; top:-0.25em\9 }
.body .mainContent #slider .arrow a { line-height:1em; zoom:1; position:relative; }
.body .mainContent #slider .arrow a span { line-height:1em; font-size:175%; }
.body .mainContent #slider .prev { position:absolute; top:-4px; left:0; }
.body .mainContent #slider .next { position:absolute; top:-4px; left:91.5%; margin-right:-23px; }


.body .content { margin-top:10px; }

/* PORTFOLIO */
.portfolioCategoryContent .projectShow { padding-bottom:15px; }
.portfolioCategoryContent .projectShow .cell { width:24%; padding-bottom:70px; }

.portfolioListContent .listBlock { float:left; width:23%; padding-right:1.9%; }
.portfolioListContent .listBlock ul { padding-bottom:10px; }
.portfolioListContent .listBlock li { padding-bottom:7px; }
.portfolioListContent .listBlock .h2title { margin-bottom:10px; }

.portfolioFilterContent .h2title { margin-bottom:5px; }
.portfolioFilterContent .listBlock { float:left; width:25%; }
.portfolioFilterContent .listBlock span { margin-left:5px; }
.portfolioFilterContent .projectShow {  }
.portfolioFilterContent .projectShow .cell { width:32.2%; }

/* PORTFOLIO ITEM */
.itemContent { position:relative; padding-bottom:20px; width:100%; font-family:Arial; }
.itemContent p { padding-bottom:0.8em; }
.itemContent p.also { color:#555555; font-style:italic; }
.itemContent p.also a { color:#555555; }
.itemContent .info { width:66%; padding-bottom:25px; }
.itemContent .screenshot { float:left; margin-left:-5px; position:relative; }
.itemContent .note { float:left; width:21%; padding:10px 0 0 2.5%; font-style:italic; font-size:11px; }
.itemContent .resume { width:86%; margin-left:-50px; padding-top:50px; font-size:11px; color:#555555; position:relative; zoom:1; }
.itemContent .resume .title { float:left; width:50px; }
.itemContent .resume .text { float:left; width:94%; }
.itemContent h1 { font-family:Arial; font-size:35px; padding-bottom:15px; width:91%; }
.itemContent .item { margin-left:8.5%; }
.itemContent .goToItem { position:absolute; top:10px; color:#555555; }
.itemContent .goToItem .arrow { font-size:53px; }
.itemContent .goToItem .ctrl { position:relative; top:-0.9em; font-size:11px; }
.itemContent .goToItem a { font-size:100%; text-decoration:none; }
.itemContent .goToItem a:hover { text-decoration:underline; }
.itemContent .goLeft { left:0; }
.itemContent .goLeft .ctrl { margin-left:3px; }
.itemContent .goRight { right:0; }
.itemContent .goRight .ctrl { margin-right:3px; }

/* NEWS */
.body .newsList { position:relative; margin-top:15px; }
.body .newsList .cell { float:left; width:41.7%; padding-bottom:30px; }
.body .newsList .cell span { float:left; width:19%; padding-right:10px; text-align:right; font-style:italic; }
.body .newsList .cell a { float:left; width:74%; }

.body .newsYears { position:absolute; top:0; right:-20px; padding-left:20px; width:8.5%; background:#f6f7f2; }
.body .newsYears ul { padding:7px 15px; margin-left:-20px; }
.body .newsYears li { padding:3px 0; font-weight:bold; }
.body .newsYears li a { font-weight:normal; }

.body .newsItem {  }
.body .newsItem span { float:left; width:8.5%; position:relative; left:-10px; margin-top:-1px; text-align:right; font-style:italic; }
.body .newsItem .title { font-size:23px; color:#ff0000; line-height:1em; padding-bottom:20px; }
.body .newsItem .text { float:left; width:67%; }

/* STUDIO */
.studioContent { position:relative; padding-left:8.5%; margin-top:30px; padding-top:0 !important; padding-bottom:20px; }
.studioContent p, .studioContent dd { line-height:1.2em; }
.studioContent .intro { width:69%; font-size:20px; line-height:1.2em; padding-bottom:0.4em; }
.studioContent h1 { margin-left:-9%; padding-bottom:55px; font-size:99px; width:85%; }
.studioContent h2 { padding-bottom:10px; color:#ec1c23; font-size:19px; }
.studioContent .history { padding-bottom:40px; }
.studioContent .history h3 { margin-top:10px; font-size:15px; font-weight:bold; }
.studioContent .history .img { float:left; width:18.3%; }
.studioContent .history .img div { font-style:italic; }
.studioContent .history .text { float:left; width:51%; }
.studioContent .mission { float:left; width:42%; margin-right:12.5%; }
.studioContent .aims { float:left; width:42%; }
.studioContent .seeAlso { position:absolute; top:5px; right:-20px; width:20%; background:#f6f7f2; }
.studioContent .seeAlso .inner { padding:10px 0 15px 15px; }
.studioContent .seeAlso .inner div { font-size:20px; }
.studioContent .seeAlso * { line-height:1.5em; }
.studioContent dl {  }
.studioContent dt { padding-bottom:4px; font-weight:bold; color:#ec1c23; }
.studioContent dd { padding-bottom:10px; }

/* CLIENTS */
.clientsContent {  }
.clientsContent .container {  }
.clientsContent .cell { float:left; width:16.5%; padding-bottom:20px; text-align:center; }
.clientsContent .cell div { height:100px; line-height:100px; }
.clientsContent .cell div a { line-height:100px; }
.clientsContent .cell div img { line-height:100px; vertical-align:middle; position:relative; *top:50%; *margin-top:expression('-' + offsetHeight/2 + 'px'); }

/* CLIENTS BRANCHES */
.clientsBranchContent {  }
.clientsBranchContent .listBlock { float:left; width:23%; padding-right:1.9%; padding-bottom:25px; }
.clientsBranchContent .listBlock ul { padding-bottom:10px; }
.clientsBranchContent .listBlock li { padding-bottom:7px; }
.clientsBranchContent .listBlock .h2title { margin-bottom:10px; }
.clientsBranchContent .listBlock .h2title h2 { font-size:22px; }

/* CLIENT ITEM */
.clientItemContent { padding-left:25%; position:relative; padding-bottom:30px; zoom:1; }
.clientItemContent h1 { font-size:60px; padding-bottom:40px; }
.clientItemContent .logo { position:absolute; top:20px; left:25px; }
.clientItemContent .text { float:left; width:42%; }
.clientItemContent .text p { padding-bottom:5px; }
.clientItemContent .servicesList { float:left; padding-left:14%; width:43%; }
.clientItemContent .servicesList div { font-size:22px; padding-bottom:5px; }
.clientItemContent .servicesList li { padding-bottom:5px; }

/* CONTACTS */
.contactsContent {  }
.contactsContent .map { float:left; width:67%; height:415px; margin-bottom:150px; }
.contactsContent .info { float:left; width:25%; padding-left:8%; font-family:Arial; }
.contactsContent .contacts { font-size:17px; padding-bottom:55px; padding-top:10px; }
.contactsContent .note { position:relative; left:-25px; float:left; font-style:italic; font-size:12px; width:100%; }
.contactsContent .note .star { float:left; width:0.5em; padding-top:0.25em; padding-right:0.2em; font-size:40px; }
.contactsContent .note .text { float:left; width:88.4%; }

/* PRODUCTS */
.productsContent .offer { font-size:100px; font-family:Georgia; line-height:1em; margin-left:-5px; padding-bottom:30px; }
.productsContent .center { font-family:Arial; margin-right:-20px; padding-bottom:30px; }
.productsContent .center .text { float:left; width:70%; padding-top:10px; }
.productsContent .center .text span { float:left; width:11%; text-align:center; font-size:60px; line-height:0.3em; color:#ec1c23; }
.productsContent .center .text h1 { float:left; width:85%; font-family:Arial; font-size:23px; line-height:1.2em; font-style:italic; }
.productsContent .center .note { float:right; width:29.5%; background:#f6f7f2; }
.productsContent .center .note .inner { padding:15px 0 22px 10px; }
.productsContent .center .note span { float:left; width:8%; line-height:0.9em; font-size:40px; color:#ec1c23; }
.productsContent .center .note div { float:left; width:86%; line-height:1.2em; }
.productsContent .solutions { font-family:Arial; margin-right:-20px; padding-bottom:25px; }
.productsContent .solutions li { float:left; width:20.5%; padding-right:4%; }
.productsContent .solutions li h3 { padding-bottom:5px; font-size:20px; font-family:Arial; }
.productsContent .solutions li div {  }

.productsContent h2 { font-size:48px; font-family:Georgia; padding-top:30px; padding-bottom:30px; margin-left:-5px; }
.productsContent .products { font-family:Arial; padding-bottom:30px; }
.productsContent .products li { float:left; width:32%; margin-right:1%; border:1px solid #e1e1e1; }
.productsContent .products li img {  }
.productsContent .products li .descr { padding:5px 15px 15px 15px; background:#f6f7f2; }
.productsContent .products li h3 { padding-bottom:5px; font-size:20px; font-family:Arial; }
.productsContent .products li .text {  } 
.productsContent .products li .img { text-align:center; padding:20px 0; }

/* CAREERS */
.careersContent h1 { font-size:100px; }
.careersContent .innerContent { position:relative; }
.careersContent .jobs {  }
.careersContent .jobs div { float:left; width:23%; padding-right:4.5%; padding-bottom:30px; }
.careersContent .jobs h2 { font-size:19px; }
.careersContent .jobs p { font-size:11px; }
.careersContent .conditions { padding-top:40px; padding-bottom:30px; }
.careersContent .conditions div { float:left; width:23%; padding-right:4.5%; }
.careersContent .conditions strong { display:block; padding-bottom:10px; line-height:1.1em; font-size:19px; width:85%; font-weight:normal; color:#ff0000; }
.careersContent .conditions p {  }
.careersContent .note { position:absolute; top:0; right:-20px; background:#f6f7f2; width:33%; }
.careersContent .note .inner { padding:15px 0 22px 10px; }
.careersContent .note span { float:left; width:8%; line-height:0.9em; font-size:40px; color:#ec1c23; }
.careersContent .note div { float:left; width:86%; line-height:1.2em; }

/* CAREERS INNER */
.careersInnerContent { padding-bottom:50px; }
.careersInnerContent h1 { font-size:60px; padding-bottom:40px; }
.careersInnerContent .innerContent { position:relative; }
.careersInnerContent p { width:70%; }
.careersInnerContent h2 { font-size:17px; color:#ec1c23; padding-bottom:10px; }
.careersInnerContent .note { position:absolute; top:25px; right:0; width:19%; }
.careersInnerContent .note div { font-size:22px; }
.jobForm { width:100%; }
.jobForm .labelHolder { width:11%; padding-top:4px; }
.jobForm .inputHolder { width:80%; }
.jobForm input.text { width:44%; font-size:15px; padding:4px 3px; }
.jobForm textarea { width:44%; font-size:15px; padding:4px 3px; height:145px; }

/* SEARCH */
.searchContent {  }
.searchContent h1 { font-size:43px; padding-bottom:20px; }
.searchForm { padding-bottom:30px; }
.searchForm input.text { width:44%; margin-right:3px; }
.searchForm input.submit { width:40px; }
.searchContent ul { width:44%; padding-bottom:30px; }
.searchContent li { padding-bottom:10px; }

/* ERROR */
.errorContent .innerContent { position:relative; }
.errorContent h1 { font-size:100px; }
.errorContent h2 { padding-bottom:25px; width:70%; font-size:20px; font-family:Arial; }
.errorContent p { width:50%; }
.errorContent .contacts { padding-top:75px; font-family:Arial; font-size:11px; }
.errorContent .contacts p { margin-top:5px; }
.errorContent .contacts .phone { font-weight:bold; }
.errorContent .copyright { font-size:11px; font-family:Arial; }

.errorContent .note { position:absolute; top:0; right:-20px; background:#f6f7f2; width:32%; }
.errorContent .note .inner { padding:18px 0 22px 30px; }
.errorContent .note .inner div { padding-bottom:5px; }

.hr { font-size:0; height:4px; line-height:0; background:#b4b4b4; }
.leftMarginContent { margin-left:8.5%; }

/* ------------------------------ FOOT ------------------------------ */
.footPush { display:block; height:135px; }

.foot { height:115px; min-width:955px; margin-top:20px; padding:0 20px; background:url(../img/red-line.gif) 8% 100% no-repeat; }
.foot .subFoot { position:relative; height:92px; padding-top:23px; margin:0 8.5% 0 8.5%; background:url(../img/curve.gif) 0 0 repeat-x; }
.foot .block { float:left; width:27%; margin-right:3%; }
.foot .block div.title { padding-bottom:5px; font-size:11px; font-weight:bold; text-transform:uppercase; line-height:1.5em; font-family:Georgia, serif !important; }
.foot .block p { font-family:Arial; font-size:11px; }
.foot .search form { position:relative; width:100%; }
.foot .search label { position:absolute; top:0.15em; left:5px; color:#bdbdbd; }
.foot .search input.text { width:71%; margin-right:1px; }
.foot .search input.submit { width:15%; }
.foot .contacts { font-family:Arial; font-size:11px; }
.foot .contacts p { margin-top:5px; }
.foot .contacts .phone { font-weight:bold; }
.foot .copyright { position:absolute; top:23px; left:90.5%; /*white-space:nowrap;*/ width:170px; font-size:11px; font-family:Arial; }
.foot .copyright a { text-decoration:none; color:#000000; }


/* ------------------------------ JCAROUSEL ------------------------------ */
.jcarousel-container { position:relative; }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li, .jcarousel-item { float:left; list-style:none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width:75px; height:75px; }

.jcarousel-next { z-index:3; display:none; }
.jcarousel-prev { z-index:3; display:none; }

/* SKIN */
.jcarousel-skin .jcarousel-container {}
.jcarousel-skin .jcarousel-container-horizontal { width:100%; }
.jcarousel-skin .jcarousel-clip-horizontal { width:83%; height:150px; margin-left:8.5%; left:-27px; }
.jcarousel-skin .jcarousel-item { width:75px; height:150px; }
.jcarousel-skin .jcarousel-item-horizontal {}
.jcarousel-skin .jcarousel-item-placeholder { background:#fff; color:#000; }

/* Horizontal Buttons */
.jcarousel-skin .jcarousel-next-horizontal {}
.jcarousel-skin .jcarousel-next-disabled-horizontal * { cursor:default; border:0; color:gray; }
.jcarousel-skin .jcarousel-prev-horizontal {}
.jcarousel-skin .jcarousel-prev-disabled-horizontal * { cursor:default; border:0; color:gray; }