/******************************************************************************
*** Date: 12 August 2009
*** matrix_po1 [at] mail dot ru
******************************************************************************/

/******************************************************************************
////////////////////////////////////
	TABLE OF CONTENTS
	
Reset and global
ICONS FOR HOMEPAGE AND FEDDBACK
FORM FEDDBACK
POPUP WINDOW
HEADER
	LOGO
	TELEPHONE
	MENU
PARTNERS
VACANCY
FOOTER
CONTENT
PAGINATION
///////////////////////////////////

z-indexes:
form-feedback - 10
icons for show form-feedback - 11
jQuery BlockUI /default/ - 1000

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

* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
a:focus {
	outline: none;
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	background: #000 url(/_img/background.jpg) repeat scroll;
	min-width: 971px;

	font-family: "trebuchet MS";
}

div.body {
	width: 841px;
	margin: auto;
	padding: 0 65px;
	position: relative;
}

/*******************************************************************************/
/************************** ICONS FOR HOMEPAGE AND FEDDBACK ********************/
/*******************************************************************************/

a.homepage {
	display: block;
	position: absolute;
	top: 36px;
	left: 32px;
	width: 18px;
	height: 18px;
	background: #000 url(/_img/home.gif) 0 0 no-repeat scroll;
}
a.feedback {
	display: block;
	position: absolute;
	z-index: 11;
	top: 0px;
	right: 0px;
/*	_right: -1px;*/
	width: 65px;
	_width: 64px;
	height: 29px;
	background: #191919 url(/_img/feed.gif) 0 0 no-repeat scroll;
}
a.feedback_active {
	background: #9c3686 url(/_img/feed.gif) 0 -29px no-repeat scroll;
}

/*******************************************************************************/
/************************** FORM FEDDBACK **************************************/
/*******************************************************************************/

form.feedback {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 300px;
	height: 365px;
	border-bottom: 10px solid #2b2b2b;
	border-left: 1px solid #2b2b2b;
	background-color: #e3e3e3;
	padding: 22px 0px 0px 25px;
}
form.feedback_active {
	display: block;
}
	form.feedback div.ff_title {
		margin-bottom: 26px;
		
		color: #2b2b2b;
		font-size: 18px;
		text-transform: uppercase;
	}
		form.feedback div.ff_title span {
			font-weight: bold;
		}
	
	form.feedback div.ff_row {
		margin-bottom: 16px;
	}
		form.feedback div.ff_row span.ff_row_title, form.feedback div.ff_row span.required {
			display: inline-block;
			vertical-align: top;
		}
		form.feedback div.ff_row span.ff_row_title {
			padding-top: 5px;
			width: 76px;
			
			color: #58433c;
			font-size: 10px;
			text-transform: uppercase;
		}
		form.feedback div.ff_row input, form.feedback div.ff_row textarea {
			width: 180px;
			border: 1px solid #b2b2b2;
			background-color: #d1d1d1;

			color: #58433c;
		}
		form.feedback div.ff_row input {
			height: 19px;
			padding-top: 2px;
		}
		form.feedback div.ff_row textarea {
			height: 119px;
		}
		form.feedback div.ff_row span.required {
			padding: 10px 0 0 1px;
			line-height: 10px;
			
			color: #fc5820;
			font-size: 19px;
		}
	form.feedback div.ff_row_submit {
		padding-top: 4px;
	}
		form.feedback div.ff_row_submit input {
			padding-bottom: 2px;
			width: 100px;
			height: 26px;
			border: none;
			background: #61443b url(/_img/back_submit_feedback.gif) repeat-x scroll;
			
			color: #fff;
			font-size: 12px;
			font-weight: bold;
		}
		form.feedback div.ff_row_submit span.ff_submit_annotation, form.feedback div.ff_row_submit span.required {
			display: inline-block;
			vertical-align: top;
		}
		form.feedback div.ff_row_submit span.required {
			padding: 5px 0 0 32px;
			line-height: 10px;
			
			color: #fc5820;
			font-size: 19px;
		}
		form.feedback div.ff_row_submit span.ff_submit_annotation {
			padding: 0 0 0 8px;
			width: 110px;
			
			color: #716764;
			font-size: 11px;
			font-style: italic;
		}

