/**
 * TOC:
 *		-Layout
 *			-Header
 *			-Columns
 *		-Vacancies
 *			
 *		-Work
 *			-Button
 *			-People
 *			-Slider
 */
 
/**
 * --------------- -Layout- ---------------
 */

body {
	background: #fff url(/img/header/bg-3.png) center top repeat-x;
}
	a, a:active, a:link {
		color: #f60;
		outline-color: #f60;
	}
	
/* Header */
#header {
	padding-top: 10px;
}
	#header .logo {
		margin-top: 22px;
	}

	#header ul.navigation li.selected div.sub {
		background: url(/img/navigation_sprite.gif) right -460px no-repeat;
	}
	#header ul.navigation li div.sub div.background {
		background: url(/img/navigation_sprite.gif) right -464px no-repeat;
		height: 42px;
	}
	#header ul.navigation li.selected div.sub div.background span {
		background: url(/img/navigation_sprite.gif) right -422px repeat-x;
	}
	
	#header ul.navigation li.selected ul li {
		background: url(/img/navigation_sprite.gif) right -422px repeat-x;
		margin: 0 7px 0 23px;
	}
	#header ul.navigation li.selected ul li div {
		background: none;
	}
	#header ul.navigation li.selected ul li div.selected {
		background: url(/img/navigation_sprite.gif) 0 -506px no-repeat;
		padding-left: 11px;
	}
	#header ul.navigation li.selected div.sub ul li div.selected a {
		background: url(/img/navigation_sprite.gif) right -548px no-repeat;
		padding-right: 11px;
		color: #FF6600;
		font-weight: bold;
	}
	#header ul.navigation li.selected ul li div.selected a span {
		background: url(/img/navigation_sprite.gif) 0 -593px repeat-x;
		padding: 1px 0 0;
	}
	
	#header ul.navigation li ul {
		height: 42px;
	}
	
	#header ul.navigation li ul li.first {
		padding-left: 9px;
	}
	#header ul.navigation li.selected ul {
		background: url(/img/navigation_sprite.gif) 0 -380px no-repeat;
	}
	
	#header ul.navigation li ul li div a {
		height: 36px;
	}
	
	#languages li a, #languages li a:active, #languages li a:link {
		color: #666;
		outline-color: #666;
	}


#content {
	position: relative;
	border: 1px solid #E2E2E2;
	margin: 15px 16px 17px;
}

#content.no-border {
    border: 1px solid #fff;
}
#content.main {
}
	#content .content-lt,
	#content .content-rt,
	#content .content-lb,
	#content .content-rb,
	#content .content-lb-2,
	#content .content-rb-2,
	#content .content-lb-3,
	#content .content-rb-3 {
		background: url(/img/sprites.png) left top no-repeat;
		width: 8px;
		height: 8px;
		position: absolute;
		overflow: hidden;
	}
	#content .content-lt { background-position: 0px -580px; left: -1px; top: -1px; }
	#content .content-rt { background-position: 0px -588px; right: -1px; top: -1px; }
	#content .content-rb { background-position: 0px -596px; right: -1px; bottom: -1px; }
	#content .content-lb { background-position: 0px -604px; left: -1px; bottom: -1px; }
	#content .content-rb-2 { background-position: 0px -620px; right: -1px; bottom: -1px; }
	#content .content-lb-2 { background-position: 0px -612px; left: -1px; bottom: -1px; }
	#content .content-rb-3 { background-position: 0px -756px; right: -1px; bottom: -1px; }
	#content .content-lb-3 { background-position: 0px -748px; left: -1px; bottom: -1px; }
	
	#content.no-border .content-lt,
	#content.no-border .content-rt,
	#content.no-border .content-lb,
	#content.no-border .content-rb,
	#content.no-border .content-lb-2,
	#content.no-border .content-rb-2,
	#content.no-border .content-lb-3,
	#content.no-border .content-rb-3 {
		display: none;
	}
	
