body, html{margin:0; padding:0; height:100%; background:#373733 url(/images/bg.jpg) center top repeat-y; font-family:Arial; color:#B2B2B2; font-size:12px;}
form{margin:0; padding:0;}
a{cursor:pointer; color:#B2B2B2;}
a:hover{text-decoration:none;}
a img{border:none; cursor:pointer;}

#main{height:100%; width:870px; margin:0 auto;}

#header{width:524px; height:49px; margin:0 auto; padding:0 0 0 297px; position:relative; clear:both;}
#logo{display:block; width:209px; height:30px; position:absolute; left:0; top:0; background:url(/images/logo.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='crop');}
#logo img{width:209px; height:30px;}
#language{color:#B2B2B2; text-decoration:none; display:block; width:56px; height:10px; position:absolute; left:225px; top:0; bac kground:url(/images/lang.gif) left top no-repeat; padding:8px 9px;}
#slogan{display:block; position:absolute; font-size:14px; margin:0; left:3px; top:33px;}

#menu{padding:7px 0 0 0; text-align:right;}
#menu table{width:100%;}
#menu td{padding:0 0 0 33px;}
#menu a, #menu b{color:#fff; text-transform:lowercase; text-decoration:none; font-weight:normal;}

#footer{width:821px; margin:0 auto; height:38px; clear:both;}
#sg{float:left; padding:8px 0 0 0;}
#itsoft{float:right;}
#itsoft a{display:block; width:38px; height:26px; background:url(/images/headcrab.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/headcrab.png', sizingMethod='crop');}
#itsoft a img{width:38px; height:26px;}

#middle{clear:both; width:821px; margin:0 auto; clear:both; color:#fff; pa dding:0 0 150px 0; height:371px;}
#middle a{color:#fff;}

#path{clear:both; text-align:left; margin:44px 0 30px 0; padding:0 0 0 487px; height:15px;}
#path b{font-weight:normal;}

#prew{width:441px; height:282px; float:left; overflow:hidden; border: 1px; border-color: white; border-style: solid;}

#cont{width:334px; height:282px; float:right; clear:right; overflow:hidden; overflo w-y:scroll; position:relative;}
#cont h1{margin:0 0 20px 0; font-size:16px; color:#B2B2B2; line-height:20px;}
#cont h2{margin:0; font-size:16px; color:#B2B2B2; line-height:20px;}
#cont p{margin:6px 0;}
#news a{display:block; margin:0 0 18px 0;}

.scrollControlsY{background:url(/images/scroll_field.gif) center top repeat-y;}
#scrollHandle{background:url(/images/scroollbar.gif) center top repeat-y;}
.paddingEl{padding:0 20px 0 0 !important;}

/*example*/
#content{
	position: relative;
	display:block;
	left:0;
	margin:0 ;
	padding:0;
	top:0;
}
.scroll{
	position:absolute;
	display:block;
	overflow:scroll;
	left:0;
	top:0;
}
#box2{
	margin:0;
	left:0;
	top:0;
	height:282px !important;
	width:338px !important;
}
#changeContent{
	display:block;
	position:absolute;
	top:15px;
	left:450px;
	background:#999;
	text-decoration:none;
	padding:10px;
	color:black;
	font-size:14px;
}
#changeContent:hover{
	background:#ccc;
}
/*example*/
/*mooscroll*/
.scrollControlsY{
	display:block;
	position: absolute;
	top:0;
	right:-1px;
	height:100%;
	width:14px;
	background:url(/images/scroll_field.gif) center top repeat-y;
}
.upBtn{
	display:block;
	position:absolute;
	bott om:15px;
	top:0;
	right:0;
	width:15px;
	height:26px;
	cursor:pointer;
	di splay:none;
	background:url(/images/up.jpg);
	width:14px; height:18px;
}
.downBtn{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:15px;
	height:15px;
	cursor:pointer;
	d isplay:none;
	background:url(/images/down.jpg);
	width:14px; height:18px;
}
.scrollBar{
	display:block;
	position: absolute;
	top:0px;
	right:0;
	padding: 0 0 0 0;
	bottom:0px;
	width:14px;
}
.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:15px;
	height:35px;
	min-height:4px;
	cursor: pointer;
	background:url(/images/scroollbar.gif) center top repeat-y;
}
.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:15px;
}
.scrollHandleMiddle{
	display: block;
	position: absolute;
	width:15px;
	height:13px;
	top:50%;
	margin:-5px 0 0 0;
}
.scrollHandleTop{
	display:block;
	position:absolute;
	width:15px;
	height:11px;
	top:2px;
	margin:0 0 0 0;
}
.scrollHandleBottom{
	display:block;
	position:absolute;
	width:15px;
	height:11px;
	bottom:0;
	margin:0 0 0 0;
}
/*mooscroll*/
/*IE6*/
.scroll{_zoom:1;}
.scrollControlsY{_right:-1px;}
.downBtn, .upBtn, .scrollHandle{_right:-1px;}
.scrollHandleBottom{_bottom:-4px;}
.scrollHandle{_height:100%;}
/*IE6*/



/*Изменения скролла*/

/*
			#pane2{
				height: 330px;
				width:620px !important;
			}
			
			.winXP .jScrollPaneTrack {
				background: url(/images/windows_track.gif) repeat-y;
			}
			.winXP .jScrollPaneDrag {
				background:url(/images/bar.jpg) left top no-repeat;
				height:11px; width:14px;
			}
			.winXP .jScrollPaneDragTop {
				height: 5px;
			}
			.winXP .jScrollPaneDragBottom {
				height: 6px;
			}
			.winXP a.jScrollArrowUp {
				height: 17px;
				background: url(/images/windows_arrow_up.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowUp:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollArrowDown {
				height: 17px;
				background: url(/images/windows_arrow_down.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowDown:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
				background-position: 0 -40px;
			}
			
			
			.osX .jScrollPaneTrack {
				background:url(/images/bar_bg.jpg) left top repeat-y;
			}
			.osX .jScrollPaneDrag {
				height:16px !important;
				background:url(/images/bar.jpg) left top no-repeat;
				margin:2px 0 0 0;
			}
			.osX .jScrollPaneDragTop {
				background: url(/images/osx_drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				background: url(/images/osx_drag_bottom.gif) no-repeat;
				height: 7px;
			}
			.osX a.jScrollArrowUp {
				height: 18px;
				background:url(/images/up.jpg) left top no-repeat;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 18px;
				background:url(/images/down.jpg) left bottom no-repeat;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
		
*/			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */


	height: 9px;
	ba ckground:#fff;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
*/
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/*valera*/

#scrollme {
width:299px;
height:282px;
overflow:hidden;
position: relative;
/*border:1px solid #555;*/
} 

.cont {width:334px;height:282px;position:relative;}
.cont a.up, .cont a.down {position:absolute;right:3px;}
.cont a.down {bottom:3px;}

#news h1, #news h2 {color:#FFFFFF; font-family:Arial; font-size:14px; font-weight: 600;}