/* General */
body,div,ul,li,h1,h2,h3,h4,p{margin:0;padding:0}
img{border:0}
ul li{list-style:none}
h1{font-size:100%;font-weight:normal}
html,body{height:100%;width:100%;font:12px/15px tahoma;letter-spacing:0.4px;line-height:16px;}
#main_block {
  min-width:995px;
}
/* Header */
#header{position:absolute;top:0;left:0;width:100%;height:143px;}
/*#header .wrap{height:102px;min-width:960px;margin: 0 20px;background:#484644 url(i/header.jpg) repeat-x}*/
#header .wrap{
height:143px;

min-width:995px;
margin: 0 0px;
background:white url(/img/header-left-bg.gif) repeat-x}
#header .wrap .logo{position:relative;float:left;width:25%;padding-top:55px;}
#header .wrap .logo a, #header .wrap .logo span{display:block;width:156px;height:56px;margin:10px auto 0;background: url(/img/logo.gif) no-repeat;text-decoration:none;}
#header .wrap .logo .leaf { position:absolute;top:0;left:0;width:102px;height:49px;background:url('/img/leaf.png') 0 0 no-repeat;}
#header .wrap .links{position:relative;margin-left:26%;background:white url(/img/header-right-bg.gif) repeat-x}
#header .wrap .links .center{width:auto;margin-right:255px;padding-top:31px;background:url(/img/header-logo-bg.gif) top left no-repeat;}
#header .wrap .links .center .netcat{height:112px;background:url(/img/netcat-bg.gif) left repeat-y;margin:0px 0 0 0}


#header .wrap .links .right{ position: absolute;top:0px;right:0px;height:143px;}
#header .wrap .links .contacts{float:left;width:223px;height:122px;margin-top:31px;background:url(/img/contacts-bg.gif) left repeat-y;padding:10px 0 0 0}
#header .wrap .links .contacts .phone {font:17px tahoma;color:#ee641c;margin:27px 0px 10px 25px;}
#header .wrap .links .contacts .icq {font:14px/18px tahoma;color:#818181;padding-left:50px;}
#header .wrap .links .contacts .icq img {margin-right:8px;}
#header .wrap .links .contacts .skype {font:14px/18px tahoma;color:#818181;padding-left:50px;}
#header .wrap .links .contacts .skype img {margin:1px 12px 1px 1px;}
#header .wrap .links .quick-links{float:left;width:32px;height:122px;margin-top:31px;background:#f7f7f7;padding:10px 0 0 0}
#header .wrap .links .quick-links ul {display:block;padding:18px 0px 0px 7px;}
#header .wrap .links .quick-links ul li {display:block;margin-top:16px;}
#header .wrap .links .quick-links ul li a {display:block;width:16px;height:14px;}
#header .wrap .links .quick-links ul li a.home {background:url('/img/icon-home.gif') 1px 1px no-repeat;}
#header .wrap .links .quick-links ul li a.mail {background:url('/img/icon-mail.gif') 1px 1px no-repeat;}
/* Content */
#content{min-height:100%;margin:0 0px;}
/*#content{min-width:960px;min-height:100%;margin:0 20px;background:white url(i/all.gif) repeat-y left}*/
#content .wrap{padding-top:143px;background:url(/img/header-bottom-left-bg.gif) 0px 162px repeat-x;}
.empty{height:99px;}
/* Content left */
#content .sidebar-left{float:left;display:inline;overflow:hidden;width:26%;margin-left:-100%;padding:31px 0 20px;}
#content .sidebar-left img {display:block;border:0;margin:0px auto;}
#content .sidebar-left h3 {margin:30px 40px 0px 35px;}
#content .sidebar-left h3 a{font:bold 16px tahoma;color:#7e9d2e;text-decoration:none;}
#content .sidebar-left ul {margin:0px 40px 0px 35px;}
#content .sidebar-left ul.news-list li {margin-top:13px;}
#content .sidebar-left ul.news-list li p.date {font:12px/10px tahoma;color:#7E9D2E;text-decoration:none;float:left;padding:0 10px 0 0;}
#content .sidebar-left ul.news-list li p a {font:12px/14px tahoma;color:#5D5C5C;text-decoration:none;}
#content .news-list li  p.color a {font:12px/14px tahoma;color:#5D5C5C;text-decoration:none;}
#content .news-list li  p.color a:hover {text-decoration:underline;}
#content .sidebar-left ul.news-list li a {font:12px/14px tahoma;color:#EB611F;text-decoration:none;position:relative;top:1px;//top:0px;}
#content .sidebar-left ul.news-list li p a:hover {text-decoration:underline;}
#content .sidebar-left ul.news-list li a:hover {text-decoration:underline;}
/* Content center */
#content .center{float:left;width:100%;overflow:hidden;margin:10px 0 0 0}
#content .center .in{position:relative;margin: 0 0 0 26%;padding:0px 32px 20px 0px;}

