html {
	margin: 0px;
	padding: 0px;
	}

body {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 62.5%;
	color: #ccc;
	}
	
img {
	border: 0px;
	}
	
a {
	color: #a9692d;
	text-decoration: none;
	}

a:active {
	color: #a9692d;
	text-decoration: none;
	}

a:visited {
	color: #a9692d;
	text-decoration: none;
	}

a:hover {
	color: #a9692d;
	text-decoration: none;
	}


.content {
	width: 712px;
	min-height: 812px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	}
	
#week0 {
	background: #000 url(graphics/background_0.jpg) center top no-repeat;
	}

#week1 {
	background: #000 url(graphics/background_1.jpg) center top no-repeat;
	}
	
#week2 {
	background: #000 url(graphics/background_2.jpg) center top no-repeat;
	}
	
#week3 {
	background: #000 url(graphics/background_3.jpg) center top no-repeat;
	}
	
#week4 {
	background: #000 url(graphics/background_4.jpg) center top no-repeat;
	}
	
h1 {
	display: none;
	}
	
.set {
	overflow: hidden;
	margin: 1px;
	}
	
.set a.thumbnail, .set a.preview {
	display: block;
	overflow: hidden;
	background: url(graphics/transparent.gif) left top no-repeat;
	}
	
.set h2 {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}


#skull {
	width: 280px;
	height: 204px;
	position: absolute;
	left: 268px;
	top: 129px;
	}
	
#skull a.thumbnail {
	width: 148px;
	height: 0px;
	padding: 115px 0px 0px 0px;
	}
	
#skull a.preview {
	width: 184px;
	height: 0px;
	padding: 74px 0px 0px 0px;
	}
	
#skull .info {
	position: absolute;
	top: 7px;
	left: 148px;
	}
	
#skull h2 {	
	width: 139px;
	height: 0px;
	padding-top: 87px;
	background: url(graphics/title_skull_off_1.jpg) left top no-repeat;
	position: absolute;
	top: 2px;
	left: 135px;
	}
	
#week3 #skull h2 {	
	background: url(graphics/title_skull_off_2.jpg) left top no-repeat;
	}
	
#week4 #skull h2 {	
	width: 115px;
	height: 0px;
	padding-top: 46px;
	background: url(graphics/title_skull_on.jpg) left top no-repeat;
	position: static;
	}


	
#raiders {
	width: 243px;
	height: 163px;
	position: absolute;
	left: 26px;
	top: 281px;
	}
	
#raiders a.thumbnail {
	width: 90px;
	height: 0px;
	padding: 90px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 130px;
	}
	
#raiders a.preview {
	width: 110px;
	height: 0px;
	padding: 60px 0px 0px 0px;
	position: absolute;
	top: 91px;
	left: 110px;
	}
	
#raiders .info {
	position: absolute;
	top: 7px;
	left: 15px;
	}
	
#raiders h2 {	
	width: 115px;
	height: 0px;
	padding-top: 43px;
	background: url(graphics/title_raiders_on.jpg) left top no-repeat;
	}
	
#week0 #raiders h2 {	
	width: 139px;
	height: 0px;
	padding-top: 87px;
	background: url(graphics/title_raiders_off.jpg) left top no-repeat;
	position: absolute;
	top: 2px;
	left: 4px;
	}

	
	
#temple {
	width: 280px;
	height: 158px;
	position: absolute;
	left: 268px;
	top: 444px;
	z-index: 10;
	}
	
#temple a.thumbnail {
	width: 114px;
	height: 0px;
	margin-left: 30px;
	padding: 115px 0px 0px 0px;
	}
	
#temple a.preview {
	width: 130px;
	height: 0px;
	margin-left: 30px;
	padding: 35px 0px 0px 0px;
	}
	
#temple .info {
	position: absolute;
	top: 12px;
	left: 148px;
	}
	
#temple h2 {	
	width: 121px;
	height: 0px;
	padding-top: 31px;
	background: url(graphics/title_temple_on_2.jpg) left top no-repeat;
	}
	
#week2 #temple h2 {	
	background: url(graphics/title_temple_on_1.jpg) left top no-repeat;
	}
	
#week1 #temple h2, #week0 #temple h2 {	
	width: 139px;
	height: 0px;
	padding-top: 74px;
	background: url(graphics/title_temple_off.jpg) left top no-repeat;
	position: absolute;
	top: 5px;
	left: 135px;
	}
	
	
	
#crusade {
	width: 228px;
	height: 163px;
	position: absolute;
	left: 455px;
	top: 281px;
	}
	
#crusade a.thumbnail {
	width: 95px;
	height: 0px;
	padding: 80px 0px 0px 0px;
	}
	
#crusade a.preview {
	width: 120px;
	height: 0px;
	padding: 60px 0px 0px 0px;
	}
	
#crusade .info {
	position: absolute;
	top: 7px;
	left: 102px;
	}

#crusade h2 {	
	width: 139px;
	height: 0px;
	padding-top: 74px;
	background: url(graphics/title_crusade_off.jpg) left top no-repeat;
	position: absolute;
	top: 3px;
	left: 87px;
	}
	
#week3 #crusade h2, #week4 #crusade h2 {	
	width: 114px;
	height: 0px;
	padding-top: 29px;
	background: url(graphics/title_crusade_on.jpg) left top no-repeat;
	position: static;
	}
	
	
	
