html {
	background: #eed;
	color: #000;
	font-family: "Cochin", "Century Schoolbook", serif;
	text-align: center;
}
body {margin: 1em 2em;}
h1 {text-align: center;}

.cottage {
	margin: 0 0 2em;
	text-align: center;
}
.cottage img {
	display: block;
	margin: 0 1em 0.5em;
	width: 100%;
}

@media screen and (min-width: 800px) {
	.cottage {
		float: left;
		width: 33%;
	}
}

.gallery {margin: 0 auto;}
.gallery a {
	border: none;
	float: left;
	display: block;
	margin: 0.5em;
	width: 320px;
	height: 320px;
}
.gallery a img {
	border: none;
	cursor: url('/magnify.cur');
	cursor: -moz-zoom-in;
}
footer {
	clear: both;
	display: block;
	padding: 0.5em 1em;
	background: #ddc;
}
footer ul {
	width: 60%;
	min-width: 36em;
	max-width: 75%;
	margin: 0.5em auto;
	padding: 0.5em 1em;
	text-align: left;
}