/*
	Site Index Styles
	Version:  03.05.10
	
	Structure
	--------------------------------------------
	1. index header styles
	2. index content

*/
/* 1.index header styles ---------------------------*/

body {
	background: #210000;
	color: #A7A9AC;
}
a {
	color: #f00; 
}

.header {
	height: 364px;
	position: relative;
	background: url(../images/index/header-back.png) no-repeat;
}

.header h1{
	width: 331px;
	height: 51px;
	overflow: hidden;
	background: url(../images/index/logo.png) no-repeat;
	text-indent: -9999px;
	position:absolute;
	left: 0;
	top:20px;
}

.headerIcons{
	top:336px;
}

.mainMenu{
	top:288px;
}

.mainMenu li{
	border-left:1px solid #210000;
	border-right:1px solid #210000;
	margin-right:-1px;
}
.mainSubMenu li{
	border-left:none;
	border-right:none;
}
.mainMenu li.active{
	border:1px solid #fff;
	border-bottom:none;
	height:38px;
}
.mainSubMenu,
.formAuthorizes{
	border-top:1px solid #fff;
}
.mainMenu li.active a{
	height:40px;
	position:relative;
	z-index:10;
	background:#821600;
}
.mainMenu li.active strong{
	height:40px;
	position:relative;
	z-index:10;
}



.headerEmblem1{
	top:17px;
	right:0;
}
.headerEmblem2{
	top:84px;
	right:137px;
}
.headerEmblem3{
	top:86px;
	right:74px;
}
.headerEmblem4{
	top:87px;
	right:4px;
}

/* 1.index content ---------------------------*/
.indexContent{
	padding-bottom:323px;
}
.indexTopBox{
	height:348px;
	width:985px;
	border:1px solid #4D0000;
	margin-top:1px;
	background:url(../images/index/topbox-back.jpg) right 0 no-repeat;
	margin-bottom:25px;
	overflow:hidden;
}
.indexTopBoxComments{
}
.indexTopBoxComments li{
	width:337px;
	height:86px;
	float:left;
	border-top:1px solid #680000;
	overflow:hidden;
}
.indexTopBoxComments li:first-child{
	border-top:none;
}
.indexTopBoxComments a{
	color:#A7A9AC;
	text-decoration:none;
}
.indexTopBoxComments a:hover{
	text-decoration:underline;
}
.indexTopBoxComments h4{
	font-weight:bold;
	font-size:12px;
	color:#fff;
	margin-top:7px;
}
.indexTopBoxComments h4 a{
	color:#fff;
}
.indexTopBoxComments .indexForImg{
	width:83px;
	float:left;
	height:88px;
}
.indexTopBoxComments .indexForImg a{
	height:61px;
	width:51px;
	background:#6E6E6E;
	margin:14px 0 0 18px;
	overflow:hidden;
	display:block;
}
.indexTopBoxComments .indexForImg a img{
	display:block;
	margin:1px;
}
.indexTopBoxComments p{
	width:237px;
	height:52px;
	overflow:hidden;
}
.indexCarousel{
	float:left;
	height:348px;
	width:648px;
	overflow:hidden;
	position:relative;
}
.indexCarousel li{
	position:relative;
}
.indexCarouselComment{
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/index/com-back.png) repeat;
	width:648px;
	z-index:1000;
	display:none;
}
.indexCarouselComment h4{
	font-size:14px;
	color:#fff;
	margin:10px 0 3px 17px;
	width:600px;
}
.indexCarouselComment p{
	color:#A7A9AC;
	margin:0 14px 16px 48px;
}
.indexClose{
	width:13px;
	height:12px;
	background:url(../images/index/arrow.gif) no-repeat;
	cursor:pointer;
	position:absolute;
	top:9px;
	right:9px;
}

.indexNews{
	width:635px;
	float:left;
}

.indexHeaderPanel{
	background:url(../images/index/title-back.png) no-repeat;
	height:32px;
	margin-bottom:16px;
}
.indexHeaderPanel h2{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:31px;
	height:32px;
	overflow:hidden;
	width:170px;
	float:left;
	display:inline;
	margin-left:21px;
}
.indexHeaderPanel a{
	float:right;
	display:inline;
	margin-right:2%;
	line-height:31px;
	text-decoration:none;
}
.indexHeaderPanel span{
	text-decoration:underline;
}
.indexHeaderPanel a:hover{
	color:#fff;
}

.indexHeaderPanel a:before{
	content:"/ ";
}
.indexHeaderPanel a:after{
	content:" /";
}
.indexBanners{
	margin-left:668px;
	margin-bottom:40px;
}
.banner{
	margin-bottom:30px;
	display:block;
}
.indexBanners .banner{
	margin-bottom:16px;
}
.indexNewsList{
	margin-bottom:40px;
}
.indexNewsList dt{
	margin-left:53px;
	float:left;
	display:inline;
	color:#f00;
	margin-bottom:8px;
}
.indexNewsList dd{
	margin-left:118px;
	margin-bottom:8px;
}
.indexNewsList dd a{
	color:#A7A9AC;
}
.indexNewsList dd a:hover{
	color:#fff;
	text-decoration:underline;
}

.indexVideo{
	float:left;
	width:100%;
	margin-bottom:50px;
	overflow:hidden;
}
.indexVideoList{
	width:110%;
}
.indexVideoList li{
	width:188px;
	height:192px;
	overflow:hidden;
	float:left;
	margin-right:12px;
	position:relative;
}
.indexVideoList li a{
	text-decoration:none;
	width:188px;
	height:192px;
	overflow:hidden;
	display:block;
	background:url(../images/index/video-frame.png) 0 bottom no-repeat;
	cursor:pointer;
}

.indexVideoTitle{
	color:#A7A9AC;
	font-weight:bold;
	font-size:12px;
	height:30px;
	overflow:hidden;
	display:block;
}
.indexVideoPic{
	width:186px;
	height:133px;
	overflow:hidden;
	margin:17px 1px 0;
	display:block;
}
.indexVideoTime{
	width:48px;
	height:19px;
	background:url(../images/index/png-back.png) repeat;
	position:absolute;
	right:1px;
	bottom:12px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	overflow:hidden;
	line-height:18px;
}
.indexVideoList li a:hover .indexVideoTitle{
	color:#fff;
	text-decoration:underline;
}
.indexPhoto{	
	width:100%;
	overflow:hidden;
	margin-bottom:9px;
	clear:left;
}
.indexPhotoList li{
	height:164px;
	width:164px;
	overflow:hidden;
	float:left;
	margin:0 33px 33px 0;
	text-align:center;
}
.indexPhotoList li a{
	position:relative;
	display:block;
}
.indexPhotoList li a span{
	position:absolute;
	left:0;
	top:0;
	height:164px;
	width:164px;
	background:url(../images/index/glass.png) repeat;
	cursor:pointer;
}



.indexPartnersList{
	margin:40px 0 0 120px;
	overflow:hidden;
	display:block;
	zoom:1;
	
}
.indexPartnersList li{
	float:left;
	margin-bottom: 20px;
	margin-right:20px;
	position:relative;
}
.indexPartnersList li a{
	text-decoration:none;
}

.indexColor{
	position:absolute;
	left:0;
	top:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	zoom: 1;
}


.footer{
	height:323px;
	margin-top:-323px;
}
.footerBox{
	height:323px;
	background: url(../images/footer-back.jpg) 0 54px no-repeat;
}
.footerMenu{
	position:absolute;
	left:250px;
	top:70px;
	width:770px;
	height:180px;
	overflow:hidden;
}