/*******************************************************************************/
/************************** POPUP WINDOW ***************************************/
/*******************************************************************************/

div.popup_window {
	width: 400px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 12px 8px 9px 8px;
	margin: auto;
	display: none;
	background-color: #2b2b2b;
	
	cursor: default;
}
	div.popup_window div.panel {
		overflow: hidden;
	}
		div.popup_window div.panel a.site, div.popup_window div.panel span {
			float: left;
			background: transparent url(/_img/view_work_arrow.gif) 0 1px no-repeat scroll;
			padding-left: 12px;
			margin-left: 8px;
			
			color: #797979;
			font-family: "Arial";
			font-size: 9px;
			text-decoration: none;
			text-transform: uppercase;
		}
		div.popup_window div.panel span {
			display: block;
			background: none;
			padding-left: 0;
		}
		div.popup_window div.panel a:hover.site {
			color: #c07f37;
		}
		div.popup_window div.panel a.close {
			float: right;
			padding: 0px 5px;

			color: #E44024;
			font-family: "Arial";
			font-size: 10px;
			text-decoration: none;
			text-transform: uppercase;
		}

	div.popup_window div.popup_content {
		clear: both;
		margin: auto;
		margin-top: 12px;
		padding-top: 0px;
		background:none !important;
		filter: none;
		
		text-align:left;
	}


/*******************************************************************************/
/************************** HEADER *********************************************/
/*******************************************************************************/


div.header {
	height: 170px;
	position:relative;
	
	background: #fff url(/_img/backheader.gif) 0px 0px repeat-x scroll;
}

	/* LOGO */
	a.logo, img.logo {
		width: 218px;
		height: 57px;
		position: absolute;
		top: 35px;
		left: 25px;
	}
		a.logo img, img.logo {
		/*fix ie6*/
			behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
			this.src = "/_img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
			this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
			);
	}
	
	/* TELEPHONE */
	div.callus {
		width: 205px;
		padding-left: 16px;
		height: 50px;
		position: absolute;
		top: 33px;
		right: 14px;
		background: transparent url(/_img/telephone.gif) 0px 8px no-repeat scroll;
	}
		div.callus sup.tel_code {
			color: #9b9b9b;
			font-size: 18px;
		}
		div.callus span.tel_number {
			color: #000;
			font-size: 32px;
		}
		div.callus div.tel_text {
			color: #777;
			text-align: right;
			font-family: Arial;
			font-size: 8px;
			text-transform: uppercase;
		}
	
	/* MENU */
	div.menu {
		padding: 115px 0 0 0;
		height:55px;
	}
		div.menu div.left, div.menu div.right {
			position: relative;
			height: 45px;
			padding: 0 8px 0 28px;
			border-bottom: 10px solid #1c1c1c;

			text-transform: uppercase;
		}
		div.menu div.left {
			float: left;
		}
		div.menu div.right {
			float: right;
		}
		div.menu div.lastRight {
			padding-right: 28px;
		}
		
			div.menu div span.menu_numer{
				vertical-align: middle;
				padding: 1px 3px 0 9px;
				background: transparent url(/_img/slash.gif) 0 3px no-repeat scroll;
				
				color: #9f9f9f;
				font-family: "Arial";
				font-size: 9px;
			}
			div.menu div a{
				color: #161616;
				font-size: 12px;
				font-weight: bold;
			}
			div.menu div a:hover{
				color: #801c0b;
				text-decoration: none;
			}
			div.menu div span.active{
				color: #801c0b;
				font-size: 12px;
				font-weight: bold;
			}
			
			div.menu div div.arrow {
				width: 20px;
				height: 0px;
				position: absolute;
				bottom: 0px;
				left: 0;
				border-top: 26px solid #fff;
				/*border-right: #f00 solid 26px;*/
	
				/*fix ie6*/
					_bottom: -1px;
					overflow: hidden;
					font-size: 0px;
			}
		div.menu div.active_portfolio {
			border-bottom: 10px solid #5c220e;
		}
			div.menu div.active_portfolio div.arrow {
				border-right: 26px solid #5c220e;
			}
		div.menu div.active_support {
			border-bottom: 10px solid #318525;
		}
			div.menu div.active_support div.arrow {
				border-right: 26px solid #318525;
			}
		div.menu div.active_advert {
			border-bottom: 10px solid #0f3947;
		}
			div.menu div.active_advert div.arrow {
				border-right: 26px solid #0f3947;
			}
		div.menu div.active_contacts {
			border-bottom: 10px solid #323232;
		}
			div.menu div.active_contacts div.arrow {
				border-right: 26px solid #323232;
			}
		div.menu div.active_about {
			border-bottom: 10px solid #3a3a3a;
		}
			div.menu div.active_about div.arrow {
				border-right: 26px solid #3a3a3a;
			}
	
	div.ms_line_left {
		position: absolute;
		bottom: -2px;
		left: -37px;
		width: 37px;
		height: 17px;
		background: transparent url(/_img/menu_scroll.gif) 0 0 no-repeat scroll;

			/*fix ie6*/
			font-size: 0px;
	}