#content .center .menu {width:100%;position:relative;height:142px;background:url('/img/menu-1px.jpg') top repeat-x;// top:10px;}
#content .center .menu .tl{width:104px;height:68px;position:absolute;z-index:8;top:0;left:0px;background:url('/img/left-menu.jpg') top left no-repeat;}
#content .center .menu .tr{width:106px;height:68px;position:absolute;z-index:8;top:0;left:-106px;margin-left:100%;background:url('/img/right-menu.jpg') top left no-repeat;}
#content .center ul.main-menu {margin:0 15%;padding:0 0.5%;width:70%;height:50px;;z-index:20;position:relative}

#content .center ul.main-menu li {float:left;width:20%;}

#content .center ul.main-menu li span {display:block;height:21px;padding:6px 0 5px;text-align:center;margin:0 auto;}

#content .center ul.main-menu li a {display:block;height:21px;font:13px/21px tahoma;color: #5a5a5a;background:url('/img/menu-inactive-bg.gif') top left repeat-x;text-decoration:none;padding:0px 8px;}

#content .center ul.main-menu li.active {height:59px;}

#content .center ul.main-menu li.active span{height:59px;}

#content .center ul.main-menu li.active a {background:none;text-decoration:underline;}

#content .center ul.main-menu li.portfolio span{width:92px;background:url('/img/menu-portfolio-bg.gif') top left no-repeat;}

#content .center ul.main-menu li.stock span{width:75px;background:url('/img/menu-news-bg.gif') top left no-repeat;}

#content .center ul.main-menu li.studio span{width:96px;background:url('/img/menu-about-bg.gif') top left repeat;}

#content .center ul.main-menu li.services span{width:61px;background:url('/img/menu-services-bg.gif') top left no-repeat;}

#content .center ul.main-menu li.contacts span{width:79px;background:url('/img/menu-contacts-bg.gif') top left no-repeat;}


#content .center ul.second-level {display:none;position:absolute;z-index:10;top:69px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:white;width:99%;text-align:center;height:33px;padding-top:19px;}
#content .center ul.second-level .tls {height:54px;width:10px;position:absolute;top:-1px;left:0;background:url('/img/second-level-left.gif') 0px 0px no-repeat;}
#content .center ul.second-level .trs {height:54px;width:10px;position:absolute;top:-1px;left:-10px;margin-left:100%;background:url('/img/second-level-right.gif') 0px 0px no-repeat;}
#content .center ul.second-level li {display:inline;font:bold 13px tahoma;margin-right:22px;}
#content .center ul.second-level li div{display:inline;font:bold 13px tahoma;margin-right:22px;}

#content .center ul.second-level li a {color:#7a7a7a;text-decoration:none;}
#content .center ul.second-level li a:hover {text-decoration:underline;}
#content .center ul.second-level li a.active {text-decoration:underline;}
#content .center .menu h2 {display:block;z-index:2;width:100%;font:28px tahoma;color:#808080;text-align: center;padding:20px 0 0 ;}
#content .center .menu h2 span {color:#ec8a2f;}




#content .center div.second-level {display:none;position:absolute;z-index:10;top:69px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:white;width:99%;text-align:center;height:33px;padding-top:19px;}
#content .center div.second-level .tls {height:54px;width:10px;position:absolute;top:-1px;left:0;background:url('/img/second-level-left.gif') 0px 0px no-repeat;}
#content .center div.second-level .trs {height:54px;width:10px;position:absolute;top:-1px;left:-10px;margin-left:100%;background:url('/img/second-level-right.gif') 0px 0px no-repeat;}
#content .center div.second-level li {display:inline;font:bold 14px tahoma;margin-right:22px;}
#content .center div.second-level li div{display:inline;font:bold 14px tahoma;margin-right:22px;}