/* -Columns - */
.columns {
	position: relative;
	overflow: hidden;
}
	.columns .col-l-60 {
		width: 60%;
		float: left;
	}
	.columns .col-r-40 {
		width: 40%;
		float: right;
	}
	
/**
 * --------------- -Text- ---------------
 */
 
.text {
	line-height: 1.67em;
	font-size: 0.86em;
}
	.text h1 {
		font-size: 1.5em;
		font-weight: normal;
	}
	.text p {
		padding: 0 0 1.36em;
	}
	.text h2,
	.text h3 {
		padding-bottom: 1.25em;
	}
	.text h4,
	.text h5 {
		padding-bottom: 0.72em;
	}
	
	.text ul,
	.text ol {
		padding: 0 0 1.36em 1.36em;
	}
	
	.text table {
		margin: 0 0 1.36em;
	}
		.text table th {
			text-align: left;
			padding-bottom: 2px;
			vertical-align: top;
		}
		.text table td {
			vertical-align: top;
		}
		
	.work .text {
		padding: 22px 0 40px 40px;
	}


/**
 * --------------- -Vacancies- ---------------
 */

.vacancies .text {
	padding: 0;
}

	.vacancies .column-container {
		padding: 25px 35px 20px 23px;
	}
	.vacancies .col-right {
		width: 430px;
	}
	.vacancies h1 {
		padding-left: 17px;
		padding-bottom: 5px;
	}
	.vacancy-list {
		list-style: none;
	}
		.vacancies .vacancy-list {
			width: 455px;
			padding: 0;
		}
		
		.vacancy-list .vacancy-item {
			padding: 0 30px 0 0;
			overflow: hidden;
		}
			.vacancy-list .vacancy-item h2 {
				padding: 18px 34px 8px;
				font-size: 1.29em;
				font-weight: normal;
				line-height: 1em;
				background: url(/img/icon_list_closed.gif) 15px 22px no-repeat;
				cursor: pointer;
			}
				.vacancy-list .vacancy-item h2:hover a {
					text-decoration: none;
				}
				.vacancy-list .vacancy-item.box h2 {
					background: url(/img/icon_list_opened.gif) 16px 25px no-repeat;
				}
				.vacancy-list .vacancy-item.box h2 a {
					outline: none;
				}
			.vacancy-list .vacancy-item .text {
				display: none;
				padding: 13px 55px 13px;
				color: #666;
			}
				.vacancy-list .vacancy-item.box .text {
					display: block;
				}
				
				.vacancy-list .vacancy-item .text p {
					padding: 0;
				}
				.vacancy-list .vacancy-item .text ul {
					list-style: none;
					padding: 0 0 15px;
					color: #333;
				}
				.vacancy-list .vacancy-item .text li {
					padding: 0 0 3px 24px;
					background: url(/img/icon-dot-3.png) 9px 6px no-repeat;
					line-height: 1.2em;
				}
				
			.vacancy-list .vacancy-item .contact-text {
				font-size: 1.15em;
				line-height: 1.5em;
				padding: 7px 30px 22px 135px;
				background: url(/img/icon_cv.gif) 59px 3px no-repeat;
				display: none;
			}
				.vacancy-list .vacancy-item.box .contact-text {
					display: block;
				}

	.vacancies .text-top {
		padding: 30px 27px 38px 18px;
		font-size: 1.167em;
		line-height: 1.286em;
	}
	.vacancies .text-bottom {
		padding: 0 11px 0 10px;
		border-top: 1px solid #ECECEC;
		background: url(/img/block_outline_gray_back.png) left bottom repeat-x;
		line-height: 1.5em;
	}
		.vacancies .text-bottom-inner {
			padding: 17px 7px 6px 7px;
			border-top: 1px solid #ECECEC;
		}
		.vacancies .text-bottom-inner:first-child {
			border-top: 0;
		}
		
		.vacancies .text-bottom h2 {
			background: url(/img/icon_stats.png) 3px 0 no-repeat;
			padding: 0 0 20px 36px;
			color: #666;
			font-size: 1.5em;
			font-weight: normal;
		}
		.vacancies .text-bottom h3 {
			font-size: 1em;
			font-weight: normal;
			color: #666;
			padding: 0 0 5px;
		}
		.vacancies .text-bottom table {
			margin-bottom: 0;
		}
		.vacancies .text-bottom table td {
			padding-left: 25px;
		}
		.vacancies .text-bottom table td:first-child {
			padding-left: 0;
		}
		
		.vacancies .text-bottom .c-rb { background-position: 0px -328px; }
		.vacancies .text-bottom .c-lb { background-position: 0px -318px; }
	