ul.downloads {
	list-style-type: none;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	}
	
ul.downloads li {
	margin: 0px 9px 0px 0px;
	padding: 0px;
	float: left;
	width: 26px;
	height: 26px;
	}
	
ul.downloads li a {
	display: block;
	width: 26px;
	height: 0px;
	padding: 26px 0px 0px 0px;
	overflow: hidden;
	}
	
ul.downloads li.candybar a {
	background: url(graphics/download_candybar.gif) left top no-repeat;
	}
	
ul.downloads li.mac a {
	background: url(graphics/download_mac.gif) left top no-repeat;
	}
	
ul.downloads li.windows a {
	background: url(graphics/download_windows.gif) left top no-repeat;
	}
	
div.blurb {
	color: #999;
	font-size: 1.2em;
	line-height: 1.3em;
	width: 430px;
	position: absolute;
	top: 576px;
	left: 22px;
	}
	
div.blurb p {
	width: 250px;
	line-height: 1.3em;
	}
	
div.blurb sup {
	font-size: 0.6em;
	line-height: 0.8em;
	}
	
div.blurb p.copyright {
	font-size: 0.8em;
	line-height: 1.2em;
	}
	
div.blurb img.iflogo {
	position: relative;
	top: -49px;
	left: 280px;
	}
	
div.blurb strong {
	font-weight: normal;
	color: #fff;
	}
	
#legend {
	position: absolute;
	top: 590px;
	left: 480px;
	width: 224px;
	background: url(graphics/legend_top.jpg) left top no-repeat;
	color: #999;
	}
	
#legend h3 {
	margin: 0px;
	padding: 10px 0px 8px 20px;
	font-size: 1.6em;
	font-weight: normal;
	color: #ccc;
	}
	
#legend h4 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: normal;
	color: #ccc;
	}
	
#legend ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 20px 12px 20px;
	background: url(graphics/legend_bottom.jpg) left bottom no-repeat;
	}
	
#legend ul li {
	margin: 0px;
	padding: 5px 0px 5px 35px;
	}
	
#legend ul li.candybar {
	background: url(graphics/download_candybar.gif) left top no-repeat;
	}
	
#legend ul li.mac {
	background: url(graphics/download_mac.gif) left top no-repeat;
	}
	
#legend ul li.windows {
	background: url(graphics/download_windows.gif) left top no-repeat;
	}

#legend ul li p {
	margin: 0px;
	padding: 0px;
	}
	
	
.lightbox_container {
	width: 675px;
	height: 438px;
	background: #000 url(graphics/detail_background_top.jpg) left top no-repeat;
	}
	
.lightbox_container .detail {
	height: 438px;
	background: url(graphics/detail_background_bottom.jpg) left bottom no-repeat;
	}
	
.lightbox_container .detail a.closebutton {
	display: block;
	overflow: hidden;	
	width: 81px;
	height: 0px;
	padding: 29px 0px 0px 0px;
	background: url(graphics/detail_close.jpg) left top no-repeat;
	position: absolute;
	left: 594px;
	}
	
.lightbox_container .detail img.preview {
	width: 406px;
	height: 406px;
	margin: 17px 20px 0px 17px;
	float: left;
	}
	
.lightbox_container .detail p {
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	}
	
.lightbox_container .detail p.indy {
	font-size: 2.6em;
	padding-top: 40px;
	color: #e19b38;
	font-style: italic;
	}
	
.lightbox_container .detail p.andthe {
	font-size: 1.2em;
	color: #e19b38;
	font-style: italic;
	}
	
.lightbox_container .detail p.title {
	font-size: 2.7em;
	line-height: 1.0em;
	color: #e19b38;
	font-style: italic;
	}
	
.lightbox_container .detail p.title sup {
	font-size: 0.2em;
	}
	
.lightbox_container .detail p.credit {
	padding-top: 10px;
	}
	
.lightbox_container .detail p.description {
	padding-top: 20px;
	}
	
.lightbox_container .detail p.summary {
	padding-top: 10px;
	padding-right: 20px;
	}
	
.lightbox_container .detail p.download_header {
	padding: 40px 0px 5px 0px;
	color: #999;
	}
	
.lightbox_container .detail ul li {
	width: 64px;
	}
	
.lightbox_container .detail ul li a {
	text-align: center;
	width: 64px;
	height: 14px;
	padding: 46px 0px 0px 0px;
	color: #ccc;
	}

.lightbox_container .detail ul li a:active {
	color: #ccc;
	}

.lightbox_container .detail ul li a:visited {
	color: #ccc;
	}

.lightbox_container .detail ul li a:hover {
	color: #ccc;
	}
	
.lightbox_container .detail ul li.candybar a {
	background: url(graphics/detail_candybar.jpg) center top no-repeat;
	}

.lightbox_container .detail ul li.mac a {
	background: url(graphics/detail_mac.jpg) center top no-repeat;
	}

.lightbox_container .detail ul li.windows a {
	background: url(graphics/detail_windows.jpg) center top no-repeat;
	}
	
.lightbox_container .detail p.copyright {
	position: absolute;
	top: 412px;
	left: 600px;
	font-size: 0.8em;
	color: #999;
	}