@charset "ISO-8859-1";
.tile {
	display: inline-block;
	width: 225px;
	border: thin none #960;
	padding: 0px;
	height: 225px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: center;
	color: #000;
	text-decoration: none;
}



.tile img:hover {
	outline: #633 solid 2px;
}

#landscape {
	background-image: url(images/tiles/hills-field.jpg);
}

.masonry {
	width: 1000px;
	margin-left: 5px;
	text-align: center;
}

.ex img {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.ex img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

/* css used by http://designshack.net/articles/css/masonry/ but it causes the columns to align vertically before horizontally, which I don't like

	-moz-column-count: 4;
	-moz-column-gap: 0px;
	-webkit-column-count: 4;
	-webkit-column-gap: 0px;
	column-count: 4;
	column-gap: 0px;

*/