.container
{
	width: 800px;
	height: 600px;
	background: transparent url('images/home.jpg') no-repeat 0 0;
	margin: 0 auto;
}

.container .nav
{
	width: 100%;
	overflow: hidden;
	padding: 150px 0 0 0;
}

.container .nav .left
{
	width: 44%;
	float: left;
}
.container .nav .left .item
{
	float: right;
}
.container .nav .right
{
	width: 50%;
	float: right;
}
.container .nav .right .item
{
	float: left;
}

.container .nav .left .item,
.container .nav .right .item
{
	width: 145px;
	height: 19px;
	display: inline;
	clear: both;
	margin: 0 0 10px 0;	
}

.container .nav .left .item a,
.container .nav .right .item a
{
	background: transparent url('images/nav_bg.gif') no-repeat 0 0;
	display: block;
	text-decoration: none;
}
.container .nav .left .item a span,
.container .nav .right .item a span
{
	font: bold 12px/normal arial, helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	word-spacing: 1px;
	color: #d9e4f7;
	background: transparent url('images/nav_corner.gif') no-repeat right 0;
	display: block;
	position: relative;
	right: -9px;
	padding: 3px 9px 3px 0;
}
.container .nav .left .item a:hover,
.container .nav .right .item a:hover
{
	background-image: url('images/nav_selected_bg.gif');
}
.container .nav .left .item a:hover span,
.container .nav .right .item a:hover span
{
	background-image: url('images/nav_selected_corner.gif');
}


.container .hotlink
{
	width: 60px;
	height: 50px;
	position: absolute;
	margin: 200px 0 0 30px;
}
.container .hotlink a
{
	width: 100%;
	height: 100%;
	display: block;
}