body
{

background-color:#eaefc3;

font-family:"Sans-serif";
font-size:20px;
text-align:center;
a:link {color:#980000;}      /* unvisited link */
a:visited {color:#3c0000;}  /* visited link */
a:hover {color:#51503b;}  /* mouse over link */
a:active {color:#3c0000;}  /* selected link */
}


ul.gallery
{
width: 900px; margin: 20px auto;

}
ul.gallery li a {
	float: left;
	padding: 12px 12px 29px 12px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
    -webkit-box-shadow: 0px 2px 15px #333;
    box-shadow:         0px 2px 15px #333;
	position: relative;
}

ul.gallery li a.pic-1 {
	z-index: 1;
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
}
ul.gallery li a.pic-2 {
	z-index: 5;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
}
ul.gallery li a.pic-3 {
	z-index: 3;
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
}
ul.gallery li a.pic-4 {
	z-index: 7;
	-webkit-transform: rotate(-9deg);
	-moz-transform: rotate(-9deg);
}
ul.gallery li a:hover {
	z-index: 10;
	-moz-box-shadow: 3px 5px 15px #333;
}

h1
{
color:#232719;
text-align:center;
}
hr
{
clear:both;
color: #474b2a;
background-color: #474b2a;
height: 5px;
}