*{font-size:100.01%}
html {font-size:64%;}
body {
	font:1.0em "Trebuchet MS", Helvetica, sans-serif;
	background: url(../images/bg-body.gif) repeat-x;
	padding-top:7px;
	color:#77776b;
}
img{border-style:none;}
a{
	color:#77776b;
	text-decoration:none;
}
a:hover{color:#28abc7;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
#wrapper{
	width:984px;
	margin:0 auto;
	background:#fff url(../images/bg-wrapper.gif) repeat-y;
	overflow: hidden;
	position: relative;
}
#footer{
	width:969px;
	overflow:hidden;
	background:#00324b;
	padding:0 15px 0 0;
	border-top:1px solid #365b69;
	height:29px;
}
#footer a{
	color: #D9D7C6;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:3px 0 0;
	font-size:1.4em;
}
#footer ul li{
	float:left;
	color:#d9d7c6;
	margin:0 18px 0 20px;
	display:inline;
	vertical-align:middle;
}
#footer ul li.ico-mail{
	background: url(../images/ico-mail.gif) no-repeat 0 5px;
	padding-left:24px;
}
#footer ul li.ico-phone{
	background: url(../images/ico-phone.gif) no-repeat 0 5px;
	padding:3px 0 0 22px;
}
#footer ul li a{
	color:#d9d7c6;
	vertical-align:middle;
}
#footer ul li a:hover{text-decoration:underline;}
#footer ul li img{
	vertical-align:middle;
	margin-right:7px;
}
#footer p{
	float:right;
	margin:0;
	color:#d9d7c6;
	font-size:1.1em;
	line-height:28px;
}
#main{
	width:100%;
	overflow:hidden;
}
#content{
	float:right;
	width:760px;
	padding:41px 0 0 20px;
}
#content h1{display:none;}
#sidebar{
	float:left;
	width:174px;
	padding:6px 10px 20px 20px;
	overflow: hidden;
}
.logo{
	display:block;
	background:url(../images/logo.gif) no-repeat;
	width: 164px;
	height: 80px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:27px;
}
.logo a{
	display:block;
	height:100%;
}
.sidebar-box{
	background: url(../images/bg-sidebar-line.gif) no-repeat;
	padding-top:13px;
}
.sidebar{
	background: url(../images/bg-sidebar-line.gif) no-repeat 0 100%;
	/*min-height:428px;*/
	padding-bottom: 10px;
}
* html .sidebar{height:428px;}
.sidebar h3{
	margin:0 0 12px;
	font-size:1.3em;
	font-weight:normal;
	color:#000;
}
.blockquote blockquote{
	margin:0;
	font-size:1.15em;
	line-height:1.37em;
	font-weight:normal;
	color:#000;
}
.blockquote.type2 blockquote{line-height:1.12em;}
.blockquote blockquote q{
	display:block;
	margin-bottom:13px;
}
.blockquote blockquote cite{
	display:block;
	margin-bottom:13px;
	font-style:normal;
}
#navigation{
	list-style:none;
	margin:0;
	padding:0 0 4px;
	width:100%;
	overflow:hidden;
}
#navigation li{
	float:left;
	font-size:13px;
	font-weight:bold;
	margin-right:30px;
}
#navigation li a{
	float:left;
	padding-top:7px;
}
#navigation li a.active{
	color:#28abc7;
	padding-top:0;
	border-bottom:3px solid #77776b;
}
.main-list{
	list-style:none;
	margin:0;
	padding:0;
	background:#d9d7c6;
	width:100%;
}
.main-list:after{
	content:"";
	display:block;
	clear:both;
}
.main-list li{
	float:left;
	width:172px;
	position:relative;
}
.main-list li a.items {
	position:relative;
	height:240px;
	width:172px;
	display:block;
}
.main-list li img{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.main-list li img.colored{z-index: 1;}
.main-list li.active img.colored{z-index: 3;}
.main-list li span{
	display:block;
	font-size:12px;
	line-height:15px;
	padding:4px 0 2px 10px;
}
.item1{background:#8ab5ca url(../images/bg-item1.gif) no-repeat 100% 50%;}
.item2{background:#267d9a url(../images/bg-item2.gif) no-repeat 100% 50%;}
.item3{background:#005e7d url(../images/bg-item3.gif) no-repeat 100% 50%;}
.item4{background:#00425f url(../images/bg-item4.gif) no-repeat 100% 50%;}
.main-list li span a{
	color:#fff !important;
	display:block;
}
.main-list li.active{position:relative;}
.main-list li.active div{display:block;}
.main-list li div.slide div {
	padding:7px 12px;
	overflow:hidden;
	width:148px;
}
.main-list li.active div.slide{

}
.main-list li div.slide{
	width:172px;
	height:0;
	position:absolute;
	overflow:hidden;
	left:0;
	top:276px;
	background:#77776b;
}
.main-list li div.slide a{
	margin:0;
	color:#fff !important;
	font-size:14px;
	line-height:17px;
}
.home-box{padding:30px 60px 0 0;}
.home-box p{
	margin:0 0 19px;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.22em;
}
.content-box{
	width:100%;
	overflow:hidden;
	border-top:7px solid #68c4d8;
	margin-top:11px;
}
.content-title{
	width:100%;
	overflow:hidden;
	height:73px;
	padding-top:5px;
}
.content-title h2{
	margin:0;
	font-size:1.4em;
	color:#28abc7;
	font-weight:bold;
	padding-right:210px;
	line-height:1.2em;
}
.content-holder{
	width:100%;
	overflow:hidden;
}
.side{
	float:left;
	width:170px;
}
.content-frame{
	float:right;
	width:590px;
	overflow:hidden;
	background: url(../images/bg-content.gif) repeat-y 100% 0;
}
.main-box{
	width:380px;
	float:left;
	overflow:hidden;
}
.column{
	float:right;
	width:192px;
}
.people-info{
	width:142px;
	background:#28abc7;
	padding-bottom:7px;
}
.people-info img{
	display:block;
	margin-bottom:7px;
}
.people-info h3{
	margin:0;
	font-size:1.2em;
	line-height:1.25em;
	color:#fff;
	font-weight:normal;
	padding:0 20px 0 9px;
}
.image-box{
	background:#28abc7;
	padding-bottom:8px;
}
.image-box img{
	display:block;
	margin-bottom:9px;
}
.image-box h3{
	color:#fff;
	margin:0;
	font-size:1.3em;
	text-transform:uppercase;
	padding:0 10px;
}
.list-contacts{
	list-style:none;
	margin:11px 0 0;
	padding:0 10px;
	width:172px;
	overflow:hidden;
}
.list-contacts li{
	border-top:2px solid #509199;
	margin:-2px 0 2px;
	font-size:1.3em;
	padding:8px 0;
	line-height:1.2em;
}
.list-contacts li p{
	margin:0;
	color:#fff;
}
.list-contacts li p a{color:#fff !important;}
.list-contacts li p a:hover{text-decoration:underline;}

.main-box .text-box {
	overflow:hidden;
	position:relative;
	height:386px;
	padding-right:7px;
	background: #fff;
	width:355px;
	float:left;
}
.main-box .vscroll-line{
	left:4px !important;
	width:7px !important;
	overflow: hidden;
	background: #d9d7c6;
}
.main-box .vscroll-slider{
	left:4px !important;
	background:none;
	width:7px !important;
	background:#28abc7;
	cursor:pointer;
}
.main-box .vscroll-up{
	background: url(../images/button-up.gif) no-repeat;
	width: 15px;
	height: 8px;
	cursor:pointer;
}
.main-box .vscroll-down{
	background: url(../images/button-down.gif) no-repeat;
	width: 15px;
	height: 8px;
	cursor:pointer;
}
.main-box .vscroll-up img, .main-box .vscroll-down img{display:none !important;}

.main-box h3{
	margin:0px 0 15px;
	font-size:1.8em;
	color:#28abc7;
	font-weight:bold;
}
.main-box h4{
	margin:0px 0 15px;
	font-size:1.4em;
	color:#28abc7;
	font-weight:bold;
}
div.tab .main-box h3{margin-bottom:20px;}
.main-box p{
	margin:0 0 20px;
	font-size:1.3em;
	line-height:1.46em;
}
.main-box ul{
	list-style:none;
	margin:-20px 0 0;
	padding:0;
}
.main-box ul li{
	font-size:1.3em;
	line-height:1.46em;
	padding-left:22px;
	background: url(../images/bullet-mainbox.gif) no-repeat 0 8px;
}
.tabs-holder{
	width:100%;
	position:relative;
}
.tabset{
	position:absolute;
	top:74px;
	left:0px;
}
.tabset a{
	display:block;
	background: url(../images/bullet-tabs.gif) no-repeat 0 8px;
	padding-left:15px;
	font-size:12px;
	line-height:25px;
	outline:none;
}
.tabset a:hover, .tabset a.active{
	background: url(../images/bullet-tabs-active.gif) no-repeat 0 8px;
	color:#28abc7;
}
.list-experience{
	list-style:none;
	margin:0;
	padding:18px 20px 0 11px;
}
.list-experience li{
	font-size:1.3em;
	padding-left:10px;
	background: url(../images/bullet-experence.gif) no-repeat 0 8px;
	line-height:1.46em;
	color:#fff;
}
.list-experience.type1 li{margin-bottom:6px;}
.list-experience li a{color:#fff;}
.list-experience li a:hover{text-decoration:underline;}
.company-logo{
	background: url(../images/logo-mpi.gif) no-repeat;
	width: 222px;
	height: 62px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:20px 0 40px;
}
.btn-mail{
	color:#fff;
	font-size:1.2em;
	background: url(../images/bg-mail.gif) no-repeat 0 50%;
	padding:0 0 0 36px;
	display:block;
}
.btn-mail:hover{
	color:#fff;
	text-decoration:underline;
}
.main-box address{
	font-size:1.3em;
	line-height:1.46em;
	font-style:normal;
	padding-top:2px;
	margin-bottom:19px;
}
.main-box address span{display:block;}
.info{
	font-size:1.3em;
	line-height:1.46em;
	font-style:normal;
	padding-top:2px;
	margin-bottom:19px;
	padding-top:38px;
}
.info span{display:block;}

