/*
*    Author: Paul Bennett
*    Date: 16th May 2008
*    Company Name
*
****************************************************************************/

/* GENERIC STYLES
末末末末末末末末末末末末末末末末末末末末末末末末---------------------------*/

/*html {	
	padding:0;
	margin: 0;
}*/
/*body
{
	font-family: Arial, "Helvetica Neue", "Helvetica", sans-serif;
	padding: 0;
	margin: 0;
	color: #444;
	text-align: left;
	background: url(../images/wood.jpg) repeat 0 0;
	font-size: 100%; /* 16px default font size */
/*	line-height: 1.25em;
}*/
img {
	border: none;
	text-decoration: none;	
}
p {
	font-size: 0.875em; /* 16 x 0.75 = 12 (px) */
	padding: 0 0 0.75em 0;
	margin: 0;
}
a {
	color: #C8A76D;
	text-decoration: none;
	border: none;
	padding: 0;
	margin: 0;
}
#page_wrap {
	position: relative;
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
}
/*header {
	text-align: center;
	padding: 20px;
	background: #FFF;
	color: #000;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}*/
/*h1 {
	font-family: Georgia, "Times New Roman", "Times", serif;
	font-size: 1.75em;
	padding: 0 0 0.5em;
}
h2 {
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 4px;
}*/
#photo_stack {
	width: 500px;
	margin: 35px auto;
	position: relative;
}
#photo_stack img {
	position: absolute;
	border: 10px solid #FFF;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	z-index: 10000;
	/* Firefox */
	-moz-transition: all 0.2s ease;
	/* WebKit */
	-webkit-transition: all 0.2s ease;
	/* Opera */
	-o-transition: all 0.2s ease;
	/* Standard */
	transition: all 0.2s ease;
}
#photo_stack #photo1 {
	top: 0;
	left: 50px;
}
#photo_stack #photo2 {
	top: 12px;
	left: -40px;
}
#photo_stack #photo3 {
	top: 27px;
	left: 50px;
}
#photo_stack .deg1 {
	-webkit-transform: rotate(1deg);
   	-moz-transform: rotate(1deg);
   	transform: rotate(1deg);
}
#photo_stack .deg2 {
	-webkit-transform: rotate(2deg);
   	-moz-transform: rotate(2deg);
   	transform: rotate(2deg);
}
#photo_stack .deg3 {
	-webkit-transform: rotate(3deg);
   	-moz-transform: rotate(3deg);
   	transform: rotate(3deg);
}
#photo_stack .deg4 {
	-webkit-transform: rotate(4deg);
   	-moz-transform: rotate(4deg);
   	transform: rotate(4deg);
}
#photo_stack .deg1neg {
	-webkit-transform: rotate(-1deg);
   	-moz-transform: rotate(-1deg);
   	transform: rotate(-1deg);
}
#photo_stack .deg2neg {
	-webkit-transform: rotate(-2deg);
   	-moz-transform: rotate(-2deg);
   	transform: rotate(-2deg);
}
#photo_stack .deg3neg {
	-webkit-transform: rotate(-3deg);
   	-moz-transform: rotate(-3deg);
   	transform: rotate(-3deg);
}
#photo_stack .deg4neg {
	-webkit-transform: rotate(-4deg);
   	-moz-transform: rotate(-4deg);
   	transform: rotate(-4deg);
}
#photo_stack .hover {
	-webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	transform: rotate(0deg);
	cursor: pointer;
}
@-webkit-keyframes shuffle {
	0% {
		margin-left: 0px;
	}
	50% {
		margin-left: 450px;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		margin-left: 0px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
#photo_stack .animate {
	-webkit-animation-name: shuffle;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
}