html, body { 	height: 100%; } body { 	color: #000; 	font: 14px/20px 'Arial', sans-serif; 	background: #606568; 	height: 100%; 	overflow-y: hidden; } h1 { 	color: #29599f;	 	font: 60px 'PT Sans Narrow', sans-serif; 	text-transform: uppercase; 	margin-bottom: 5px; } #header, #footer { 	position: fixed; 	background: #000; 	width: 100%; 	z-index: 1100; /*20*/ 	height: 45px; 	color: #fff; } #header { top: 0; } #footer { bottom: 0;} #grid { 	background: url(../images/grid.png) repeat; 	height: 100%; position: absolute; width: 100%; z-index: 1; } .grid{background: url(../images/grid.png) repeat!important;} #waterline { 	background: url("../images/waterline.png") no-repeat scroll 20px 0 transparent; height: 100%; position: absolute; right: 0; width: 110px; z-index: 2; } .right {float: right;} .left {float: left;} .clear {clear: both;} .wrapper { 	margin: 0 auto; overflow: hidden; width: 980px; z-index: 1100; } .content_wrapper { 	margin: 0 auto; overflow: hidden; /* position: relative; */ width: 980px; z-index: 2; bottom: 50px; } #index { 	height: auto; 	position: fixed; 	z-index: 15; 	min-height:100%; 	width:100%; 	padding-bottom:20px; } #steamboat-video{ 	/* position: absolute !important; 	width: 100% !important; 	height: auto !important; 	left: 0 !important; 	min-height : 100% !important; 	z-index: -999999999 !important; 	display:block; */ 	 display: block; height: auto; left: 0; min-height: 100%; /* min-width: 1024px; */ position: fixed; top: 0; visibility: visible; width: 100%; } .steamboat-video{ display: none; height: auto; left: 0; min-height: 100%; min-width: 1024px; position: absolute; top: 0; visibility: visible; width: 100%; } .left_box { 	overflow: hidden; 	z-index: 3; } .left_box .logo { 	width: 233px; 	height: 85px; 	background: #ffa200; } .left_box .logo a { 	background: url(../images/logo.png) 22px center no-repeat; 	color: #fff; 	display: block; 	text-decoration: none; 	height: 100%; 	font-size: 18px; 	font-weight: bold; } .left_box .logo span { 	display: block; 	width: 106px; 	position: relative; 	left: 102px; 	top: 20px; 	line-height: 0.9; } .left_box .lang { 	margin-top: 1px; 	font-size: 12px; } .left_box .lang a { 	display: block; 	color: #fff; 	float: left; 	padding: 0 5px; 	background: #1b68d9; } .left_box .lang a.active { 	background: #ffa100; 	text-decoration: none; } .left_box a.map { 	background: url(../images/map.png) no-repeat; 	width: 69px; 	height: 62px; 	display: block; 	position: relative; 	margin-top: 10px; 	left: -7px; } .phone { 	margin-top: 10px; 	font: bold 18px 'PT Sans Narrow', sans-serif; 	color: #ffa200; } .phone span { 	color: #7f8389; } .top_menu { 	font: 15px 'PT Sans Narrow', sans-serif; 	text-transform: uppercase; overflow: hidden; margin-right: 15px; } .top_menu ul li, ul.drop_menu li { 	float: left; 	display: block; 	/*position: relative;*/ } .top_menu ul li a, .top_menu ul li span { 	color: #fff; 	display: block; 	text-decoration: none; 	height: 100%; 	padding: 13px; } .top_menu ul li:hover > a, .top_menu ul li:hover > span, .top_menu ul li.active > span { 	background: #396ebb; 	border-top: 3px solid #fff; 	padding-top: 10px; } .top_menu ul li:hover ul.drop_menu { 	display: block; } ul.drop_menu { 	display: none; 	overflow: hidden; 	position: absolute; 	margin-top: -2px; } /* ul.drop_menu li { 	float: left; 	display: block; }*/ ul.drop_menu li a, ul.drop_menu li span { 	color: #fff; 	display: block; 	text-decoration: none; 	height: 100%; 	padding: 13px; 	background: #396ebb; } ul.drop_menu li:hover a, ul.drop_menu li.active span { 	background: #548cdd; 	border-top: 3px solid #fff; 	padding-top: 10px; } .page { 	/* min-height: 700px; */ min-width: 1000px; position: relative; 	margin: 5px 0; 	overflow: hidden; } .main { 	padding: 20px 30px 0 44px; 	background: url(../images/fon.png) repeat; 	/*width: 760px;*/ 	width: 80%; 	left: 85px; 	position: relative; 	overflow: hidden; } .main .content { 	padding-left: 25px; } .main .content p { 	margin-bottom: 25px; } .main .content a { 	color: #1b68d9; 	text-decoration: none; 	border-bottom: 1px solid #1b68d9; } .main .content a.archive { 	float: right; } .main .content a.archive-top { 	float: right; 	margin-top: 44px; } .content .newsblock { 	overflow: hidden; 	margin-bottom: 20px; } .content .newsblock .news_date { 	color: #fff; 	background: #ffa100; 	font-size: 12px; 	padding: 0 5px; 	margin-bottom: 10px; 	width: 80px; } .content .newsblock .news_img { 	float: left; 	margin-right: 15px; 	margin-bottom: 15px; } .content .newsblock .title { 	margin-bottom: 15px; } .content ul.client li { 	float: left; 	display: block; 	margin-bottom: 30px; padding: 20px; text-align: center; width: 148px; } .content ul.client li:hover { 	background: #fff; 	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ } .content ul.client li a { 	border: 0; } #footer .left_col, #footer .right_col { 	margin-top: 12px; } #footer .left_col { 	font: 16px 'PT Sans', sans-serif; 	color: #808080; } #footer .right_col a { 	font: 16px 'PT Sans Narrow', sans-serif; 	color: #fff; 	text-decoration: none; } #footer .right_col img { 	margin-top: -6px; } /*Промо на главной*/ #slides { 	/* position:fixed; */ 	bottom: 90px; position: absolute; z-index: 5; } #slides .slidesContainer { 	background:#fff; 	margin-left: 60px; } /* 	Next/prev buttons */ #slides .slidesNext,#slides .slidesPrevious { 	background: url("../images/slider/navigation-previous.png") no-repeat scroll 0 0 transparent; display: block; height: 97px; left: 30px; overflow: hidden; position: absolute; top: 38px; width: 30px; z-index: 101; } #slides .slidesNext { 	background: url("../images/slider/navigation-next.png") no-repeat scroll 0 0 transparent; left: 940px; } .poser {position: relative;} .steam-slide-fixed { 	text-align: left; 	width: 880px; } .steam-slide-fixed .ssf-image { 	display: inline-block; } .steam-slide-fixed .ssf-text_block { 	display: inline-block; overflow: hidden; padding: 15px; width: 605px; } .steam-slide-fixed .ssf-text_block .ssf-title { 	color: #396ebb; 	font: 47px 'PT Sans', sans-serif; 	display: block; 	line-height: 1; } .steam-slide-fixed .ssf-text_block .ssf-dash{ 	position: absolute; 	top: 2px; } .steam-slide-fixed .ssf-text_block .ssf-text { 	color: #33363a; 	font: 23px 'PT Sans Narrow', sans-serif; 	display: block; 	/* padding-left: 20px; */ 	line-height: 23px; } /* 	Pagination */ .slidesPagination { 	float: right; margin: 0; position: relative; right: 5px; top: -20px; z-index: 100; } .slidesPagination li { 	float:left; 	margin:0 3px; 	list-style:none; } .slidesPagination li a { 	display:block; 	width:13px; 	height:0; 	padding-top:13px; 	background-image:url(../images/slider/pagination.png); 	background-position:0 0; 	overflow:hidden; } .slidesPagination li.slidesCurrent a { 	background-position:0 -15px; } .ud-arrow{ 	bottom: 70px; display: block; height: 22px; left: 50%; position: absolute; width: 62px; } .ud-arrow.up{ 	background: url("../images/ud-arrow.png") no-repeat scroll 0 -23px transparent; } .ud-arrow.down{ 	background: url("../images/ud-arrow.png") no-repeat scroll 0 0 transparent; } .porkMe { 	background: url("../images/play.png") no-repeat scroll 0 0 transparent; 	display: none; 	height: 128px; 	left: 50%; 	margin-left: -64px; 	margin-top: -64px; 	position: fixed; 	top: 50%; 	width: 128px; 	overflow:hidden; 	border:none; 	z-index: 800000; }