#content .center div.second-level li a {color:#7a7a7a;text-decoration:none;}
#content .center div.second-level li a:hover {text-decoration:underline;}
#content .center div.second-level li a.active {text-decoration:underline;}


#content .page-content .banner {
  float:right;
	width:21%;
	height:270px;
	margin-top:35px;
	padding-right:10px;
}
#content .page-content .banner img {
	
}



ul.our-links {
	display:block;
	float:left;
	margin-top:45px;
	width:70%;
}

.page-content ul.our-links {

	margin-right:auto !important;
}


ul.our-links.our-links-wide {
	width:90%;
	
	margin-top:0px;

}



ul.our-links li {
	display:block;
	float:left;
	width:49%;
	height:140px;
}
ul.our-links1 li{
	display:block;
	float:left;
	width:49%;
	height:140px;
}

        
ul.our-links.our-links-wide li {
	margin-top:40px;
}
ul.our-links.our-links-level2 {
	margin:0px;

}
ul.our-links.our-links-level2 li {
	margin-top:30px;
	height: auto;
  width:100%;
}




ul.our-links.our-links-wide li ul li {
	margin-top:auto;
}

ul.our-links li p {
	padding: 10px 20px 0 70px;
	text-align:justify;
	font:12px tahoma;
	color:#4f4e4d;
}

ul.our-links li a {
	color:#5D5C5C !important;
	text-decoration: none;
}


ul.our-links div.sites {
  background: url('/img/design-bg.jpg') 24px 4px no-repeat;
  width:210px;
  margin: 0 auto ;
}