.advantages {
	
}
	.advantages h2 {
		color: #666;
		font-size: 1.29em;
		font-weight: normal;
		padding: 0 40px 20px;		
	}
	.advantages ul {
		background: url(/img/hr_background.jpg) 0px -50px repeat;
		list-style: none;
		padding: 0 60px 20px 0;
		overflow: hidden;
	}
		.advantages ul li {
			padding: 25px 0 7px 0;
			float: left;
			width: 50%;
			background: url(/img/icon_checked_1.gif) 46px 29px no-repeat;
		}
			.advantages ul li.clear-left {
				clear: left;
			}
			.advantages ul li p {
				font-size: 0.86em;
				line-height: 1.2em;
			}
			.advantages ul li h3 {
				padding: 0 0 8px;
			}
			.advantages ul li p,
			.advantages ul li h3 {
				padding-left: 98px;
			}
			.advantages ul li.icon-2 {
				background: url(/img/icon_checked_2.gif) 46px 29px no-repeat;
			}


.column-container {
	padding: 25px 35px 15px 40px;
	overflow: hidden;
}
	.column-container .col-right {
		float: right;
	}
	.column-container .col-left {
		float: left;
	}

/**
 * --------------- -Work- ---------------
 */

/* -Button- */
.button-join,
.button-join div,
.button-join a {
	background: url(/img/sprites_work.png) left top no-repeat; 
}
	.button-join {
		background-position: 0px -70px;
		background-repeat: repeat-x;
		width: 255px;
	}
		.work .button-join {
			margin: 65px auto 0;
		}
	.button-join a,
	.button-join a:active {
		display: block;
		background-position: right -140px;
		padding: 25px 0 15px 0;
		text-decoration: none;
		color: #666;
		width: 100%;
	}
		.button-join a strong,
		.button-join a span,
		.button-join a:active strong,
		.button-join a:active span {
			display: block;
			padding: 0 12px 0 87px;
			font-size: 1.08em;
			cursor: pointer;
		}
		.button-join a strong {
			color: #f93;
			font-weight: normal;
		}
		.button-join a small {
			display: block;
			padding: 0 16px 0 10px;
			margin: 20px 0 0;
			color: #ccc;
			font-size: 0.79em;
			background: #fff;
			cursor: pointer;
		}
		
/* -People- */
.work .people {
	padding: 10px 0 0;
	font-size: 0.86em;
	width: 100%;
	overflow: hidden;
	position: relative;
}
	.work .people h2 {
		padding: 0 40px 30px;
		font-size: 1.5em;
		font-weight: normal;
		color: #666;
	}
	
	.work .people .background {
		background: url(/img/hr_background.jpg) left top repeat;
	}
	
	.work .people .image {
		position: absolute;
		z-index: 2;
		margin-left: 55px;
		margin-top: -30px;
	}
	
	.work .people .description {
		padding: 18px 95px 16px 314px;
		min-height: 145px;
	}
	
	.work .people h3 {
		font-size: 1.17em;
		font-weight: bold;
		padding: 0 0 18px;
	}
		.work .people h3 small {
			color: #666;
			font-size: 0.86em;
			font-weight: normal;
			line-height: 1em;
			display: block;
		}
	
	.work .people blockquote {
		margin: 0 95px 0 214px;
		padding: 25px 28px 20px 28px;
		font-size: 1.17em;
		line-height: 1.43em;
	}
	
	.work .people-descriptions {
		width: 50000px;
		overflow: hidden;
		list-style: none;
	}
		.work .people-descriptions li {
			float: left;
			width: 959px;
			padding-bottom: 23px;
		}
	
