html, body, form{
margin:0;
padding:0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;/*default font*/
	background:url(/img/bg1.gif) repeat 0 0;
}
img{ border:0px solid #fff;}
img.img{ padding:0; border:1px solid #E9ECEF;margin:0;}
.clr{ clear:both; font-size:1px; line-height:1px; height:0; overflow:hidden;}
a{text-decoration:none;color:#FFF;}
a:focus, a:active{ outline:0;}
ul{list-style:none;margin:0;padding:0;}

body #body{width:998px;margin:0 auto;background:#f7f7f7 url(/img/bg_shadow.gif)  repeat-y;padding:0 23px 0 23px;}

/*-----head------*/
#head_main{
		background:#000 url(/img/bg_header.jpg) repeat 0 0;
		height:178px;
		width:998px;
		position:relative;
		}
		#head_main .logo{position:absolute;top:17px;left:36px;}
		#head_main .baner{position:absolute;top:0px;left:748px;width:164px;height:126px;text-indent:-9999px;background:url(/img/header_baner.gif) no-repeat 0 0;}
		#head_main .telephone{
		 	position:absolute;top:37px;left:493px;
		 	width:336px;height:99px;
			text-indent:-9999px;
			background: url(/img/header_phone.gif) no-repeat 0 0;
		 }
		#versions{
			position:absolute;left:402px;top:60px;
			width:84px;height:13px;}
			#rus{float:left;}
			#en{float:right;}
			#head_main #versions a{font-size:11px;display:block;}
			#head_main #versions a:hover{color:#ff444c}
    		#head_main #versions a.act{font-weight:bold;}
		
/* -----Menu---- */
ul#menu{height:40px;position:absolute;top:137px;padding:0 0 0 10px; margin:0;list-style:none;}
ul#menu li{display:block;float:left;height:40px;}
ul#menu li a{display:block;background:url(/img/menu.jpg) no-repeat 0 0;text-indent:-9999px;height:40px;line-height:40px;}

ul#menu li.m1 a{background-position:0px 0px;width:117px;}
ul#menu li.m2 a{background-position:-117px 0px;width:101px;}
ul#menu li.m3 a{background-position:-218px 0px;width:86px;}
ul#menu li.m4 a{background-position:-304px 0px;width:104px;}
ul#menu li.m5 a{background-position:-408px 0px;width:98px;}

ul#menu li.m1 a:hover{background-position:0px -43px;}
ul#menu li.m2 a:hover{background-position:-117px -43px;}
ul#menu li.m3 a:hover{background-position:-218px -43px;}
ul#menu li.m4 a:hover{background-position:-304px -43px;}
ul#menu li.m5 a:hover{background-position:-408px -43px;}

ul#menu li a.active, ul#menu li a.active:hover{background-color:#BB383B;}

ul#menu li.m1 a.active, ul#menu li.m1 a.active:hover{background-position:0px -86px;}
ul#menu li.m2 a.active, ul#menu li.m2 a.active:hover{background-position:-117px -86px;}
ul#menu li.m3 a.active, ul#menu li.m3 a.active:hover{background-position:-218px -86px;}
ul#menu li.m4 a.active, ul#menu li.m4 a.active:hover{background-position:-304px -86px;}
ul#menu li.m5 a.active, ul#menu li.m5 a.active:hover{background-position:-408px -86px;}

