body {
	background:#6c583d;
}
#content {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
}
#content #pictures {
	top:-10px;
	left:-10px;
	position:absolute;
	cursor:pointer;
	overflow:hidden;
}
#content #pictures a {
	width:225px;
	height:225px;
	display:block;
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	margin:20px 0px 0px 20px;
}
#content #pictures a div {
	width:225px;
	height:225px;
	display:none;
	background-position:center center;
	background-repeat:no-repeat;
}
#content #pictures a:hover div {
	display:block;
}
#details {
	left:50%;
	top:50%;
	position:absolute;
	display:none;
	color:#ffffff;
	padding:20px;
}
#details.landscape {
	width:600px;
	height:430px;
	margin:-235px 0px 0px -320px;
}
#details.portrait {
	width:400px;
	height:630px;
	margin:-335px 0px 0px -230px;
}
#details ul {
	padding:10px 0px 0px 0px;
	font-size:1.4em;
	line-height:20px;
	height:20px;
}
#details ul li {
	list-style:none;
	display:inline;
}
#details ul li.right {
	float:right;
}
#details ul li a {
	color:#ffffff;
	text-decoration:none;
	border-bottom:#6c583d solid 1px;
}
#details ul li a:hover {
	color:#6c583d;
	text-decoration:none;
}
#nav {
	position:absolute;
	width:100%;
	text-align:right;
	margin:10px 0px 0px 0px;
}
#nav li.current {
	border-bottom:#6c583d solid 1px;
}
#footer {
	color:#53422e;
}