/* header */

#header {
	height: 233px;
	width: 760px;
	background: url(/_gfx/hate/home.jpg) no-repeat top left;
	cursor: pointer;
	cursor: hand;
}

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

/* hate fan club */

#hate-fan-club {
	width: 451px;
	float: left;
	background: #333 url(/_gfx/hate/club-bg.gif) repeat-y top left;
}

#hate-fan-club h2 {
	position: relative;
	width: 281px;
	height: 78px;
}

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

#drips {
	width: 98px;
	height: 157px;
	float: right;
	background: url(/_gfx/hate/drips.gif) no-repeat top left;
}


#as-seen-on-tv, #survey, #join-club {
	width: 226px;
	height: 124px;
	position: relative;
	clear: left;
	left: 280px;
	top: -300px;
}

#as-seen-on-tv img, #survey img, #join-club img {
	width: 226px;
	height: 124px;
	border: none;
}

#hate-fan-club div.left-border {
	float: left;
	width: 44px;
	height: 21px;
	background: url(/_gfx/hate/club-border-left.gif) no-repeat top right;
}

#hate-fan-club div.right-border {
	float: left;
	width: 26px;
	height: 26px;
	background: url(/_gfx/hate/club-border-right.gif) no-repeat top left;
}

#hate-fan-club div.content {
	float: left;
	width: 188px;
	min-height: 100px;
	_height: 100px;
	margin: 0;
	padding: 10px;
	background: #f7e215 url(/_gfx/hate/gradient.gif) repeat-x bottom left;
	color: #000;
}

#hate-fan-club div.enter {
	clear: left;
	width: 451px;
	height: 99px;
	background: #333 url(/_gfx/hate/club-enter.jpg) no-repeat top left;
	font-size: 80%;
}

#hate-fan-club div.enter a {
	display: block;
	float: left;
	position: relative;
	width: 41px;
	height: 15px;
	padding: 40px 113px 26px 127px;
	font-size: 90%;
}

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

#hate-fan-club div.enter a:hover span, #hate-fan-club div.enter a.hover span {
	background-position: bottom left;
}

/* portal */

#hate-fan-club div.portal {
	float: left;
	width: 170px;
	height: 99px;
}

#hate-fan-club div.portal a {
	display: block;
	position: relative;
	width: 170px;
	height: 108px;
	padding: 0;
}

#hate-fan-club div.portal a span {
	position: absolute;
	width: 170px;
	height: 108px;
	background: #fdbb03 url(/_gfx/hate/portal.jpg) no-repeat top left;
}

/* hate eat */

#hate-eat {
	width: 291px;
	float: right;
	background: url(/_gfx/hate/eat-bg.gif) repeat-y top right;
}

#hate-eat h2 {
	position: relative;
	width: 291px;
	height: 78px;
}

#hate-eat h2 span {
	position: absolute;
	width: 291px;
	height: 78px;
	background: url(/_gfx/hate/eat.jpg) no-repeat top left;
}

#hate-eat div.left-border {
	float: left;
	width: 56px;
	height: 1px;
}

#hate-eat div.right-border {
	float: left;
	width: 43px;
	height: 67px;
	background: url(/_gfx/hate/eat-border-right.gif) no-repeat top left;
}

#hate-eat div.content {
	float: left;
	width: 172px;
	margin: 0;
	padding: 10px;
	background: #f7e215 url(/_gfx/hate/gradient.gif) repeat-x bottom left;
	color: #000;
}

#hate-eat div.enter {
	display: block;
	clear: left;
	width: 291px;
	height: 83px;
	background: url(/_gfx/hate/eat-enter.jpg) no-repeat top right;
	font-size: 80%;
}

#hate-eat div.enter a {
	display: block;
	position: relative;
	width: 41px;
	height: 15px;
	top: 40px;
	margin: 0 0 0 140px;
	font-size: 90%;
	
}

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

#hate-eat div.enter a:hover span {
	background-position: bottom left;
}