body{
	font-family: Georgia, Verdana , sans-serif;
	font-size: 10pt;
	background: #000 url("bordeaux.jpg") top center no-repeat;
	margin: 0; padding: 0;
	color: white;
	}

a{ 
	color: #a6896b;
	text-decoration: none;
	}
	
a:hover{
	color: #d0c0b3;
	}
	
.photo li{
	padding: 10px;
	margin: 0;
	position: relative;
	width: 800px;
	height: 600px;
}

.photo li:hover img {
	border-color: #000;
}

.photo img {
	background: #fff;
	border: solid 1px #888;
	padding: 4px;
}

h1{
}

.photo {
	list-style: none;
	margin: 0;
	padding: 0;
}

.photo em {
	background: #fff url(grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 570px;
	left: 9px;
	border: 1px solid #999;
	border-left-color: #888;
}

.photo a {
	text-decoration: none;
}

.photo em:hover {
	background: #ffdb01 url(orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}

div#main{
	text-align: center;
	margin-top: 500px;
	width: 800px;
	margin-left: auto; margin-right: auto;
	}
	
div#footer{
	height: 375px;
	width: auto;
	background-image: url("footer.jpg");
	background-repeat: repeat-x;
	}

div#credits{
	height: 50px;
	text-align: center;
	}