@import url(reset.css);
@import url(lightbox.css);
body {
	background: url(../images/bg1.jpg);
}
/* wrappers */
.wrapper {
	width: 980px;
	margin: 0 auto;
		background: #EEEEEE;
		border-right: 2px solid #f5f5f5;
		border-left: 2px solid #f5f5f5;	
}
.bs1 {
	position: relative;
}
.bs1:after {
	content: '';
	width: 100%; height: 10px;	
	position: absolute;
	left: 0; bottom: 0;
	background: url(../images/s1.png) repeat-x;
}
.header {
	margin: 0 -2px;
	height: 640px;
		background: url(../images/header.jpg) no-repeat;
}
	.header h1 {
		display: none;
	}
.about-pro {
	height: 222px;
		background: url(../images/bg.jpg);
}
	.about-pro h2 {
		width: 260px; height: 100%;
		float: left;
			text-indent: -9999px;
			background: url(../images/h2_pro.png) 40px 46px no-repeat;
	}
.about-pro__text {
	width: 670px;
	float: left;
	padding: 40px 0 0 0;
		font-size: 18px;
}
	.about-pro__text p {
		margin: 0 0 30px 0;
		line-height: 22px;
	}
.about-how__h2 {
	height: 90px;
	display: block;
		text-indent: -9999px;
		background: url(../images/h2_how.png) 40px 34px no-repeat;
}	
.about-how__col1 {
	margin-right: 380px;
}
	.about-how__col1 p {
		display: block;
		float: left;
		width: 520px;
		margin: 0 0 20px 40px;
			font-size: 15px;
			line-height: 21px;
	}
		.about-how__col1 b {
			font-weight: bold;
		}
.about-how__col2 {
	float: right;
	width: 380px;	
	margin: 90px 0 0 0;
}
.about-how__where {
	margin-top: 20px;
	float: left;
}
	.about-how__map {
		cursor: pointer;
		display: block;
		width: 343px; height: 455px;
		background: url(../images/map.gif) no-repeat;
	}
		.about-how__map:hover {
			background-image: url(../images/map.gif);	
			opacity: .8;
		}
	.about-how__where p {
		width: 343px;
		margin-bottom: 30px;
			color: #333333;
			font-size: 21px;
			line-height: 25px;
	}
		.about-how__where p b {
			font-size: 36px;
			font-weight: bold;
			line-height: 34px;
		}
.gallery {
	width: 940px;
	overflow: hidden;
	padding: 0 0 20px 40px;
}
	.gallery a {
		float: left;
		width: 278px;
		margin: 0 20px 20px 0;
			border: 4px solid #ffffff;
			box-shadow: 1px 1px 2px #BFBFBF;
	}
		.gallery a:hover {
			position: relative;
		}
		.gallery a:hover img{
			opacity: .3;
		}
		.gallery a:hover:after {
			content: '';
			position: absolute;			
			width: 28px; height: 28px;
			left: 50%; top: 50%;
			margin: -14px 0 0 -14px;
				background: url(../images/zoom.png);
		}
		.gallery a img {
			width: 100%;
		}
.footer {
	margin: 0 -2px;
}
.footer__part1 {
	position: relative;
	height: 100px;
		background: #C32742 url(../images/logo2.png) 430px 15px no-repeat;
}
	.footer__part1 p,
	.footer__part2 p	{
		float: left;
		width: 477px;
		margin: 20px 0 0 40px;
			line-height: 18px;
			font-size: 15px;
			color: #ffffff;
	}
		.footer__part1 b,
		.footer__part2 b	{
			line-height: 25px;
			font-size: 21px;
			font-weight: bold;
		}
.footer__part2 {
	height: 100px;
		background: #89386B;
}
	.footer__part2-block2 {
		float: right !important;
		width: 264px !important;
		margin-right: 40px !important;
	}
.footer__part2-block1 .vk {
	display: inline-block;
	position: absolute;
	margin-left: 35px;
}	
.vk {
	display: block;
	width: 26px; height: 26px;
	background: url(../images/vk.png);
}
.vk:hover {
	background: url(../images/vk.png) -26px 0;
}

/* regular styles */
p a {
	color: #007EAC;
	background: url(../images/d1.gif) left bottom repeat-x;
}
p a:hover {
	color: #D80000;
	background-image: url(../images/d2.gif);
}