/*--------------------- ОТДЕЛЬНЫЕ БЛОКИ --------------------------------------------*/


/*---------------------------- DIVISIONS ------------------ на главной --------------------*/

div#divisions{
	width: 100%;
	height: 530px;
	overflow: hidden;
	clear: both;
}

div#divisions div.vertical_title{
	width: 106px;
	height: 100%;
	float: left;
	background: url(../../images/divisions_title.gif) no-repeat 35px 145px;
}

div#divisions div.column{
	width: 287px;
	height: 100%;
	float: left;
}

div#divisions div.column div.column_title{
	float: left;
	clear: both;
	overflow: hidden;
	font-size: 28px;
	color: #fff;
	margin: 29px 0px 24px 0px;
}

div#divisions div.column div.column_title p{
	margin: 0px 4px 2px 4px;
}

div#divisions div.column div.column_title a{
	display: block;
	color: #fff;
	text-decoration: none;
}

div#divisions div.column div.for_image{
	width: 100%;
	height: 245px;
	clear: both;
	overflow: hidden;
}

div#divisions div.column div.for_image img{
	width: 231px;
	height: 231px;
}

div#divisions div.column div.for_text{
	width: 223px;
	height: 118px;
	clear: both;
	overflow: hidden;
	color: #ccc;
	margin: 24px 0px 0px 0px;
	line-height: 1.5em;
}

div#divisions div.column p.main_link{
	width: 223px;
	clear: both;
	overflow: hidden;
	color: #ccc;
	font-size: 21px;
	font-weight: 600;
	text-align: right;
}

			/*------------- разбинение по цветам --------------*/
div#divisions div.column.magenta div.column_title{
	background: #f39;
}

div#divisions div.column.magenta div.for_image img{
	border: #f39 solid 7px;
}

div#divisions div.column.magenta p.main_link a{
	color: #f39;
}


div#divisions div.column.green div.column_title{
	background: #6c0;
}

div#divisions div.column.green div.for_image img{
	border: #6c0 solid 7px;
}

div#divisions div.column.green p.main_link a{
	color: #6c0;
}

div#divisions div.column_title{
	direction: ltr;
}

div#divisions div.column.cyan div.column_title{
	background: #00c9c9;
}

div#divisions div.column.cyan div.for_image img{
	border: #00c9c9 solid 7px;
}

div#divisions div.column.cyan p.main_link a{
	color: #00c9c9;
}


/*------------------------------- WHAT WE DO ------------ на главной -------------------------*/

div#what_we_do{
	width: 100%;
	height: 185px;
	overflow: hidden;
			background: url(../../images/what_we_do_bg.gif) no-repeat 399px 0px;
		margin-top: 66px;
}

div#what_we_do div.left{
	width: 310px;
	float: left;
	margin: 47px 0px 0px 47px;
}

div#what_we_do div.left big{
	display: block;
	font-size: 45px;
	margin-bottom: 7px;
}

div#what_we_do div.right{
	width: 504px;
	float: right;
	margin-right: 26px;
}

div#what_we_do div.right table{
	width: 100%;
	font-size: 21px;
	margin-top: 9px;
}

div#what_we_do div.right table a{
	color: #4a4a4b;
	text-decoration: none;
}

div#what_we_do div.right table a:hover{
	text-decoration: underline;
}

div#what_we_do div.right table td.left{
	width: 464px;
	padding-bottom: 20px;
}

div#what_we_do div.right table td.right{
	width: 20px;
	padding-bottom: 20px;
	text-align: right;
	vertical-align: middle;
}


/*----------------- ABOUT CMS ---------------------- на главной ------------*/

div#about_cms{
	width: 910px;
	overflow: hidden;
	clear: both;
	margin: 62px auto 0px auto;
}

div#about_cms h1{
	clear: both;
}

div#about_cms div.for_ill{
	width: 343px;
	float: left;
	border: 0px;
	direction: ltr;
}

div#about_cms div.for_ill img{
	float: left;
	border: #CFCFCF solid 7px;
	margin: 0px 24px 15px 0px;
}

div#about_cms div.for_text{
	width: 521px;
	float: left;
	padding: 7px 0;
}

div#about_cms div.for_text a{
	color: #4a4a4b;
}

	.categories_ul li {
		position: relative;
		padding: 0 0 0 25px;
		margin: .4em 0;
		background:transparent url(../../images/arrow_grey_20x9.gif) no-repeat scroll -4px 5px;
	}



/*------------------------------- DIVISIONS PORTFOLIO ---------------------------------*/

div.divisions_portfolio{
	width: 100%;
	/*height: 410px;*/
	overflow: hidden;
	clear: both;
	background: url(../../images/divisions_title.gif) no-repeat 30px 50px;
	margin-bottom: 48px;
	direction: ltr !important;
		text-align:left !important;
}
div.divisions_portfolio * {
	direction: ltr !important;
	text-align:left !important;
}

div.divisions_portfolio.small{
	width: 100%;
	height: auto !important;
	clear: both;
	background: none;
	margin-bottom: 48px;
}

div.divisions_portfolio div.title{
	width: 720px;
	height: 36px;
	overflow: hidden;
	clear: both;
	margin: 29px 0px 24px 104px;
	direction: ltr;
}

div.divisions_portfolio div.title div.large{
	width: 48%;
	float: left;
}

div.divisions_portfolio div.title div.large p{
	float: left;
 	font-size: 28px;
 	color: #fff;
 	overflow: hidden;
 	padding: 0px 4px 0px 4px;
}

div.divisions_portfolio div.title div.large p.magenta{
	background: #f39;
}

div.divisions_portfolio div.title div.large p.green{
	background: #6c0;
}