ul.our-links div.marketing { 
  background: url('/img/marketing-bg.jpg') 12px 14px no-repeat;
  width:250px;
  margin: 0 auto ;
}
ul.our-links div.media {
  background: url('/img/media-bg.jpg') 20px 11px no-repeat;
  width:200px;
  margin: 0 auto ;
}
ul.our-links div.support {
  background: url('/img/support-bg.jpg') 2px 11px no-repeat;
  width:250px;
  margin: 0 auto ;
}
ul.our-links div.sites-hover a {color:#2067dd !important;}
ul.our-links div.sites-hover h2 a:hover {color:#2067dd !important; text-decoration:none}
ul.our-links div.marketing-hover a {color:#2c953d !important;}
ul.our-links div.marketing-hover h2 a:hover {color:#2c953d !important; text-decoration:none}
ul.our-links div.media-hover a {color:#d23f28 !important;}
ul.our-links div.media-hover h2 a:hover {color:#d23f28 !important; text-decoration:none}
ul.our-links div.support-hover a {color:#c28c24 !important;}
ul.our-links div.support-hover h2 a:hover {color:#c28c24 !important; text-decoration:none}
ul.our-links .sites-hover h2 {background: url('/img/design-bg.gif') 70px 34px no-repeat;}
ul.our-links .marketing-hover h2 {background: url('/img/marketing-bg.gif') 70px 34px no-repeat;}
ul.our-links .media-hover h2 {background: url('/img/media-bg.gif') 70px 34px no-repeat;}
ul.our-links .support-hover h2 {background: url('/img/support-bg.gif') 70px 34px no-repeat;}

ul.our-links li a:hover {
	text-decoration:underline;
}

ul.our-links li ul {
	padding-left:70px;
	margin-top:10px;
	display:block;
}

ul.our-links li ul li {
	display:block;
	width:100%;
	height:auto;
}

ul.our-links li h2 {
	font: 24px/37px Tahoma;
	color:#565656;
	padding-left:70px;
}

ul.our-links li h4 {
	font: 12px/13px Tahoma;
	color:#2067dd;
	padding-left:70px;

}

ul.our-links li h4 a {
	font: 12px/13px Tahoma;
	color:#2067dd !important;
}




 .pre-footer ul.our-links {
	margin:0 auto ;
	float:none;


	width:90%;

}

.pre-footer ul.our-links ul li {
	width:100%;
}

.pre-footer ul.our-links li {
	width:24%;
	height:auto;
}

#content .pre-footer {
	width:100%;
	float:left;
	padding:0px;
  margin:20px 0 0 0;

}

#content .article-text {
	
  min-height:200px;
  width:100%;
	margin-top:30px;
	font:12px/14px tahoma;
	color:#5d5c5c;
}

#content .article-text h3 {
	font:24px/24px tahoma;
	color:#ee641c;
	letter-spacing:1.5px;
	margin-bottom:10px;
  //margin-top:28px;
}

#content .article-text p {
	font:12px/16px tahoma;
	color:#5d5c5c;
	margin-top:15px;
}

/* Footer */
#footer{position:relative;height:68px;min-width:935px;margin:-99px 0px 0;padding:28px 30px 3px;color:#5a5a5a;}
#footer .contacts{
float:left;

width:660px;
height:45px;
padding:23px 0 0 10px;
background:url('/img/footer-contacts-bg.gif') 614px 25px no-repeat;

}
#footer .copyright{float:right;width:265px;height:45px;padding:23px 0 0;background:url('/img/footer-copyright-bg.gif') 235px 33px no-repeat;}
/* Clear */
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
.clear {display:block;}
/* Link */
a:link {color:#eb611f}
a:visited {color:#eb611f}
a:hover {color:#eb611f}
/* Title */
h1 {font:normal 30px 'Trebuchet MS'}
/* Green-orange boxy */
.boxy {
	/*position:relative;*/
	width:auto;
	height:197px;
	background: url('/img/boxy-left-bg.gif') top left no-repeat;
	padding:21px 7px 0;
	
}

.boxy.wide {
	height:129px;
	background:transparent url(/img/boxy-s-left-bg.gif) no-repeat scroll 35px top;
	padding:21px 40px 0 42px;
	
}

.boxy h2 {
	/*position:absolute;*/
	margin:-21px 0 0 0;
	/*left:7px;*/
	font:12px/21px tahoma;
	width:150px;
	color:white;
	height:22px;
	padding-right:6px;
  text-align:center;
	background:#bdd67a url('/img/boxy-header-bg.gif') top right no-repeat;
}
.boxy h2 a.port{
        color:#fff;
 	text-decoration:none;
}
.boxy h2 a:hover.port{
        color:#fff;
 	text-decoration:underline;
}

.boxy .content {
	height:196px;

	background:url('/img/boxy-content-bg.gif') top repeat-x;
}

.boxy.wide .content {
	height:128px;
	
	background:url('/img/boxy-s-content-bg.gif') top repeat-x;
}

.boxy .content ul {
	height:196px;
	
	background:url('/img/boxy-right-bg.gif') top right no-repeat;
	text-align:center;
	overflow:hidden;
	padding:0;
}

.boxy.wide .content ul {
	height:128px;
	
	background:url('/img/boxy-s-right-bg.gif') top right no-repeat;
}

.boxy .content ul li {
	width:147px;

	height:150px;
	display:block;
	float:left;
	margin:20px 40px 17px 25px;
	_margin:20px 30px 17px 10px;
	
	
	
}

.boxy.wide .content ul li {
	width:16.5%;
	float:left;
	height:95px;
	margin:0 0 40px 0;

}

.boxy .content ul li img {
	display:block;
}

.boxy.wide .content ul li img {
	display:block;
	margin:10px 0 0 0;
}

.boxy .content ul li a {
	display:block;
	text-align:center;
	text-decoration:none;
	padding:7px 6px 4px 7px;
	background:url('/img/latest-works-item-bg.gif') 0px 0px no-repeat;
	width:134px;
}

.boxy.wide .content ul li a {
	padding:0;
  width:100%;
	height:95px;
	margin:0;
	display:block;
	background:none;
	overflow:hidden;
	text-indent:-5000px; 
}

.boxy .content ul li a.partners {
  display:block;
  background:none; 
  padding-top:3px;
  padding-bottom:5px;
	font:12px/14px tahoma;
}

.boxy .content ul li a.partners:hover  {
  text-decoration:underline;
}


.pre-footer .span {
	margin-top:20px;
	border-left:30px solid white;
	border-right:30px solid white;
	width:auto;
	overflow:hidden;
}
/****************************/
.about-page {
	padding-left:20px;
}

/***********Хлебные крошки******************/

.breadcrumbs {
	color:#6e6e6e;
	line-height:14px;
	font-size:11px;
  font-family:verdana;
}

.breadcrumbs a {
	font: 11px/13px tahoma;
	color:#959595;
 /*padding-right:20px;*/
	margin-right:10px;
  letter-spacing:1px;
	/*background: url('/img/breadcrumbs.gif') right 6px no-repeat;*/
}

.breadcrumbs img {
  margin:0 10px 0 0;
}
/********************************************/
.portfolio_img {
	border: 1px solid #DDDDDD;
	margin: 0 0 20px 0;
}

#content .news-list {

}

#content .news-list li{
	margin-top:35px;
}
#content .news-list li.archive{
	text-align:right;
	padding:0 17% 0 0;
}
#content .news-list li p.date {
	font:12px tahoma;
	color:#7e9d2d;
	float:left;
	padding:0 10px 0 0;
}

#content .news-list li h4 {
	font:12px/18px tahoma;
	color:#ee641c;
	margin-top:5px;
}
#content .news-list li h4 a {
	font:12px/18px tahoma;
	color:#ee641c;
	margin-top:5px;
	text-decoration:none;
}
#content .news-list li h4 a:hover {

  text-decoration: underline;
}


