/* header */

#header {
	height: 209px;
	width: 760px;
	background: url(/_gfx/hate/screensaver.jpg) no-repeat top left;
}

object, embed {
	height: 323px;
	width: 760px;
}

#download {
	background: #f7e215 url(/_gfx/hate/download-bg.gif) repeat-y top left;
	padding-bottom: 30px;
}

#split {
	background: #f7e215 url(/_gfx/hate/download-large-bg.gif) repeat-y top left;
}

#split .content {
	background: url(/_gfx/hate/gradient2.gif) repeat-x bottom left;
}

#split .bottom-left {
	background: url(/_gfx/hate/gradient2.gif) no-repeat 39px 100%;
}

#split .bottom-right {
	background: url(/_gfx/hate/gradient2.gif) no-repeat 203px 100%;
}

#split .top-left {
	background-image: url(/_gfx/hate/download-left.gif);
}

#split .top-right {
	background-image: url(/_gfx/hate/screensaver-right.gif);
}

img.wallpaper {
	float: left;
	width: 164px;
	height: 115px;
	padding: 1px;
	background-color: #f8df68;
	border: 3px solid #f97810;
	margin-top: 10px;
}

#split .content div.download {
	padding: 10px 0 0 180px;
	background: none;
}

#split .content div.download h3 {
	padding-bottom: 10px;
	border-bottom: 1px dashed #fb100d;
	margin-bottom: 10px;
	position: relative;
	height: 27px;
	font-size: 120%;
}

#split .content div.download h3 span {
	position: absolute;
	width: 153px;
	height: 20px;
	background: url(/_gfx/hate/screensaver.gif) no-repeat top left;
}

#split .content div.download ul {
	list-style: none;
}

#split .content div.download li {
	margin: 5px 0;
	color: #000;
	height: auto;
	_height: 30px;
	text-shadow: #fff 0 0 4px, #fff 0 0 3px, #fff 0 0 2px;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-transform: uppercase;
}

#split .content div.download li a span {
	position: absolute;
	display: block;
	width: 27px;
	height: 21px;
	background: url(/_gfx/hate/arrow.gif) no-repeat 0 0;
	cursor: pointer;
	cursor: hand;
}

#split .content div.download li a:hover span, #split .content div.download li a.hover span {
	background-position: 0 -21px;
}

#split .content div.download li a div {
	float: none;
	padding: 2px 0 0 35px;
	color: #000;
	text-decoration: none;
}

#split .content div.download li a div span {
	font-size: 90%;
	font-weight: normal;
	position: relative;
	display: inline;
	width: auto;
	height: auto;
	background: none !important;
}

#split .content div.text {
	clear: left;
	padding: 10px 0;
}

#split .bottom {
	clear: both;
	width: 505px;
	height: 25px;
	background: url(/_gfx/hate/screensaver-bottom.jpg) no-repeat top left;
	font-size: 0;
}

#split2 {
	background: #f7e215 url(/_gfx/hate/download-smallbox-bg.gif) repeat-y top left;
}

#split2 .bottom-left {
	background: url(/_gfx/hate/gradient.gif) no-repeat 13px 100%;
}

#split2 .content h2.fan-club {
	display: none;
}

#split2 .content h2.fan-club span {
	position: absolute;
	width: 177px;
	height: 112px;
	background: url(/_gfx/hate/download-fan-club.jpg) no-repeat top left;
}

#split2 .enter {
	clear: both;
	position: relative;
	width: 41px;
	height: 15px;
	padding: 32px 111px 24px 93px;
	background: url(/_gfx/hate/download-fan-club-enter.jpg) no-repeat top left;
}

#split2 .enter span {
	position: absolute;
	width: 41px;
	height: 15px;
	background: url(/_gfx/hate/enter.gif) no-repeat top left;
	cursor: pointer;
	cursor: hand;
}

#split2 .enter a:hover span {
	background-position: bottom left;
}

#download-footer {
	width: 760px;
	height: 61px;
	background: url(/_gfx/hate/download-footer.jpg) no-repeat top left;
}

#download-footer a {
	position: relative;
	top: -16px;
	left: 300px;
	width: 198px;
	height: 95px;
}

#download-footer a span {
	position: absolute;
	width: 198px;
	height: 95px;
	left: 0;
	top: 0;
	background: url(/_gfx/hate/download-portal.jpg) no-repeat top left;
	cursor: pointer;
	cursor: hand;
}