.viewport {
	width: 308px;
	height: 238px;
	float: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin: 0px 10px 10px 0px;
}

.viewport a {
	display: block;
	position: relative;
	text-decoration: none;
}

.viewport a span {
	display: none;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 65px;
	padding-top: 175px;
	padding-left: 23px;
	position: absolute;
	text-align: left;
	text-decoration: none;
	width: 285px;
	z-index: 100;
}

.viewport a span strong {
	font-family: MuseoSans, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
}

.new {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 z-index: 101;
}

.dark-background {
	background-image: url('../images/dark_bg.png');
	background-repeat: no-repeat;
	color: #CCC;
}

.no-margin {
	margin-right: 0px;
}