/* ============== */
/* = typography = */
/* ============== */

body {
	font: normal normal normal 12px/18px 'Trebuchet MS', Arial, sans-serif;
	background: #c1be9f url('/images/video/bg.jpg') repeat-x;
	color: #47463b;
}
h1, h2, h3 {
	font: normal normal normal 18px/18px 'Trebuchet MS', Arial, sans-serif;
	color: #2c5749;
	margin-bottom: 0.4em;
	padding: 0;
}
a {
	color: #974640;
}

/* ============= */
/* = commoners = */
/* ============= */

.clear {
	clear: both;
}
.hidden {
	display: none;
}

/* ========== */
/* = layout = */
/* ========== */

#container {
	position: relative;
	width: 576px;
	margin: 18px auto;
	background: #fff;
}
#logo { 
	position: absolute;
	top: 30px;
	left: 0;
}
#tagline { 
	position: absolute;
	top: 33px;
	right: 0;
}
#frame {
	position: absolute;
	top: 94px;
	left: -52px;
	width: 680px;
	height: 401px;
	background-image: url(/images/video/frame.png);
}
* html #frame {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/video/frame.png', sizingMethod='image');
}
#video {
	position: absolute;
	top: 115px;
	left: -32px;
	width: 640px;
	height: 360px;
	background-color: black;
}
#content {
	position: relative;
	margin-top: 502px;
	width: 521px;
	padding: 0 28px;
}
#download {
	position: absolute;
	top: 0;
	right: 28px;
	list-style: none;
	text-align: right;
	font-size: 13px;
	line-height: 2em;
	font-family: Georgia, serif;
}