body{ font-size:14px; font-family:"Times New Roman", Times, serif; line-height:20px; }



a       { color:#2c2c2c; text-decoration:underline; font-size:14px; font-family:"Times New Roman", Times, serif;}
a:link  { color:#2c2c2c; text-decoration:underline;}
a:hover { color:#2c2c2c; text-decoration:none;}
a:active{ color:#2c2c2c; text-decoration:underline;}

h1 { margin:0; padding:0}		

	
.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
br{ line-height:20px}

/* Scroll  !!!   -----------------------------------------------------------------------------*/ 
.scroll2 {	height: 415px;	margin: 0px 15px 30px 0;	overflow: auto; font-size:15px	}
.scroll_text { padding-right:22px; color:#000; padding-left:22px}


.left_support .scroll2  {height: 188px;margin: 8px 15px 10px 0;	overflow: auto; font-size:15px; line-height:22px	}
.left_support .scroll_text { padding-right:22px; color:#000; padding-left:22px}

.right_company .scroll2  {height: 398px;}
.right_company .scroll_text  { padding-right:22px; color:#000; padding-left:22px}

.left_company .scroll2  {height: 420px;margin: 4px 15px 10px 0;}
.right_company .scroll2_part  {height: 180px;margin: 8px 15px 10px 0;	overflow: auto; font-size:15px; line-height:22px}



#read_more .scroll2 {height: 400px;		margin: 20px -8px 10px 0;	overflow: auto; font-size:15px	}
#read_more .scroll_text { padding-right:22px; color:#000; padding-left:6px}
#read_more .scroll_text h6{ color:#86c50d; font-size:24px; margin:0px 0px 10px}

/* page_content   -----------------------------------------------------------------------------*/ 

#wrapper {width:100%;height:100%;position:absolute;	top:1px;left:0;	overflow:hidden!important;	background:#d9d9d9 url(../images/bg_site.gif) top repeat-x}

	#mask {	width:395%;	height:105%;}

	.item {	width:26%;	height:100%; float:left}
	
	
	.content {	width:959px;	height:700px;	top:6%;	margin:0 auto;	background:#fff url(../images/bg_content.gif) center no-repeat;	position:relative;}
	


.logo{ background:url(../images/logo.gif) top no-repeat;width:133px;height:28px;display:block;margin-left:20px;cursor:pointer;text-decoration:none;float:left; }
.logo h1{ text-indent:-999px; margin:0; padding:0; font-size:0px; line-height:0px;  color:#3d3d3c}
.logo span{ float:left; padding-left:140px; white-space:nowrap; font-size:20px; font-family:"Times New Roman", Times, serif; color:#d3d3d3; line-height:30px;
display:block;}
.logo:hover, .logo:active{text-decoration:none}
.top{ height:31px!important}

.label{ float:right; padding-right:10px; padding-top:0px}
.lab_1, .lab_2, .lab_3, .lab_4{ display:block; width:26px; height:26px; float:right; margin-right:10px}
.lab_1{ background:url(../images/lab_1.gif) top no-repeat;}
.lab_2{ background:url(../images/lab_2.gif) top no-repeat;}
.lab_3{ background:url(../images/lab_3.gif) top no-repeat;}
.lab_4{ background:url(../images/lab_4.gif) top no-repeat;}

/* Menu !!!   -----------------------------------------------------------------------------*/ 

.main_menu{ width:959px; height:64px!important; margin-top:11px; }

.main_menu a
{display:block; width:158px; float:left; text-align:center; color:#e3e3e3; font-size:18px; font-family:Times New Roman; text-decoration:none;
line-height:65px; border-left:#343633 1px solid; border-right:1px solid #20211f; font-weight:normal; white-space:nowrap}

.main_menu a:link{ color:#e3e3e3}
.main_menu a:hover, .main_menu a.act{ color:#76a828}
.main_menu a:activ{ color:#e3e3e3;}

.main_menu a.home{ background:url(../images/img_home.gif) no-repeat 26px 21px}
.main_menu a.company{ background:url(../images/img_company.gif) no-repeat 16px 21px}
.main_menu a.services{ background:url(../images/img_services.gif) no-repeat 18px 23px}
.main_menu a.support{ background:url(../images/img_support.gif) no-repeat 22px 22px}
.main_menu a.partners{ background:url(../images/img_partners.gif) no-repeat 19px 21px}
.main_menu a.contacts{ background:url(../images/img_contacts.gif) no-repeat 18px 21px; border-right:none}

/* Content   -----------------------------------------------------------------------------*/ 
#home_top { height:313px}
#faded{ display:block; width:960px; height:313px; position:absolute; top:150px; left:10px; margin:0; padding:0; z-index:1}
#faded ul{display:block; width:960px; height:313px; position:absolute; margin:0; padding:0; z-index:1; list-style:none}
#faded div.control{ position:absolute; top:250px; z-index:200; right:415px}
#faded div.control a{display:block; width:20px; height:20px; text-decoration:none; color:#fff; text-indent:99px}
#faded div.control a.prev{ background:url(../images/bg_pin_left.gif) top no-repeat; display:block; width:20px; height:20px; float:left}
#faded div.control a.next{ background:url(../images/bg_pin_right.gif) top no-repeat; display:block; width:20px; height:20px; float:left; margin-left:16px}
#faded ul li img{ float:left}


.right_top_home{ display:block; width:435px; position:absolute; left:485px}		
.right_top_home a { width:100px; height:34px; display:block; background:url(../images/learn.gif) top no-repeat; float:right; margin-right:15px}
.right_top_home a:hover{ background:url(../images/learn_hover.gif) top no-repeat}


#home_foot{ height:210px; background:url(../images/bg_home_foot.gif) top no-repeat; padding:10px 0px}
#home_foot div{ float:left; padding-left:20px; border-right:1px dashed #d2d2d2; width:219px}
#home_foot div h3{padding-left:50px;font-size:18px; color:#232421;font-family:Times New Roman;font-weight:normal;display:block; width:180px; height:40px;margin-top:10px;
margin-bottom:10px}
#home_foot div h3.bg_1{ background:url(../images/01.gif) no-repeat 2px 4px;}
#home_foot div h3.bg_2{ background:url(../images/02.gif) no-repeat 2px 4px;}
#home_foot div h3.bg_3{ background:url(../images/03.gif) no-repeat 0px 3px;}
#home_foot div h3.bg_4{ background:url(../images/04.gif) no-repeat 0px 3px;}

#home_foot div a{display:block; width:75px; height:15px; background:url(../images/read_more.gif) top no-repeat;	 margin-top:16px; cursor:pointer; margin-bottom:14px}
#home_foot div a:hover{background:url(../images/read_more_hover.gif) top no-repeat}




.right_company{ width:479px; height:516px; background:url(../images/bg_company_right.gif) right top no-repeat;}
.right_company img, .left_company img, .left_support img, .right_support img{ margin:20px 0px 8px 18px}

.left_company{ width:477px;}

.left_company img.photo,
 .right_company img.photo,
  .right_support img.photo,
   .left_support img.photo{ margin:4px 20px 0px 0px;
   							 padding:2px;
							  background-color:#fff;
							   border:1px solid #cfcfcf }
							   
.left_company .text .read_more,
.scroll_text .read_more{ display:block; width:75px; height:15px;
														 background:url(../images/read_more.gif) top no-repeat;
														 margin-top:18px; cursor:pointer}
.left_company .text .read_more:hover,
.scroll_text .read_more:hover{ background:url(../images/read_more_hover.gif) top no-repeat}
														 
.left_company .text, .left_support .text{ padding-left:194px}
.right_support .text, .right_company .text{ padding-left:185px}
.left_company img.second{ margin:18px 0px 0px 18px}
.left_company .scroll_text{ margin-left:8px}

.left_company .scroll_text_services{ padding-left:20px; padding-right:20px}
.left_company .scroll_text_services a, .left_support a{color:#76a828; font-size:16px; font-family:"Times New Roman"; text-decoration:underline; line-height:20px}
.left_company .scroll_text_services a:hover, .left_support a:hover{ text-decoration:none}

.list{ width:210px; height:180px}
.list a, .right_support a, .right_company a{ color:#76a828; font-size:16px; font-family:Times New Roman;text-decoration:underline; padding-left:20px; background:url(../images/arrow.gif) 0px 7px no-repeat; line-height:23px}
.list a:hover, .right_support a:hover, .right_company a:hover{ color:#000}

.left_support{ width:481px; height:516px; background:url(../images/support_left.gif) left top no-repeat; margin-top:0px}
.right_support{ width:476px}

.comment{padding-left:30px; padding-right:20px; padding-top:18px}


.footer{ color:#878787; font-size:12px; font-family:Arial; position:absolute; bottom:10px; left:20px}
/* contacts   -----------------------------------------------------------------------------*/ 

.sub{ width:81px; height:34px; display:block; background:url(../images/sub.gif) top no-repeat; text-indent:-999px; line-height:1px; font-size:1px; color:#fff; margin-top:5px; border:0; z-index:102; margin-left:0px; margin-right:70px}
	
.cont_table .input_contact{background-color:#fff;
	width:300px;
	height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	border:1px solid #29323b;}
	
.cont_table .textarea_contact{background-color:#fff;
	width:300px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	border:1px solid #29323b;}
	
.cont_table .select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}
.cont_table td{ height:18px}

.red{ color:#f00}