/* -Slider- */
.work .slider {
	background: url(/img/hr_slider_background.png) left top repeat;
	padding: 34px 86px 45px 86px;
}
	.work .slider .slider-nav-back,
	.work .slider .slider-nav-next {
		background: url(/img/hr_slider_arrows.png) left top no-repeat;
		width: 39px;
		height: 39px;
		overflow: hidden;
		position: absolute;
		margin-top: 37px;
		cursor: pointer;
	}
		.work .slider .slider-nav-back {
			left: 24px;
		}
			.work .slider .slider-nav-back.disabled {
				display: none;
			}
		.work .slider .slider-nav-next {
			right: 24px;
			background-position: 0px -39px;
		}
			.work .slider .slider-nav-next.disabled {
				display: none;
			}
		
	
	.work .slider .inner {
		height: 105px;
		width: 786px;
		overflow: hidden;
		position: relative;
	}
		.work .slider .inner ul {
			list-style: none;
			width: 9000px;
			overflow: hidden;
		}
		.work .slider .inner li {
			float: left;
			width: 124px;
			height: 67px;
			padding: 38px 20px 0 118px;
			cursor: pointer;
			position: relative;
		}
			.work .slider .inner li:hover a {
				text-decoration: none;
			}
			.work .slider .inner li img {
				position: absolute;
				margin: -38px 0 0 -118px;
			}
			.work .slider .inner li p {
				font-size: 0.92em;
				line-height: 1.2em;
				color: #666;
				padding: 5px 0 0;
			}
			
/* -About- */

.hr-about {
	padding-bottom: 60px;
}

.hr-about .text {
  line-height: 1.5;
}
	.hr-about-text p {
		font-size: 1.17em;
	}

.hr-about .item {
  padding-right: 40px;
  margin-top: 50px;
  position: relative;
  height: 1%;
  overflow: hidden;
}

.hr-about .item .screen {
  position: absolute;
  top: 0px;
  left: 80px;
}

.hr-about .item-info {
  padding-left: 460px;
}

.hr-about .item-logo {
  margin-left: 490px;
  margin-bottom: 16px;
}

.hr-about .item-intro {
  margin: 0 0 7px 460px;
  background-color: #fff3c9;
  position: relative;
}

.hr-about .item-intro p {
  font-size: 16px;
  padding: 0 8px 0 20px;
  line-height: 1.5;
}

.hr-about .item-intro .ctl,
.hr-about .item-intro .ctr,
.hr-about .item-intro .cbl,
.hr-about .item-intro .cbr {
  height: 1%;
  overflow: hidden;
}

.hr-about .item-intro .ctl {
  background: transparent url(/img/about/about_ctl.gif) no-repeat scroll 0 0;
}

.hr-about .item-intro .ctr {
  background: transparent url(/img/about/about_ctr.gif) no-repeat scroll 100% 0;

}

.hr-about .item-intro .cbl {
  background: transparent url(/img/about/about_cbl.gif) no-repeat scroll 0 100%;

}

.hr-about .item-intro .cbr {
  background: transparent url(/img/about/about_cbr.gif) no-repeat scroll 100% 100%;
  padding: 10px;
}

.hr-about .item-text {
  background: #fff url(/img/about/about_item_shadow.gif) no-repeat scroll 10px 18px;
  padding: 0 18px 0 490px;
  font-size: 12px;
  line-height: 1.5;
}

.hr-about .more {
  margin-top: 30px;
}

.hr-about .more h3 {
  font-size: 16px;
  font-weight: bold;
  color: #666;
  padding: 0 0 15px 42px;
}


.hr-about .more .container{
  background:transparent url(/img/hr_background.jpg) repeat scroll left top;
  padding: 30px 0 30px 30px;
  overflow: hidden;
  height: 1%;
}