div.divisions_portfolio div.title div.large p.cyan{
	background: #00c9c9;
}

div.divisions_portfolio div.title div.small{
	width: 48%;
	float: right;
	margin-top: 16px;
}

div.divisions_portfolio div.title div.small ul{
	float: right;
	overflow: hidden;
}

div.divisions_portfolio div.title div.small ul li{
	float: left;
	overflow: hidden;
	font-size: 11px;
	margin-right: 21px;
	padding: 2px;
}

div.divisions_portfolio div.title div.small ul li a{
	text-decoration: none;
	color: #fff;
}

div.divisions_portfolio div.title div.small ul li.magenta{
	background: #e9337e;
}

div.divisions_portfolio div.title div.small ul li.green{
	background: #6c0;
}

div.divisions_portfolio div.title div.small ul li.cyan{
	background: #00c9c9;
}

div.divisions_portfolio div.inner{
	width: 760px;
	height: 300px;
	overflow: hidden;
	clear: both;
	margin: 0px 0px 0px 104px;
}

div.divisions_portfolio div.inner div.columns{
	width: 10000px;
	height: 250px;
	clear: both;
	margin-bottom: 19px;
	direction:ltr;
}

div.divisions_portfolio div.inner div.column{
	width: 170px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	height: 255px;
}

div.divisions_portfolio div.inner div.column img{
	clear: both;
	border: #fff solid 3px;
	margin-bottom: 18px;
}

div.divisions_portfolio div.inner div.column p.name{
	font-size: 16px;
	margin-bottom: 7px;
	font-weight: bold;
}

div.divisions_portfolio div.inner div.column p.name a{
	color: #ccc;
}

div.divisions_portfolio div.inner div.column p.info{
	font-size: 1em;
	color: #ccc;
}

div.divisions_portfolio.small div.inner{
	height: auto !important;
}

div.divisions_portfolio.small div.inner a{
	color: #4a4a4b;
}

div.divisions_portfolio div.inner_left{
	width: 22%;
	float: left;
	overflow: hidden;
}

div.divisions_portfolio div.inner_right{
	width: 78%;
	float: left;
	overflow: hidden;
}

/* divisions_portfolio styles */
div.item_portfolio_cnt  div.breaf_cnt {
	clear: both;
	height: auto !important;
	width: 100%;
	padding: 0 0 15px 0;
	
}
div.breaf_cnt .item_content {
	position: relative;
	margin: 0 0 0 80px;
}
	
div.breaf_cnt img {
	border: 5px solid #D3D3D3;
	width: 55px;
	float: left;
	overflow:hidden;
}

div.breaf_cnt  h2 {
	color: #7F7F7F;
	font-weight: normal;
	letter-spacing: .001em;
}
div.breaf_cnt  h2 , div.breaf_cnt  p {
	margin: 5px 0;
}

div.item_portfolio_cnt .magenta img  {border-color: #FF3399;}
div.item_portfolio_cnt .green img  {border-color: #66CC00;}
div.item_portfolio_cnt .cyan img  {border-color: #00C9C9;}

div.breaf_cnt p {
	font-size: 11px;
}

div.item_portfolio_cnt  a {
	color: #005AC0 !important;
}

div.item_portfolio_cnt  a:hover {
	text-decoration: underline !important;
}

div.item_portfolio_cnt .description_cnt p {
	margin: 0 0 12px 0;
}

div.item_portfolio_cnt .description_cnt  img {
	border: 2px solid #D3D3D3;
	vertical-align: top;
}



div.item_portfolio_cnt h2 {
	font-size: 35px;
	font-weight: normal;
}

*html .clearfx {
	height: 1% !important;
}

.clearfx:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  letter-spacing: 0;
  line-height: 0;
  visibility: hidden;
}

/*---------------------------------- PAGING ----------------------------------*/

div.paging{
	width: 100%;
	overflow: hidden;
	clear: both;
	/*text-align: right;*/
	padding-top: 10px;
	text-align: right;
	font-size: 15px;
	color: #555;
	direction: ltr
}

div.paging p.back{
	float: left;
	width: 33%;
	text-align: left;
}

div.paging a{
	color: #ccc;
	text-decoration: none;
}



/*--------------------------------- PORTFOLIO SUMMARY ------------------------------*/

div#portfolio_summary{
	width: 100%;
	height: 200px;
	overflow: hidden;
			background: url(../../images/ltr/portfolio_summary_bg.gif) no-repeat 630px 0px;	}

div#portfolio_summary div.left{
	width: 620px;
	float: left;
	margin-left: 35px;
}

div#portfolio_summary div.left ul{
	width: 570px;
	overflow: hidden;
}

div#portfolio_summary div.left ul li{
	width: 174px;
	float: left;
	margin: 0px 0 24px 16px;
	height: 75px;
			background: url(../../images/ltr/right_arrow_gray.gif) no-repeat 0px 9px;	}

div#portfolio_summary div.left ul li p{
	margin-left: 38px;
}

div#portfolio_summary div.right{
	width: 240px;
	float: right;
	font-size: 45px;
	margin: 31px 35px 0px 0px;
	text-align:left;
	direction: ltr;
}

.portfolio_prev_wrapper {
	width:170px;
	height:300px;
	background-color:#292929;
}

.portfolio_prev_wrapper a{
	color: #999999;
}

.portfolio_descr_wrapper {
	width:550px;
	height:300px;
	margin-top:-300px;
}

.portfolio_descr {
	padding-left:180px;
	color:#CCCCCC;
}

.portfolio_descr a {color:#CCCCCC; font-weight:bold;display:block;margin-top:10px;}