/*******************************************************************************/
/************************** PARTNERS *******************************************/
/*******************************************************************************/

div.partner {
	margin-bottom: 20px;
/*	padding-bottom: 105px;*/
}

	div.partner span.partner_title {
		padding-right: 35px;
		background: transparent url(/_img/partners.gif) right 10px no-repeat scroll;
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
	}
		div.partner span.partner_title a {
			color: #5f2453;
		}
		div.partner span.partner_title a:hover {
			color: #ab1b62;
		}
	
	div.partner div.logo_partners {
		float: right;
		width: 506px;
		height: 31px;
		overflow: hidden;
	}
		div#logo_partners {
			width: 1000px;
			height: 31px;
		}
		div.partner div.logo_partners a {
			margin-left: 15px;
			_margin-left: 7.5px;
			float: left;
			display: block;
			height: 31px;
		}


/*******************************************************************************/
/************************** VACANCY *******************************************/
/*******************************************************************************/

div.vacancy {
	margin-bottom: 135px;
	padding-left: 131px;
}

	div.vacancy span.vacancy_title {
		padding-right: 35px;
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
	}
		div.partner span.vacancyr_title a {
			color: #5f2453;
		}
		div.partner span.vacancy_title a:hover {
			color: #ab1b62;
		}
		

/*******************************************************************************/
/************************** FOOTER *******************************************/
/*******************************************************************************/

div.footer {
	/**
	height:35px;
	position: absolute;
	bottom: 0;
	**/
	overflow:hidden;
	margin-bottom: 40px;
	
	font-size: 10px;
	text-transform: uppercase;
}

	div.footer div.copyright {
		margin-bottom: 5px;
		
		color: #818181;
	}
	
	div.footer div.address {
		float: left;
		padding-left: 10px;
		
		color: #515050;
	}
	div.footer div.bottom_menu {
		float: right;
		width: 550px;
		color: #818181;
	}
		div.footer div.bottom_menu span{
			padding: 0 8px;

			color: #212121;
		}
		div.footer div.bottom_menu a{
			color: #5b5959;
		}
		div.footer div.bottom_menu a:hover{
			color: #b68856;
			text-decoration: none;
		}

	div.footer div.counter {
		clear: both;
		padding: 5px 0 0 10px;
	}

/*******************************************************************************/
/************************** CONTENT ********************************************/
/*******************************************************************************/