.hr-about .more .column {
  float: left;
  margin-left: 26px;
  width: 190px;
}

.hr-about .more .column .image img {
  vertical-align: middle;
  display: block;
  margin-bottom: 25px;
}

.hr-about .more .column a {
  font-size: 12px;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
}
.hr-about .more .column span {
	display: block;
	min-height: 62px;
}

.hr-about .more .column p {
  font-size: 12px;
  color: #666;
}

/* -Main- */

.hr-main {
}

.hr-main ul {
  list-style: none
}

.hr-main .banner-slide {
  margin-top: 0;
  height: 203px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
	.hr-main .banner-slide .c-lt,
	.hr-main .banner-slide .c-rt,
	.hr-main .banner-slide .c-rb,
	.hr-main .banner-slide .c-lb {
		width: 8px;
		height: 8px;
		overflow: hidden;
		position: absolute;
		z-index: 4;
		display: block;
	}
		.hr-main .banner-slide .c-lt { left: 0; top: 0; }
		.hr-main .banner-slide .c-rt { right: 0; top: 0; }
		.hr-main .banner-slide .c-rb { right: 0; bottom: 0; }
		.hr-main .banner-slide .c-lb { left: 0; bottom: 0; }
	
	.hr-main .banner-slide .c-lt i,
	.hr-main .banner-slide .c-rt i,
	.hr-main .banner-slide .c-rb i,
	.hr-main .banner-slide .c-lb i {
		background: url(/img/corners_white.png) left top no-repeat;
		width: 16px;
		height: 16px;
		overflow: hidden;
		position: relative;
		display: block;
	}
		.hr-main .banner-slide .c-lt i { margin-left: 0; margin-top: 0; }
		.hr-main .banner-slide .c-rt i { margin-left: -8px; margin-top: 0; }
		.hr-main .banner-slide .c-rb i { margin-left: -8px; margin-top: -8px; }
		.hr-main .banner-slide .c-lb i { margin-left: 0; margin-top: -8px; }
	
	.hr-main .banner-slide .left-side {
		padding: 57px 75px 0 52px;
		height: 146px;
		width: 393px;
		background: #787878;
		position: relative;
		z-index: 2;
		font-size: 0.86em;
		color: #fff;
	}
		.hr-main .banner-slide .left-side .deco {
			background: url(/img/main/banner_side.png) left top no-repeat;
			width: 10px;
			height: 203px;
			top: 0;
			right: -10px;
			position: absolute;
		}
		.hr-main .banner-slide .left-side h1 {
			font-size: 2.75em;
			font-weight: normal;
			color: #fff;
			line-height: 1em;
			margin-top: -5px;
			position: relative;
			padding-bottom: 12px;
		}


	.hr-main .banner-slide a.nav-prev,
	.hr-main .banner-slide a.nav-next {
		width: 22px;
		height: 22px;
		overflow: hidden;
		top: 170px;
		right: 20px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 3;
	}
	.hr-main .banner-slide a.disabled,
	.hr-main .banner-slide a.disabled {
		display: none;
	}	
		.hr-main .banner-slide a.nav-prev i,
		.hr-main .banner-slide a.nav-next i {
			background: url(/img/main/banner_navigation.png) left top no-repeat;
			position: relative;
			width: 22px;
			height: 44px;
			text-indent: -9000px;
			display: block;
			cursor: pointer;
		}
	
	.hr-main .banner-slide a.nav-prev {
		right: 60px;
	}
		.hr-main .banner-slide a.nav-prev i {
			position: relative;
			margin-top: -22px;
		}

	.hr-main .banner-slide .images {
		width: 440px;
		height: 203px;
		position: absolute;
		top: 0;
		left: 520px;
	}
		.hr-main .banner-slide .images ul {
			position: relative;
			width: 9000px;
			z-index: 1;
		}
			.hr-main .banner-slide .images ul li {
				width: 920px;
				float: left;
				height: 203px;
				width: 440px;
				overflow: hidden;
			}
		
.hr-main .career {
  margin-top: 20px;
  width: 560px;
  float: left;
}

.hr-main .career h3 {
  background: url(/img/main/main_career_h4.gif) no-repeat scroll 0 0;
  height: 26px;
  font-weight: normal;
  color: #666;
  padding: 9px 0 0 26px;
  font-size: 1.285em;
}

.hr-main .career div {
  padding: 17px 0 20px 28px;
  float: left;
  width: 234px;
  line-height: 1.4;
}

.hr-main .career ul {
  float: left;
  padding: 17px 0 0 25px;
  width: 250px;
}

.hr-main .career ul li {
  padding-bottom: 20px;
}

.hr-main .career ul li span,
.hr-main .career ul li span a {
  font-size: 12px;
  color: #999;
}


.hr-main .benefits {
  margin: 20px 0 15px 20px;
  float: left;
  width: 380px;
}

.hr-main .benefits h3 {
  background: url(/img/main/main_benefits_h4.gif) no-repeat scroll 0 0;
  height: 26px;
  font-weight: normal;
  color: #666;
  padding: 9px 0 0 19px;
  font-size: 1.285em;
}

.hr-main .benefits ul { }

.hr-main .benefits ul li {
  padding: 12px 10px 10px 18px;
  border-bottom: 1px solid #e5e5e5
}

.hr-main .benefits ul li.last {
  border: none;
}

.hr-main .benefits ul h4 {
 font-size: 16px;
 margin-bottom: 5px;
}

.hr-main .benefits ul p {
  color: #999;
  font-size: 11px;
  line-height: 1.2;
}

.hr-main .members {
  background: transparent url(/img/main/main_members_h4_left.jpg) no-repeat scroll 0 0;
  margin: 15px 0 30px 0;
  clear: left;
  height: 1%;
  overflow: hidden;
}

.hr-main .members h4 {
  background: transparent url(/img/main/main_members_h4_right.jpg) no-repeat scroll 100% 0;
  padding: 0 7px;
  font-size: 1.285em;
  color: #666;

}

.hr-main .members h4 span {
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  display: block;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
}

.hr-main .members .member {
  margin: 20px 0 0 30px;
  float: left;
  width: 270px;
  overflow: hidden;
  display: inline;
}
.hr-main .members .member a {
	display: block;
	height: 67px;
	padding: 38px 0 0 118px;
	text-decoration: none;
}
.hr-main .members .member img {
  margin: -38px 0px 0px -118px;
  position: absolute;
}
.hr-main .members .member span {
	font-size: 1.1em;
	text-decoration: underline;
	display: block;
}
	.hr-main .members .member a:hover span {
		text-decoration: none;
	}
.hr-main .members .member small {
	font-size: 1em;
	color: #666;
}

.hr-main .members .member h5 {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  padding-top: 16px
}

.hr-main .members .member p {
  font-size: 11px;
  line-height: 1.2;
  color: #999;
  height: 34px;
}

.hr-main .members .member a {
  font-size: 11px;
}


.hr-main .more .cl {
  padding-left: 7px;
  background: transparent url(/img/main/about_more_left.gif) no-repeat scroll 0 0;
}

.hr-main .more .cr {
  padding-right: 7px;
  background: transparent url(/img/main/about_more_right.gif) no-repeat scroll 100% 0;
}

.hr-main .more .content {
  background: transparent url(/img/main/about_more_gradient.gif) repeat-x scroll 0 0;
  width: 100%;
  overflow: hidden;
}

.hr-main .more h3 {
  font-size: 1.285em;
  color: #666;
  font-weight: normal;
  padding: 14px 0 0 18px;
  margin-bottom: 25px;
}

.hr-main .more .column {
  float: left;
  margin-left: 200px;
  width: 200px;
  display: inline;
}

.hr-main .more .column img {
  vertical-align: middle;
  display: block;
  margin-bottom: 10px;
}

.hr-main .more .column a {
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}
.hr-main .more .column span {
	min-height: 68px;
	display: block;
}