#content .news-list li p {
	font:12px/18px tahoma;
	color:#5d5c5c;
	margin-top:3px;
}

#content .news-list li.archive a {
	font:12px tahoma;
}


#content .site-list {
	width:100%;
	
}
#content .site-list li a {

}
#content .site-list li {
	float:left;
	width:49%;
	font:12px/14px tahoma;
	margin:30px 0 55px;
}

#content .site-list li img.logo{
	float:left;
	width:134px;

	padding:7px 6px 4px 7px;
	background:url('/img/latest-works-item-bg.gif') 0px 0px no-repeat;

}

#content .site-list li h4{
	font-size:14px;
	line-height: 20px;
	padding:0 0 0 165px;
}
#content .site-list li .link{
	font-size:12px;
	line-height: 20px;
	color:#2d678a;
	padding:0 0 0 18px;

}
#content .site-list li p{
	font-size:12px;
	padding:0 0 0 165px;
}
#content .site-list li p.date {
	color:#828282;
	font:12px/14px tahoma;
}

#content .site-list .icon-list {
	display:block;
	padding-left:160px;
}

#content .icon-list li {
	display:inline;
	width:auto;
	margin:0px;
	padding:0 0 0 8px;
}

#content .project-image-list {
	width:420px;
	float:left;
	margin-top:20px;

}

#content .project-info {
	width:auto;
	padding-left:435px;
	margin-top:30px;
	
	color:#5c5b5b;
}

#content .project-info p {
	margin-top:15px;
	font:12px tahoma;
}

#content .project-info .icon-list {
	margin:15px 0 0 -8px;
}

/***********************************************************/

#content .contacts-form {
	width:522px;
	margin-top:20px;
	overflow:hidden;
	position:relative;
}

#content .contacts-form .st{
	position:absolute;
	width:20px;
	height:20px;
	left:-10px;
	top:-10px;
	background:url(/img/star.gif);
}

#content .contacts-form .st.tr, .contacts-form .st.br{
	margin-left:100%;
}

#content .contacts-form .st.bl, .contacts-form .st.br {
	top:auto !important;
	bottom:-10px;
}

#content .contacts-form .content {
	width:500px;
	border:1px solid #e9e9e9;
	padding:10px;
	font:12px/14px tahoma;
	padding-bottom:25px;
}

#content .contacts-form .content p.header {
	font:12px/14px tahoma;
	letter-spacing:0.08em;
	text-align:center;
	margin-top:25px;
}

#content .contacts-form .content em {
	font-style:normal;
	color:#ee641c;
}

#content .contacts-form .content .form {
	margin:25px auto 0;
}

#content .contacts-form .content .form td {
	vertical-align:top;
}

#content .contacts-form .content .form textarea {
	border:1px solid #aeacab;
	font:12px/16px tahoma;
	color:#494949;
	padding:0 5px;
	margin:12px 0;
	width:305px;
	height:115px;
}

