<div class="about-main">
					<h1>
						О нас
					</h1>
					<div class="our-photos">
						<div class="our-photo" id="our-photo1">
							<img class="about-photo" id="about-photo1" src="../views/photo/13.jpg"/>
							<p>подпись</p>
						</div>
						<div class="our-photo" id="our-photo2">
							<img class="about-photo" id="about-photo2" src="../views/photo/27.jpg"/>
							<p>подпись</p>
						</div>
						<div class="our-photo" id="our-photo3">
							<img class="about-photo" id="about-photo3" src="../views/photo/49.jpg"/>
							<p>подпись</p>
						</div>
					</div><!--.our-photos-->
					<div class="about-text">
						<p>Какой-то текст</p>
					</div>
				</div><!--.about-main -->

		.about-main{
			margin-left:160px;
		}
		.about-main p{
			margin:10px 20px;
		}
		.about-main h1{
			margin: 5px 20px;
		}
		.our-photos{
			overflow: hidden;
			padding:40px 0;
		}
		.our-photo{
			float:left;
			padding:5px;
			/*border:1px solid green;*/
			border-radius: 5px;
			margin:5px;
		}
		.about-photo{
				width:150px;
				z-index: 10;
		}
			#our-photo1{
				-moz-transform: rotate(-10deg);
				-o-transform: rotate(-10deg);
				-webkit-transform: rotate(-10deg);
				-ms-transform: rotate(-10deg);
				margin-left: 35px;
				z-index: 0;
			}
			#our-photo2{
				z-index:0;
			}
			#our-photo3{
				-moz-transform: rotate(10deg);
				-o-transform: rotate(10deg);
				-webkit-transform: rotate(10deg);
				-ms-transform: rotate(10deg);
				z-index: 0;
			}

			#about-photo1:hover{
	            -webkit-transition: all 0.3s ease-in;
	            -moz-transition: all 0.3s ease-in;
	            -o-transition: all 0.3s ease-in;
	            -ms-transition: all 0.3s ease-in;
	            transition: all 0.3s ease-in;
	            width: 400px;
	            margin-right: -250px;
	            z-index: 300;
			}
			#about-photo2:hover{
	            -webkit-transition: all 0.3s ease-in;
	            -moz-transition: all 0.3s ease-in;
	            -o-transition: all 0.3s ease-in;
	            -ms-transition: all 0.3s ease-in;
	            transition: all 0.3s ease-in;
	            width: 400px;
	            margin-left: -200px;
	            z-index: 300;
			}
			#about-photo3:hover{
	            -webkit-transition: all 0.3s ease-in;
	            -moz-transition: all 0.3s ease-in;
	            -o-transition: all 0.3s ease-in;
	            -ms-transition: all 0.3s ease-in;
	            transition: all 0.3s ease-in;
	            width: 400px;
	            margin-left: -200px;
	            z-index: 300;
			}
			#about-photo1{
	            z-index: 0;
			}
			#about-photo2{
	            z-index: 0;
			}
			#about-photo3{
				z-index: 0;
			}