/* Core of the stylesheet */

body {
	background: #37200d url(../images/background.png) repeat;
	margin: 0px;
	min-width: 976px;
	text-align: center;
	font: 13px Trebuchet MS, Arial, sans-serif;
	color: #ffffff;
}

/* Scene; containing the ocean, sea and wood textures */

.scene {
	background: url(../images/scene.png) repeat-x;
	width: 100%;
	height: 367px;
}

/* Header */

.header {
	background: url(../images/postman.png) center top no-repeat;
	width: 976px;
	height: 367px;
	margin: 0px auto 0px auto;
}

/* Movie frame */

.movie {
	position: relative;
	float: right;
	top: 95px;
	width: 427px;
	margin: 0px auto 0px auto;
	text-align: left;
}

/* Content pillars */

.content {
	background: url(../images/content.png) repeat-y;
	width: 802px;
	margin: 0px auto 0px auto;
	line-height: 24px;
	text-align: left;
	color: #fff9de;
	text-shadow: #000000 0px -1px 0px;
}

.top {
	background: url(../images/top.png) no-repeat;
	width: 802px;
	height: 20px;
	margin: 19px auto 0px auto;
}

.bottom {
	background: url(../images/bottom.png) no-repeat;
	width: 802px;
	height: 20px;
	margin: 0px auto 17px auto;
}

/* Content columns */

.left {
	float: left;
	width: 498px;
	padding: 0px 0px 0px 20px;
}

.right {
	float: right;
	width: 244px;
	padding: 0px 20px 0px 20px;
}

/* Footer */

.footer {
	padding: 0px 0px 17px 0px;
	text-align: center;
}

/* Text styles */

a:link, a:active, a:visited {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	margin: 0px;
	font: 22px Georgia;
	color: #fff2b6;
}

.uppercase {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #000000 0px -1px 0px;
}

/* Core properties */

img {
	border: 0px;
}

li {
	margin: 0px 0px 0px -23px;
}

.preview {
	float: right;
	padding: 0px 0px 10px 10px;
}