body { 
	text-align: center;
	background-image: url(../images/index_background.png);
	background-repeat: repeat-x;
}

.topleft {
	width: 166px;
	height: 235px;
	background-image: url(../images/index_topleft.png);
	background-repeat: no-repeat;
	top: 11px;
	left: 0px;
	position: absolute;
}

.topright {
	width: 155px;
	height: 205px;
	background-image: url(../images/index_topright.png);
	background-repeat: no-repeat;
	top: 0px;
	right: 0px;
	position: absolute;
}

.container { 
	width: 860px; 
	margin: auto; 
	text-align: left; 
}

.logo {
	display: block;
	width: 410px;
	height: 174px;
	margin: auto;
	background-image: url(../images/index_logo.png); 
	background-repeat: no-repeat; 
	margin-top: 60px;
}

.content {
	margin: 60px 0px;
	height: 200px;
	position: relative;
}

.leftbox {
	display: block;
	top: 10px;
	left: 190px;
	position: absolute;
	width: 140px; 
	height: 169px; 
	background: url(../images/index_left.png) 0 0 no-repeat; 
}

	.leftbox:hover { background-position: -140px 0; }
	.leftbox:active { margin-top: 2px; }

.rightbox {
	display: block;
	top: 10px;
	right: 190px;
	position: absolute;
	width: 139px; 
	height: 169px; 
	background: url(../images/index_right.png) 0 0 no-repeat; 
}

	.rightbox:hover { background-position: -139px 0; }
	.rightbox:active { margin-top: 2px; }

.footer {
	height: 30px;
	text-align: center;
}