/* --- Document Body ------------------------------------------------------------------ */

#body {
	height: 460px;
	background-image: none;
}

#body h2 {
	position: absolute;
	top: 200px;
	left: 50px;
	width: 860px;
	height: 40px;
	background: url(../img/top.jpg) no-repeat 0 -400px;
	z-index: 2;
}

#body h2 span {
	display: block;
	text-indent: -9999px;
}

#body ul {
	position: absolute;
	top: 20px;
	left: 50px;
	width: 860px;
	height: 400px;
	border: 1px solid #fd9;
}

#body ul li {
	list-style-type: none;
	float: left;
	width: 430px;
	height: 200px;
	background: url(../img/top.jpg) no-repeat;
}

#body ul li a {
	display: block;
	width: 430px;
	height: 200px;
	text-indent: -9999px;
}

#body ul li#main-speaking   { background-position:    0px    0px; }
#body ul li#main-counseling { background-position: -430px    0px; }
#body ul li#main-attendant  { background-position:    0px -200px; }
#body ul li#main-web        { background-position: -430px -200px; }

#body ul li a:hover {
	background: #fff;
	filter: Alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

	* html #body ul li a:hover {
		background: #630;
		filter: Alpha(opacity=10);
	}