body {
	background-color: #121212;
	
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 12px;
	color: #8d8c8c;
}

.page_container {
	
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.clear {
	clear: both;
}

.header {
	height: 94px;
	background-image: url(../images/wihter.jpg);
	background-repeat: no-repeat;
}

.logo {
	padding-left: 83px;
	padding-top: 20px;
	padding-right: 82px;
	float: left;
}

.navbar {
	float: left;
	padding-top: 20px;
}

.navbar IMG {
	padding-right: 20px;
}

.content_galery {
	width: 50%;
	padding: 34px 36px 0px 36px;
}

.left {
	float: left;
	width: 282px;
	background-image: url(../images/line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 480px; 
	margin-right: 33px;
}

.center {
	float: left;
}

.announce {
	margin-bottom: 21px;

}

.small_photos {
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	
}

.small_photos IMG {
	border: 3px solid white;
	cursor: pointer;
}

.small_photos_active {
	float: left;
	margin-right: 9px;
	cursor: pointer;
	margin-bottom: 9px;
	border: 2x solid #ccc;
}


.small_photos_active IMG 
{
	border: 2x solid #ccc;
	
}


#current {
	border: 2x solid #ccc;
	margin-top: -5px;
}

.navigation {
	margin-top: 8px;
}


.title_pic {
	font-weight: 14px;
	color: #9c9090;
	padding-left: 10px;
}

.navigation IMG {
	vertical-align: middle;
	cursor: pointer;
}

.navigation SPAN {
	padding-left: 10px;
}

#small_photos_container {
	position: absolute;
	width: 282px;
	height: 480px;
	
}	

#small_photos_warp {
	position: relative;
	overflow: hidden;
	top: 0;
}

.frame {
	position: absolute; overflow: hidden;  height: 430px; width: 282px;
}

.top_bottom {
	position: absolute;
	margin-top: -15px;
	margin-left: 233px;
}

.top_bottom IMG {
	cursor: pointer;
}

.footer {
	background-image: url(../images/footer.jpg);
	height: 63px;
	width: 49%;
	text-align: right;
	color: #595959;
	margin-top: 60px;
	margin-bottom: 30px;
}

.footer img {
	vertical-align: middle;
}