@charset "utf-8";
/* CSS Document */

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[Table of contents]

1. Body
2. Top 
   - Logo

3. Content / #content
    - Article
	- Scroll-wrap
	- Article_link
	- Paginator
	- Comments
	- Gallery
4. Bottom / .menu_bot

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/* [1. Body] */
html, body{ 
	margin: 0;
	padding: 0;
	min-width: 100%;
	width:100%;
	min-height:100%;
	height: 100%;
}
body, td, th, button, input, select, textarea{
	font: normal 12px/20px 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif;
	color: #fff;
	background: #131313 url(../images/bg.jpg) repeat 0 0;
	z-index: 1;
}


h1, h2, h3, h4, h5, h6{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif
}
h4{
	font-size: 15px;
}

#holder {
	width:1030px;
	height:100%;
	margin:-60px auto 0;
	display:table;
}
.bg {
	width:1030px;
	height:100%;
	display:table-cell;
	vertical-align:middle;	
	position:relative;
}
.logo {
	width: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	margin: 0 0 0 40px;
}
.content {
	float:left;
	margin:-54px 0 0 0;
}
.gallery {
	background: url(../images/bg_img.png) no-repeat 0 0;
	width: 475px;
	height: 250px;
	float: left;
	position: relative;
	padding: 11px 0 0 11px;
	margin: 0px 9px 7px 0;
}
.gallery a {
	position:relative;
	float:left;
	text-decoration:none;
	text-align:center;
}
.gallery a h4 {
	margin:9px 0 0 0;
}
.gallery .fadeThis i {
	background: url(../images/i.png) no-repeat 0 0;
	position:absolute;
	left:-3px;
	top:-3px;
	width:466px;
	height:261px;	
}
.gallery.small {
	background: url(../images/bg_img_s.png) no-repeat 0 0;
	width:181px;
	height:131px;
	padding:10px 0 0 11px;
	margin:0px 9px 7px 0;
}
.gallery.small i {
	background: url(../images/i_s.png) no-repeat 0 0;
	width:166px;
	height:106px;
	left:-3px;
	top:-3px;
}
.gallery.small p {
	margin:2px 0 0 0;
	padding:0;
}
.gallery:hover h4, .gallery:hover p {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
   -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
   -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5;
}

	.fadeThis {
		position:relative;
		display:block;
	}	
	.fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 240px;
	width: 460px;
	background: url(../images/hover.png) no-repeat center 0px;
	}
	
	
		.gallery.small .fadeThis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 90px;
		width: 160px;
		background: url(../images/hover_s.png) no-repeat center 0;
	}