/*------------MAIN-------------*/	
#main{
	background:#f4f4f4 url(/img/bg_content.gif) repeat-y 0 0;
	width:998px;
	padding:0 0 2px 0;
        margin:0px;
        position:relative;
        }
        .clr_bottom{
               height:0;
               clear:both; font-size:1px; line-height:1px; overflow:hidden;
               border-bottom:1px dashed #626262;
        }
	.name_contents{
              width:220px;height:85px;
              position:absolute;
              left:28px;top:40px;
              font-size:0px;
              text-indent:-9999px;
        }
	.clients h3{
		background: url(/img/contents/clients.gif) no-repeat 0 0;
		}

        .name_content_portfolio{
		background: url(/img/contents/clients.gif) no-repeat 0 0;
		
		}
        .name_content_services{
		background: url(/img/title/services_title.gif) no-repeat 0 0;
		}
        .name_content_Brief{
		background: url(/img/contents/clients.gif) no-repeat 0 0;
		}
        .name_content_solutions{
		background: url(/img/title/solutions_title.gif) no-repeat 0 0;width:420px;
		}

	.name_content_contacts{
		background: url(/img/contents/contacts.gif) no-repeat 0 0;
	}
	.name_content_news{
 		width:240px;
                top:30px;
		background: url(/img/contents/news.gif) no-repeat 0 0;
	}

	h3{font-size:18px; font-weight:normal;}
	h4{color:#bb383b;padding-bottom:14px;margin:0;font-size:12px;}
        h5{color:#bb383b;padding:14px 32px;margin:0;font-size:12px;}
	h4 a{color:#bb383b;}
	h4 a:hover{color:#666;}
	
	
	/*-----clients----*/
	.clients{width:998px;background:url(/img/bg_clients.gif) repeat-y 0 0;
                padding:57px 0 46px 0px;
                margin:0;
                position:relative;}
		.clients span{display:block;width:700px;padding-bottom:36px;margin-left:268px; padding-right:28px;}

		.slider_clients{width:930px;height:64px;margin-left:28px;}
		.clients .ul_client{height:64px;width:870px;float:left;margin-left:15px;overflow:hidden}
		.clients .ul_client ul{overflow:hidden;width:99999px;} 
		.clients .ul_client ul li{float:left;width:160px;height:62px;padding-right:14px;}
		.clients .ul_client ul li a{width:160px;height:62px;display:block;}
		.clients .ul_client ul li a img{width:160px;height:60px;border:1px  dotted #969797;}
		.clients a.prew_arrow{
			text-indent:-9999px;display:block;float:left;width:18px;height:15px;background:url(/img/arr_clients.gif) no-repeat 0 0;margin-top:20px;
		}
		.clients a.next_arrow{
			text-indent:-9999px;display:block;float:right;width:18px;height:15px;background:url(/img/arr_clients.gif) no-repeat -18px 0;margin-top:20px;
		}
		.clients a.prew_arrow:hover{background-position:0 -15px;}
		.clients a.next_arrow:hover{background-position:-18px -15px;}

                ul.clients_site{ margin:0; padding:0 0 0 28px; list-style:none;}
                ul.clients_site li{width:143px; height:60px; padding:1px 15px 15px 1px; background:url(/img/clients_bg.gif) no-repeat 0 0; float:left;}
	
/*-----content-----*/
	#main .content{background:url(/img/bg_content.gif) repeat-y 0 0;padding:28px 45px 42px 28px;border-bottom:1px dashed #626262;}
		#main .content .left_content{width:495px;float:left;padding:1px 0;}
		#main .content .left_content .contenet_element{width:132px;padding-right:30px;float:left;margin-top:20px;}
		#main .content .left_content .contenet_element img{border:1px solid #cccccc;width:130px;height:130px;display:block;}
		a.img_{ height:137px; background: url(/img/a_img.gif) no-repeat 0 100%;display:block;margin-bottom:17px;}
		#main .content .left_content .contenet_element a{display:block;color:#666666;font-size:12px;}
		#main .content .left_content .contenet_element a:hover{color:#bb383b}
		span.marker_end{width:4px;height:4px; background: url(/img/marker.gif) no-repeat 0 6px;}
		
		.content .right_content{width:430px;float:left;}
		.content .right_content div{width:200px;float:left;}
		.content .right_content .news_element{width:200px;color:#666666;margin-top:20px; overflow:hidden;}
		.content .right_content .news_element a{padding-bottom:10px;color:#bb383b}
		.content .right_content .news_element a:hover{color:#666666;}
		.content .right_content .name_news{font-weight:bold;padding-bottom:10px;color:#bb383b;}
		.content .right_content .all_{font-size:11px; padding-right:8px;background:url(/img/marker.gif) no-repeat 100% 6px;}
		.content .right_content .work{float:right;}
	
/*-----contacts-----*/	
	#main .contacts{
                       background:url(/img/bg_content.gif) repeat-y 0 0;
                       padding:28px 45px 42px 28px;
                      }
		#main .contacts .left_contacts{position:relative;width:600px;float:left;}
		#main .contacts .left_contacts img{padding-top:98px;display:block;}
		#main .contacts .right_contacts{width:280px;float:left;}
		#main .contacts .right_contacts b{color:#848484;}
		#main .contacts .right_contacts table{margin-top:18px;padding:0;display:block;height:300px;}
		#main .contacts .right_contacts .information_company{border-bottom:5px solid #000;display:block;padding:12px 0 12px 0; text-align:right;}
		#main .contacts .right_contacts table tr,td{padding:0 0 8px 0;}
		#main .contacts .right_contacts input,textarea{
			border-bottom:1px solid #cecac0;
			border-right:1px solid #cecac0;
			border-top:1px solid #000;
			border-left:1px solid #000;
			font-size:12px; font-family:Arial;}
		#main .contacts .right_contacts input{width:185px;height:15px;}
		#main .contacts .right_contacts textarea{width:278px;height:68px;}
		#main .contacts .right_contacts a{color:#bb383b; text-transform:lowercase;
                                                  font-size:11px;padding-right:10px;
                                                  background:url(/img/marker.gif) no-repeat 100% 6px;
                                                  }
		#main .contacts .right_contacts a:hover{color:#818283;}
                .clean_button{padding-left:5px;}
	
/*-----news----*/
	#main .news{background:url(/img/bg_content.gif) repeat-y 0 0;padding:140px 0px 10px 28px;position:relative;}
		#main .news .news_element{width:940px;color:#666666;border-bottom:1px dashed #626262;padding:15px 0;}
		#main .news .news_element img{padding:8px; background:#FFF;display:block;float:left;}
		#main .news .news_element .information{width:790px;float:left;padding-left:30px;}
		#main .news .news_element .information h4{padding:0 0 15px 0;margin:0;}
		#main .news .news_element .information h4 a{color:#bb383b}
		#main .news .news_element .information h4 a:hover{color:#666666}
		
	#main .service{
		width:942px;height:14px;
		padding:14px 28px;
		font-size:14px;color:#343434;
		background:url(/img/bg_content.gif) repeat-y 0 0;}
		#main .service a{color:#c3031b;float:left;}
		#main .service span{display:block;float:left;}
		#main .service a.act{color:#000;}
		#main .service a:hover{color:#2e2e2e;}
		#main .service .first{display:block;text-indent:-9999px;background:url(/img/arrows_list.gif) no-repeat 0 0px; width:12px;height:10px;margin:3px 3px 0 3px;}
		#main .service .first:hover{background-position:0px -20px;}
		#main .service .prew{display:block;background:url(/img/arrows_list.gif) no-repeat 0px 0px;text-indent:-9999px;width:6px;height:10px;margin:3px 5px 0 3px;}
		#main .service .prew:hover{background-position:0px -20px;}
		#main .service .next{display:block;background:url(/img/arrows_list.gif) no-repeat -12px 0px;text-indent:-9999px;width:6px;height:10px;margin:3px 3px 0 6px;}
		#main .service .last:hover{background-position:-12px -20px;}
		#main .service .last{display:block;background:url(/img/arrows_list.gif) no-repeat -12px 0px; text-indent:-9999px;width:12px;height:10px;margin:3px 0 0 3px;}
		#main .service .next:hover{background-position:-12px -20px;}
	
/*------portfolio-----*/
	.portfolio_element{padding:0;height:1%;}
	#main .content_bg{background:url(/img/bg_content.gif) repeat-y 0 0;}
	#main .portfolio_bg{background:url(/img/bg_portfolio.gif) repeat-y 0 0;}
		 .screen_img{ 
			width:450px;height:100px;
			margin-top:10px;
                        float:right;}
                 #img_big{display:block;margin:0 auto;}
                 .screen ul li a:hover{background:#BB383B !important;}
		 .screen_img a{color:#bb383b;font-weight:bold;}
		 .screen_img a:hover{color:#666666}

		 /*.screen_img ul{width:245px;display:block;float:left;margin:0;}
		 .screen_img ul li{float:left;padding-right:0px;width:80px;margin-top:10px;height:64px;}
		 .screen_img ul li a{display:block;padding:7px;background:#FFF;width:50px;height:50px;magin:0;}*/
		

/*------futers-------*/
#futers{
	 background: url(/img/bg_futers.gif) repeat-y 0 0;
	 height:38px;
	 width:998px;
	 color:#cccccc;
	 font-size:12px;
	 position:relative;
        }	
	#futers .adress{display:block;width:455px;height:13px;float:left;padding:12px 0 0 28px; }
	#futers .copy{display:block;width:;height:; float:right;padding:12px 28px 0 0;}
	#futers a:hover{color:#ccc;}
.news_text img{float:left;padding-right:10px;}
.solution{text-indent:0;text-align: left;line-height:14px;}

/* ------------For Slider------------------------- */
.ac_results {
     padding: 0px;
     border: 1px solid WindowFrame;
     background-color:#ECEDED;
     overflow: hidden;
}
.ac_results ul {
     width: 100%;
     list-style-position: outside;
     list-style: none;
     padding: 0;
     margin: 0;
}
.ac_results iframe {
     display:none;/*sorry for IE5*/
     display/**/:block;/*sorry for IE5*/
     position:absolute;
     top:0;
     left:0;
     z-index:-1;
     filter:mask();
     width:3000px;
     height:3000px;
}
.ac_results li {
     margin: 0px;
     padding:0; 
     cursor: pointer;
     display: block;
     width: 100%;
     font: menu;
     font-size: 12px;
     overflow: hidden;
}
.ac_results li a{display:block;padding: 5px 5px;font-size:11px;}
.ac_results li a:hover{color:#FFF}
.ac_loading {background : url('/img/indicator.gif') right center no-repeat !important;}
.ac_over {
     background-color: #C3031B;
     color: #FFF;}

/* =========== SLIDERS ============*/
#slider-solutions { position: relative; left:0; top :0; overflow:hidden;}
#slider-solutions ul {position:absolute; left:0; top:0;}

#slider-clients {position: absolute;left:0;top :0; overflow:hidden; }
#slider-clients ul {position:absolute; left:0; top:0;}

#slider {position: absolute;left:56px;overflow:hidden;}
/*==================================*/

.hide{display:none;}
.show_text{margin:0 auto;margin-top:15px;line-height:0;padding:0;width:28px;height:12px;display:block;background: url(/img/arrows_vertical.gif) no-repeat 0 -20px;text-indent:-9999px;}
.show_text:hover{background-position:0 -53px;}
.hide_text{margin:0 auto;margin-top:15px;display:block;width:28px;height:12px;background: url(/img/arrows_vertical.gif) no-repeat 0 0px;text-indent:-9999px;}
.hide_text:hover{background-position:0 -33px;}

/* --------- vacancy ------ */
.vacancy_list{padding-left:32px;}
.vacancy_list li{background:url(/img/marker.gif) no-repeat 0 5px;padding-left:10px;}
.vacancy_list a{color:#343434;}
.vacancy_list a:hover{color:#C3031B;}
.table_vacancy{border-bottom:1px dashed #626262;color:#000;line-height:18px;padding-left:32px;}
.table_vacancy caption{font-weight:bold;padding-bottom:6px;padding-left:32px;text-align:left;}
.table_vacancy td,tr{vertical-align:top;padding:4px 4px 4px 0;}
.table_vacancy .td_right{color:#333333;font-size:11px;width:100px;}
.send_resume_button{background:url(/img/marker.gif) no-repeat 105px 8px;width:120px;height:24px;display:block;color:#BB383B;font-size:11px;}
.send_resume_button:hover{color:#666666;}
#send_resume{font-size:11px;padding:20px 0 20px 32px;}
#send_resume caption{font-weight:bold;padding-bottom:6px;text-align:left;}

/*  ---- for admin--- */
.required{color:#BB383B}
.but{padding-right:8px;background:url(/img/marker.gif) no-repeat 112px 6px;color:#C3031B;font-size:12px;}
.news_text{padding:20px 0;}
.logo_big{float:left;}
.admin_up{background:url(/img/arr_admin.gif) no-repeat 0 0;display:block;width:11px;height:11px;text-indent:-9999px;}
.admin_down{background:url(/img/arr_admin.gif) no-repeat 0 -11px;display:block;width:11px;height:11px;text-indent:-9999px;}

.content_ul1 li{ padding:0 0 6px 20px;}
.content_table1{ border-collapse:collapse;}
.content_table1 td{border-bottom:1px dashed #626262;}
.content_table1 th{border-bottom:1px dashed #626262;border-top:1px dashed #626262; background:#D0D1D3; text-align:left; padding:10px 5px;}

#popup_container{ border-left:7px solid #fff; border-right:7px solid #fff;}
#popup_header{border-bottom:1px dashed #626262; height:104px; padding-bottom:1px;}
#popup_header_inner{height:104px;background:#000 url(/img/popup_header_bg.jpg) no-repeat 0 0; position:relative;}
#popup_logo{width:203px; height:65px; position:absolute; top:18px; left:23px;}
#popup_header_inner #imglist{position:absolute; width:240px; top:20px; right:7px; height:60px;margin:0; padding:0; list-style:none;}
#popup_header_inner #imglist li{width:80px; float:left;}
#popup_header_inner #imglist li a{width:50px; height:50px; display:block; background:#fff; padding:6px;}
#popup_header_inner #imglist li a:hover, #popup_header_inner #imglist li a.on_focus_img{background:#D2343A;}
h1.name_project_zoom{color:#fff; display:block; margin:0; padding:19px 268px 0 245px; font-size:18px; font-weight:normal; text-align:right; float:none; width:auto;}
#big_img{border-top:7px solid #fff;}

.text_error{padding:40px 40px 40px 30px;}
.text_error h1,.text_error h3{padding:0;margin:0;text-align:center;}
.text_error a{color:#BB383B;font-size:16px;font-weight:bold;}
.text_error a:hover{color:#818283;}
.text_error ul{list-style:circle !important;}
