/*

original CSS involved #content { white-space: nowrap; } and .screen { display: inline-block; }
but had to be abandoned due to lack of support on Firefox and IE.

current CSS based upon: <http://www.kottke.org/portfolio/portfolio.html>

*/

body {
	background: black;
	font-family: "Verdana";
	height: 100%;
	margin: 0;
	padding: 0;
	}

#content {
	background: url(film4.png) repeat-x #0F0F0F;
	border-bottom: 1px solid #272727;
	border-top: 1px solid #272727;
	height: 300px;
	margin: -150px 0 -150px 0;
	padding: 0 25px 0 25px;
	position: absolute;
	  top: 50%;
	width: 3230px;
	  /* 267x + 50(x-1) + 2p + 6x */
	}

.screen {
	background: #151515;
	float: left;
	height: 200px;
	margin: 47px 25px 47px 25px;
	width: 267px;
	}

.screen a img {
	border: 3px double #272727;
}

.screen a:hover img {
	border: 3px double #505050;
}

.screen a span {
	display: none;
	}

.screen a:hover span {
	color: white;
	display: block;
	position: absolute;
	  top: 50px;
	text-decoration: none;
	}