#content .contacts-form .content .form input {
	width:208px;
	border:1px solid #aeacab;
	font:12px/14px tahoma;
	color:#494949;
	height:14px;
	margin-bottom:10px;
	float:right;
	/*display:block;*/
}

#content .contacts-form .content .form label {
	color:#6f6e6e;
	font:12px tahoma;
}

#content .contacts-form .content .form .captcha-img {
	float:left;
	padding-left:25px;
	margin-top:10px;
}

#content .contacts-form .content .form input.captcha {
	float:right;
	width:133px;
	height:24px;
	font:19px/24px tahoma;
	color:#696766;
	text-align:center;
	margin-top:10px;
}

#content .contacts-form .content .form input.submit {
	display:block;
	width:118px;
	height:22px;
	margin:10px auto 0;
	float:none;
}

#content a.contacts-toggler {
	font:20px/28px tahoma;
	text-decoration:none;
	margin-top:20px;
	display:block;
	border-bottom:2px dashed #ee641c;
	width:210px;
}

.subtitle {
  color:#7E9D2E;
  font-size:20px;
  line-height:20px;
  margin-left:-2px;
  //  margin-left:0px;
}
.img_header {
  width:400px;
 // width:405px;
 /* float:right;*/
 margin:0 auto;
  padding:4px 0 0 0;
 

}
.img1 {
  float:left;
 
}
.img2 {
  float:right
}
#header .wrap .links .center .netcat p {

  width:200px;
  text-align:center;
  float:left;
  padding:35px 10px 0;
  font:14px Arial;
  line-height: 18px;
  letter-spacing: 0.35px;
  color:#555555;


}
#header .wrap .links .center .netcat p b{

font-size:18px;
line-height: 35px;


}
.cms_description {
  font-size:14px;
  width:49%;
  padding:20px 0 0 0;
  float:left;
 
}
.cms_description ul {
 margin:0 0 0 50px;
}
.cms_description ul li {
  list-style-type:disc;
}
ul.disk {
  margin:10px 0 0 50px;
  
}
ul.disk li{

  list-style-type:disc;
}
.cms_description a {
  font-size:16px;
  font-weight: bold;
}
.info_des {

  padding:10px 20px 0 120px;
}
table.technology_table {
   border-top:1px solid #CCCCCC;
   border-left:1px solid #CCCCCC;
   margin:10px 0px 0;
   width:100%;
}
table.technology_table td{
   border-right:1px solid #CCCCCC;
   padding:5px;
   border-bottom:1px solid #CCCCCC;
   text-align:center;
}
table.technology_table td.first {
  text-align:left;
}
.col {
 
   width:48%;
   float:left;
   padding:20px 0px 20px 10px;
}
.position {
  margin:0 auto;
  display:block;
}
.banner_in {
 width:170px;
 margin:40px auto;
}
.boxy.wide .content ul li a.link_clients {
  display:inline;

}
.boxy.wide .content ul li a:hover.link_clients {
  display:inline;
  text-decoration:underline;
}
ul.our-links.our-links-level2 li img.icon {
float: left;
margin: 0px 0 0 0px 
}

ul.our-links li h4 a.subtitle {
  color:#7E9D2E !important;
  font-size:20px;
  line-height:20px;
  margin-left:-2px;
  //  margin-left:0px;
  text-decoration:none;
}
ul.our-links li  h4  a:hover.subtitle {
  color:#7E9D2E;
  font-size:20px;
  line-height:20px;
  margin-left:-2px;
  //  margin-left:0px;
  text-decoration:underline;
}

ul.map {
  padding:5px 0 0 20px;
  
}
ul.map li img {
  left:-10px;
  position:relative;
  top:-2px;
  overflow: hidden;
}
ul.map li{
  padding:0 0 5px 0;
  list-style:none;
}
ul.map li a{
  text-decoration:none;
}
ul.map li a:hover{
  text-decoration:underline;
}
ul.map li ul.map li a {
  color:#7E9D2E !important;
  text-decoration:none;
}
ul.map li ul.map li a:hover {
  color:#7E9D2E !important;
  text-decoration:underline;
}
ul.map li ul.map li ul.map li a {
  color:#959595 !important;
  text-decoration:none;
}
ul.map li ul.map li ul.map li a:hover {
  color:#959595 !important;
  text-decoration:underline;
  
}