div#content {
	width: 784px;
	height: 407px;
	padding: 23px 29px 0 28px;
	margin-bottom: 65px;
	position: relative;
	background: #232323 url(/_img/back_void.jpg) no-repeat scroll;
	
}
div#content a:hover {
	color: #ff865b;
}

	img.chapter_logo {
		float: left;
		padding-top: 3px;
		margin-right: 20px;
	/*fix ie6*/
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "/_img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	}
	
	h1 {
		padding-top: 11px;
		height: 72px;
	
		color: #fff;
		font-weight: bold;
		font-size: 35px;
	}
		h1 span {
			color: #c07f37;
		}
	
	a.to_menu {
		display: block;
		float: right;
		padding-left: 20px;
		margin-top: 25px;
		background: transparent url(/_img/to_menu_common.gif) 0 6px no-repeat scroll;
		
		color: #909ea6;
		font-size: 12px;
	}
	
	div.inside_content {
		padding: 25px;
		height: 240px;
		background: transparent url(/_img/fade_content.png) repeat scroll;
		//background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fade_content.png', sizingMethod='scale');
		/*overflow: hidden;*/
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
	
		color: #bcbcbc;
		font-size: 12px;
	}
	
		div.inside_content div.content_item {
			margin-bottom: 15px;
		}

		div.inside_content p {
			margin-bottom: 15px;
			line-height: 17px;
		}
		div.inside_content b {
			color: #f3f3f3;
		}
				
		div.inside_content a {
			color: #c07f37;
		}
	
		div.inside_content a.moreinfo {
			padding-left: 15px;
			background: transparent url(/_img/moreinfo_common.gif) 0 3px no-repeat scroll;
		}

		div.inside_content a.gotop {
			padding-left: 15px;
			background: transparent url(/_img/gotop_common.gif) 0 3px no-repeat scroll;
		}
	
	
	
		div.inside_content div.ic_additional_text {
			float: left;
			width: 225px;
		}
			div.inside_content div.ic_additional_text h4.sub_menu {
				/*width: 205px;*/
				padding-left: 15px;
				background: transparent url(/_img/menu_title_arrow_common.gif) 0 7px no-repeat scroll;
				
				font-size: 14px;
			}
			div.inside_content div.ic_additional_text a.sub_menu {
				display: block;
				padding-left: 15px;
				margin-bottom: 7px;
				background: transparent url(/_img/menu_arrow_common.gif) 0 5px no-repeat scroll;
				
				font-size: 13px;
				font-weight: bold;
			}
			
			div.inside_content div.ic_additional_text a.sub_menu:hover {
				text-decoration: none;
			}



	
		div.inside_content h2, div.inside_content h3, div.inside_content h4 {
			color: #fff;
			font-weight: bold;
		}
		div.inside_content h2 {
			margin-bottom: 16px;
	
			font-size: 18px;
		}
		div.inside_content h3 {
			margin-bottom: 9px;
	
			font-size: 15px;
		}
		div.inside_content h4 {
			margin-bottom: 9px;
	
			font-size: 15px;
		}
	
		div.inside_content div.ic_text {
			/*float: right;
			width: 499px;*/
			padding-left: 10px;
			margin-left: 225px;
			zoom: 1;
		}
	
		div.inside_content ul {
			margin-left: 0px;
			padding-left: 12px;
		}
		div.inside_content ul li {
			list-style: none;
			list-style-image: url(/_img/li_common.gif);
			/*list-style-position: outside;*/
			/*background: transparent url(/_img/portfolio_li_arrow.gif) 0 5px no-repeat scroll;*/
			/*padding-left: 12px;*/
		}


/*******************************************************************************/
/************************** PAGINATION ****************************************/
/*******************************************************************************/

div.pager {
	overflow:hidden;
	margin:10px 0;
}
div.pager div.pager_header {
	float:left;
	padding:5px 3px 5px 0;

	font-weight: bold;
}
div.pager div.pager_current {
	margin: 5px;

	font-weight:bold;
}
div.pager div.pager_current, div.pager a, div.pager div.pager_dots {
	float:left;
	padding: 1px 5px;
	margin: 4px 2px;
}

div.pager div.pager_current, div.pager a {
	border: 1px solid #343434;
	background-color: #555;
}