charset "utf-8";
/* CSS Document */

html, body { font-family: Myriad Pro, Trebuchet MS, Tahoma, Arial; color: #231f20; font-size: 16px; }
a { color: #231f20; cursor: pointer; }
a img { border: 0; }
.clear { clear: both; }
p { margin-top: 20px; margin-bottom: 20px; }
h3 { color: #a7a9ac; font-weight: bold; font-size: 20px; letter-spacing: 1px; font-weight: normal; }
.indexpage-text1 { color: #c41230; font-size: 38px; }
.indexpage-text2 { color: #231f20; font-size: 24px; }
.grey { color: #A7A9AC; }
.float-left { float: left; }
.float-right { float: left; }

.horizontal_scroller {
	position:relative;
	overflow:hidden;	
}

div.scrollingtext{
	position:absolute;
	white-space:nowrap;
	font-family:'Trebuchet MS',Arial;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}


.staff td { vertical-align: top; }
.team-name, .team-position { margin: 0; padding: 0; }
.team-name { color: #D61E3A; font-size: 20px; letter-spacing: 1px; }
.team-position { color: #A7A9AC;  }


.animated-txt-container {
	margin-top: 40px;
	margin-left: 3px;
	margin-right: 6px;
	position: relative;
	z-index: 3;
	background: url(images/animated-txt-bg.png) repeat-x; height: 38px;
	line-height: 53px;
}

.portfolio-slider-container { margin-top: 16px; margin-left: 4px; position: relative; z-index: 3; margin-right: 6px; }


p.tatoo { background: url(images/tatoo-text.png) no-repeat top left; text-indent: 23px; }

.main-menu {
	height: 24px;
	border-top: 1px #f7f7f8 solid; border-bottom: 1px #f7f7f8 solid;
	background: #E6E7E8; margin-top: 45px;
}
.main-menu a { color: #231f20; text-decoration: none; font-size: 20px; letter-spacing: 2px; }
.main-menu table { width: 100%; border-collapse: collapse; position: absolute; }
.main-menu .mw { position: relative; }
.main-menu .menu-item { padding-left: 10px; position: relative; z-index: 2; }
.main-menu .mw.active .menu-item { background: #C41230; float: left; padding-right: 5px; padding-left: 0 !important; }
.main-menu .mw.active .menu-item a { color: white; padding-left: 10px; position: relative; z-index: 2; }


.main-menu .sub-menu {
	padding-right: 3px;
	position: absolute;
	top: 0;
	z-index: 1;
	background: #a7a9ac;
	border: 1px #d1d3d4 solid;
	padding-bottom: 3px;
}
.main-menu .mw .tatoo { position: absolute; right: 5px; z-index: 1; top: 6px; }
.main-menu .sub-menu ul { 
	position: relative;
	z-index: 2;
	list-style: none;
	padding-left: 0;
	text-transform: lowercase;
	margin-top: 38px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.main-menu .sub-menu ul li { padding-left: 10px; padding-right: 7px; line-height: 22px;  }
.main-menu .sub-menu ul a { font-size: 16px; color: #ffffff; letter-spacing: 1px; }
.main-menu .sub-menu li.current { background-color: #e6e7e8; border-top: 1px #b7b9bb solid; border-bottom: 1px #b7b9bb solid;  }
.main-menu .sub-menu li.current a { color: #231f20; }

#submenu ul { margin-top: 0; padding-top: 0; list-style: none; }

#wrapper { margin: 15px auto 0px auto; position: relative; min-height: 530px; padding-bottom: 150px; }
#wrapper, .footer {
	width: 990px;
}

.footer {
	margin: 0 auto 45px auto;
}
.footer .sbuttons { float: right; width: 150px; }

.bg-left-up { position: absolute; left: 0; top: 2px; width: 10px;
height: 15px;
overflow: hidden; vertical-align: top}
.bg-left-up img {
    vertical-align: top;
}
.bg-left-bottom { position: absolute; left: 0; bottom: 0px; width: 11px; height: 108px; }
.bg-right-up { position: absolute; right: 0; z-index: 2; top: 2px; }
.bg-right-bottom { position: absolute;right: 0; bottom: 0px; width: 44px; height: 38px; }
.bg-center-up { position: absolute; top: 2px; left: 10px; right: 123px; border-top: 2px #fafafa solid; }
.bg-center-left {
	position: absolute;
	left: 0; top: 13px; bottom: 108px; width: 9px;
	background: url(images/bg-center-left.png) repeat-y left;
}
.bg-center-right { position: absolute; right: 0; width: 10px; top: 120px; bottom: 38px;
	background: url(images/newdis/bg-center-right.png) repeat-y right;
}
.bg-center-bottom {
	position: absolute;
	bottom: 6px; right: 44px; left: 111px;
	background: url(images/bg-center-bottom.png) repeat-x; height: 22px;
}
.bg-bottom-logo { position: absolute; bottom: 0px; z-index: 2; left: 230px; width: 557px;
height: 81px;}
.bg-tatoo { position: absolute; right: 6px; z-index: 1; top: 80px; }

.part-wrap {
	
}
.bg-wrap-top { position: absolute; z-index: 1; }
.left-container { float: left; width: 285px; z-index: 2; position: relative; margin-top: 45px; }
.logo { text-align: center; }

.right-container { float: left;  width: 700px; position: relative; }
.right-container .header { }

#langchooser {
	position: absolute;
	background-image: url(images/lang-switch-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 54px;
	padding-left: 12px;
	padding-top: 10px;
	z-index: 5;
	right: -25px;
	top: 150px;
}
#langchooser .lang { color: white; font-size: 13px; }
#langchooser .lang.rus { margin-bottom: 3px; }
#langchooser .lang a { color: inherit; font-size: inherit; }

.sitecontent { margin-top: 130px; position: relative; z-index: 3; margin-left: 5px; }
.sitecontent .module { margin-right: 55px; }
.sitecontent .module.portfolio-mod { margin-right: 0 !important; }
.sitecontent .module.contacts { margin-left: 50px;}
.indexpage .sitecontent { margin-top: 70px; }

.current-section {
	margin-bottom: 10px;
	font-size: 15px; text-transform:lowercase; padding-left: 8px; padding-right: 8px; 
	border: 1px #eebfb4 solid;
	background-color: #c41230;
	color: #ffffff;
	float: left;
	clear: both;
	padding-top: 3px;
	padding-bottom: 1px;
	letter-spacing: 1px;
}

.footer {
	
}


.left-sections { margin-left: 30px; margin-top: 50px; width: 350px; position: absolute; }
.left-sections div { margin-bottom: 15px; padding-left: 32px; font-size: 20px; letter-spacing: 2px;  }
.left-sections .active { background: url(images/left-menu-tatoo.png) no-repeat left center; }
.left-sections a { color: #a7a9ac; text-decoration: none; }
.left-sections a:hover { color: #231f20 !important; }
.left-sections .active {  }



.portfolio-case-container { float: left; width: 320px; margin-bottom: 40px; margin-right: 20px; }
.portfolio-case-cover {}
.portfolio-case-no-cover {}
.portfolio-case-title { margin-top: 10px; }
.portfolio-case-title a { border-bottom: 1px #d1d3d4 solid; text-decoration: none; }
.portfolio-case-visual-container { 
	float: left;
	width: 117px;
	margin-right: 4px;
	margin-top: 10px;
}
div.portfolio-case-image {
	padding: 6px;
	background-image: url(images/shadow-frame.gif);
	float: left;
}



.solution { margin-left: 145px; margin-right: 60px }
.lmenu-content-link { position: absolute; left: 119px; top: 7px; overflow: hidden; }
#left-line-link { position: absolute; }
#left-line-link hr { border-width: 1px; border-style: solid; color: #a7a9ac; }
.left-sections {  }


.media-sources { margin-right: 40px; letter-spacing: 1px; }
.media-sources .media-list-item { margin-bottom: 25px; }
.media-sources .h { font-size: 12px; color: #A7A9AC; }
.media-sources .h table td { padding-right: 15px; }
.media-sources .cat div { background: #e6e7e8; 
	/*border-style: solid; border-color: #f1f1f2; border-width: 0 1px 1px 1px;*/
	padding-left: 5px; padding-right: 5px; text-transform: lowercase;
}
.media-sources .cat div a { color: inherit; text-decoration: none !important; }
.media-sources .date { color: #c0c2c4; }
.media-sources .tit { margin-top: 20px; }
.media-sources .tit a { color: #a7a9ac; text-decoration: none;  font-size: 20px; }
.media-sources .tit a:hover { text-decoration: underline; }
.media-sources .ann { margin-top: 10px; }
.media-sources .ann p { margin-top: 0; padding-top: 0; }

.press .tit { margin-top: 0px !important; margin-left: 5px; }
.press .tit a {  color: #231f20 !important; text-decoration: underline; }
.press .media-list-item { border-bottom: 1px #eee solid; margin-bottom: 0 !important; padding-top: 10px; padding-bottom: 10px; }
.press .media-list-item:hover { background: url(images/ts-05-black.png); }


.awards {}
.awards .years { float: left; margin-left: 25px; color: #c1c3c5; }
.awards .years .yi { float: left; margin-right: 13px; padding-bottom: 4px; }
.awards .years .yi.active { background: url(images/year-selector.png) no-repeat center bottom; }

.awards .years a { color: inherit; }
.awards .years .active { color: #A7A9AC !important; }
.award-item { margin-top: 17px; }




.media-block {
	clear: both;
	padding-top: 30px;

}
.media-block.image-gallery {
	margin-top: -25px;
	margin-left: -56px;
	overflow: hidden;
}
.media-element {
	float: none;
	clear: both;
}
.media-element.image {
	clear: none;
	float: left;
	width: 146px;
	height: 146px;
	margin-left: 56px;
	text-align: center;
	line-height: 146px;
	margin-top: 25px;
}
.media-element.image a {
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
}
.media-element a { text-decoration: none; }

#portfolio-slider {}
#portfolio-slider li { position: relative; }
#portfolio-slider li .prf-info {
	background: url(images/bg-portfolio-slider-item.png);
	bottom: 0; left: 0; right: 0;
	position: absolute;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 8px; padding-bottom: 12px;
}
#portfolio-slider li .prf-info a {
	color: white; font-size: 11px; text-decoration: none; line-height: 19px;
	font-weight: bold;
}
#portfolio-slider .btm-bg {
	height: 5px;
position: absolute;
bottom: 10px;
z-index: 4;
}






#Form_Form div.field {
	margin-bottom: 10px;
}
#Form_Form input.text,
#Form_Form select,
#Form_Form textarea,
#Form_Form input.action {
}

#Form_Form input.text, 
#Form_Form select,
#Form_Form textarea {
    color:#666;
}

#Form_Form input.text,
#Form_Form textarea {
    padding:3px;
}
#Form_Form label.left {
	float: left;
	padding-right: 10px;
	clear: both;
	line-height: 14px;
}
body.FeedbackPage #Form_Form label.left { width: 100px; }
body.FeedbackPage #Form_Form input.text,
body.FeedbackPage #Form_Form textarea {
    width:350px;
}