a:active {
	outline: none;
	}

a:focus {
	-moz-outline-style: none;
	}
	
html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: black;
	text-align: center;
}

#box {
	text-align: left;
	margin: 15px auto;
	width: 915px;
	height: 600px;
	padding: 58px 0 0 0;
	background: url('image/intro_bg.gif') no-repeat left top;
}

#box h1 {
	margin: 0 331px 0 335px;
	padding: 0;
	width: 249px;
	text-indent: -9000px;
	font-size: 20px;
	height: 71px;
	background: url('image/intro_logo.gif') no-repeat left top;
}

#box ul {
	margin: 0 82px 9px 86px;
	padding: 0;
	width: 747px;
	height: 462px;
	list-style: none;
}

#box ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 249px;
	height: 462px;
}

#box ul li a {
	display: block;
	height: 462px;
	width: 249px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9000px;
}

#box li.cbd a {
	background-image: url('image/intro_cbd.jpg');
}

#box li.cbd a:hover {
	background-image: url('image/intro_cbd_over.jpg');
}

#box li.cem a {
	background-image: url('image/intro_cem.jpg');
}

#box li.cem a:hover {
	background-image: url('image/intro_cem_over.jpg');
}

#box li.cpp a {
	background-image: url('image/intro_cpp.jpg');
}

#box li.cpp a:hover {
	background-image: url('image/intro_cpp_over.jpg');
}

#created-by {
	margin: 0 auto;
	width: 915px;
	padding: 0 0 10px 0;
	font-size: 8pt;
	color: #9a9a9a;
	text-align: right;
	background: white;
}

#created-by a {
	text-decoration: none;
	color: #9a9a9a;
}

#created-by a:hover {
	color: black;
}

/*
.container {
	margin: 0;
	padding: 0;
	float: left;
	width: 915px;
}

h2 {
	float: left;
	margin: 30px 52px 0 52px;
	width: 811px;
	height: 15px;
	display: inline;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 4px;
}

h2 span {
	display: block;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-position: 15px 0;
	margin: 0;
	padding: 0;
	height: 15px;
}

div.trn h2 {
	background-image: url('image/heading_arrow_trn.gif');
}

div.cbd h2 {
	background-image: url('image/heading_arrow_cbd.gif');
}

div.cem h2 {
	background-image: url('image/heading_arrow_cem.gif');
}

div.cpp h2 {
	background-image: url('image/heading_arrow_cpp.gif');
}

.content {
	float: left;
	margin: 15px 65px;
	display: inline;
	width: 782px;
	height: 276px;
	overflow: auto;
	font-size: 11px;
	line-height: 14px;
	word-spacing: 3px;
	letter-spacing: 1px;
	text-align: left;
	color: #616265;
}
*/