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

#wrapper {
	width: 980px;
	height: 1000px;
	margin: 20px auto;
}

/* --- PHOTOS --- */

#photos {
  position: relative;
  clear: both;
  height: 195px;
}

#photos a {
  bottom: 0;
  position: absolute;
  display: block;
  padding-top: 50px;
}

#photos ul {
  margin: 0;
}

#photos ul li {
  margin: 0;
  list-style: none;
  position: absolute;
  bottom: -20px;
}

#photos .p1 {
  bottom: -20px;
  left: 0;
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#photos .p2 {
  bottom: -40px;
  left: 70px;
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: 2;
}
#photos .p3 {
  bottom: -10px;
  left: 120px;
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
#photos .p4 {
  bottom: -25px;
  left: 200px;
  -moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#photos .p5 {
	bottom: -15px;
	left: 283px;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}
#photos .p6 {
	bottom: -31px;
	left: 369px;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
#photos .p7 {
	bottom: -31px;
	left: 813px;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
#photos .p8 {
  bottom: -12px;
  left: 470px;
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
}
#photos .p9 {
	bottom: -29px;
	left: 524px;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}
#photos .p10 {
	bottom: -40px;
	left: 605px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#photos .p11 {
	bottom: -15px;
	left: 672px;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}
#photos .p12 {
	bottom: -41px;
	left: 745px;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
#photos .p13 {
	bottom: -19px;
	left: 876px;
	-moz-transform: rotate(8deg);
	-webkit-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	transform: rotate(8deg);
}


#photos li {
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}

/*#photos li:hover {
  bottom: 0;
  padding-bottom: 5px;
  -webkit-transform: rotate(0deg) scale(1.5);
  -moz-transform: rotate(0deg) scale(1.5);
  -o-transform: rotate(0deg) scale(1.5);
  transform: rotate(0deg) scale(1.5);
  z-index: 1;
}*/