@charset "utf-8";
/* Browser Reset code start*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    min-width:999px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Layout code  start*/

	* { 
		font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
	html {
		height:100%;
		width:100%;
	}



body, html, h1.h_black, h1.h_green, h1.h_orange, h1.h_news, .text, .text_news, .copy, div.bott_menu, a.topmenu, p.menu_selected_position, #menu
	{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
body, html, div.bott_menu ul, img.noborders, img.buttonr
	{
	padding:0px; 
	margin:0px; 
	}
body {
	/*width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'');  Internet Explorer <= 6.0 */
  	min-width: 1000px; /* Opera & FireFox & Internet Explorer 7.0 */
	}
	
/* Start page elements */
div.chose, div.eng, div.rus, div.logo, div.header_bg, div.slogan
	{
	position:absolute;
	}
div.view
	{
	margin:30px;
	background:#FFF url(../images/view_bg.gif);
	border:1px dotted #CCC;
	padding:20px 0;
	}
img.viewbig
	{
	border:1px solid #e0e8e0;
	}
img.mouse{
	margin:-20px 0 0 30px;
	}
div.header_bg {
	background: #FFF;
	width:100%;
	height:160px;
	}
div.logo {
	margin:35px 0 0 35px;
	}
div.mouse {
	position:relative;
	top:150px;
	height:148px;
	background:#257a3f url('../images/topbg.jpg') no-repeat;
	z-index:-1;
	}
div.chose
	{
	right:220px;
	top:230px;
	}
div.eng
	{
	right:130px;
	top:230px;
	}
div.rus
	{
	right:40px;
	top:230px;
	}
div.slogan
	{
	top:50px;
	right:35px;
	}
div.right_news
	{
	margin:152px 0 0 0;
	width:40%;
	float:right;
	background:#FFF;
	padding:0
	}
div.news2 
	{
	background:#ffe9d2;
	}
div.topgray_container
	{
	float:right;
	width:60%;
	}
div.gray
	{
	margin:152px 0 0 0;
	width:50%;
	float:left;
	background:url('../images/graybg.gif') repeat-x
	}
	
	
	
div.gray_portfolio_left, div.gray_portfolio_right
	{
	margin:152px 0 0 0;
	float:left;
	background:url('../images/graybg.gif') repeat-x
	}	
div.gray_portfolio_left
	{
	width:60%;
	}
div.gray_portfolio_right
	{
	width:40%;
	}
	
	
	
	
div.undergray
	{
	clear:left;
	}
div.footer_container
	{
	clear:both;
	width:100%;
	}
div.footer_left
	{
	background:#1e6735 url('../images/footl.gif') right repeat-y;
	position:relative;
	color:#FFF;
	float:left;
	width:60%;
	text-align:center;
	height:40px;
	}
div.footer_right
	{
	float:left;
	background:#7f7f7f url('../images/footr.gif') left repeat-y;
	width:40%;
	text-align:left;
	color:#FFF;
	height:40px;
	}
div.bott_menu
	{
	margin:0 auto;
	margin-top:10px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	width:550px;
	}
div.bott_menu li { 
   float: left;
   list-style-type: none;
   padding-right: 25px; 
}
a.bottmen
	{
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	}
a.bottmen:hover
	{
	text-decoration:underline;
	}
h1.h_black, h1.h_green, h1.h_orange, h1.h_news
	{
	font-size:18px;
	font-weight: normal;
	padding: 10px 30px;
	margin:20px 0 0 0;
	}
h1.h_black
	{
	color:#333;
	}
h1.h_green
	{
	color:#006600;
	background:#e8f0ea;
	/* *padding: 5px 30px 10px 30px;  For IE7*/
	}
h1.h_orange, h1.h_news
	{
	color:#ff6600;
	margin:0px;
	}
h1.h_news
	{
	background:#fff5e5;
	padding:30px 30px  10px 30px;
	}
h4	{
	color:#1e6735;
	font-size:12px;
	padding:15px 0;
	font-weight:bold;
	}
img.works
	{
	border:1px solid #cccccc;
	margin:20px 30px 5px 0;
	}
.text, .text_news
	{
	font-size:12px;
	margin:10px 30px 20px 30px;
	color:#333;
	}
.text_news
	{
	background:#fff5e5;
	margin:0px;
	padding:10px 30px 20px 30px;
	}	
.date
	{
	color:#1e6735;
	font-weight:bold;
	}
.copy
	{
	font-size:12px;
	margin:10px 30px;
	}
.bold{font-weight:bold}




ul.button
	{
	list-style:none;
	padding:0;
	margin:0 30px;
	display:inline;
	line-height:22px;
	}
li.butt_l, li.butt_r, li.butt_c
	{
	float:left;
	}
li.butt_l
	{
	margin-left:30px
	}
li.butt_c
	{
	background:url('../images/buttbg.gif') top repeat-x;
	height:22px;
	}
div.butt
	{
	margin:4px 15px 0px 15px;
	}
a.button
	{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	}
a.button:hover
	{
	color:#ff6600;
	}
td.leftli
{
	vertical-align:top;
	border:1px solid #CCC;
}
td.center, td.left, td.header_left, td.header_center
{ 
	padding:15px;
	vertical-align:top;
	border:1px solid #CCC;
}
td.center, td.header_center
{ 
	text-align:center;
}
td.left, td.header_left
{
	text-align:left;
}
td.header_left, td.header_center
{
	background:#e8f0ea;
}




div.right_news_gray
	{
	margin:152px 0 0 0;
	width:40%;
	float:right;
	padding:0;
	background:url('../images/graybg.gif') repeat-x
	}
div.gray_all
	{
	margin:152px 0 0 0;
	width:100%;
	float:left;
	background:url('../images/graybg.gif') repeat-x
	}
ul.list, li.list
{
	list-style-image:url("../images/li.png");
	font-size:12px;
    margin-left: 25px;
	padding-left: 0;
	
}
ul.list
{
	margin-bottom:20px
}
p.listp 
{
	line-height:10px;
}
div.tech
{
	margin:152px 0 0 0;
	width:30%;
	float:left;
	background:#FFF url('../images/graybg.gif') repeat-x;
	padding:0;
}	
div.topgray_container_tech
	{
	float:right;
	width:70%;
	}
div.gray_tech_l, div.gray_tech_r
	{
	margin:152px 0 0 0;
	float:left;
	position:inherit;
	}
div.gray_tech_l
	{
	width:44%;
	}
div.gray_tech_r
	{
	width:56%;
	background:url('../images/graybg.gif') repeat-x
	}	
h1.h_green_tech, h1.h_gray
{
	font-size:18px;
	font-weight: normal;
	padding: 10px 30px;
	margin:0;
	color:#006600;
	background:#e8f0ea;
	/**padding: 5px 30px 10px 30px; /* For IE7*/
}
h1.h_green_tech
{
	background:#e8f0ea;
}	
h1.h_gray
{
	background:#f6f6f6;
	padding: 10px 30px;
	color:#333;
}
	
/* End page elements */


a.topmenu, p.menu_selected_position {
	font-size:11px;
	color:#FFF; 
	text-decoration:none;
	text-transform:uppercase;
	}
a.topmenu:hover {text-decoration:none;}
.menutextposition, p.menu_selected_position {margin:13px 10px 10px 10px;}
p.menu_selected_position
	{
	font-weight:bold;
	}
div.selected_l
	{
	background:url('../images/tsmleft.gif') no-repeat left top;
	margin:0;
	width:6px;
	float:left;
	height:40px;
	}
div.selected_r
	{
	background:url('../images/tsmright.gif') no-repeat right top;
	margin:0;
	width:6px;
	float:left;
	height:40px;
	}
div.selected
	{
	background:url('../images/tsmbg.gif') repeat-x top;
	margin:0;
	float:left;
	height: 40px;
	}
#menu {
	float:left;
	font-size:12px;
	line-height:normal;
	position: absolute;
	left:35%;
	top:110px;;
	}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu li div.left{
	float:left;
	background:url("../images/tm.gif") no-repeat left top;
	margin:0;
	width:6px;
	text-decoration:none;
	height:40px;
	}
#menu li div.center{
	float:left;
	background: url("../images/tmbg.gif") repeat-x ;
	margin:0;
	text-decoration:none;
	height:40px;
	}
#menu li div.right{
	float:left;
	display:block;
	background:url("../images/tm.gif") no-repeat right top;
	width:8px;
	color:#666;
	height:40px;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/* End IE5-Mac hack */
#menu li:hover div.center{background:url("../images/thmbg.gif");}
#menu li:hover div.left{background:url("../images/thm.gif") no-repeat left top;}
#menu li:hover div.right{background:url("../images/thm.gif") no-repeat right top;}
	
a.NOJSPORT {color: #000; background:#FFF; border:1px dotted #CCC; float:left; width:280px; 	padding:5px; margin:10px 0 10px 30px; text-decoration:none; height:400px;}
a.NOJSPORT:hover {background:#eef3ee;}