* {margin:0;padding:0;}
body {
	font-family:"lucida sans", arial, sans-serif;
	font-size:10px;
	line-height:1em;
	padding:50px;
}
ol {
	list-style:none;
	position:relative;
	background:#444;
	padding:20px 10px 0px;
	height:59px;
	float:left;
	width:770px;
}
li {float:left;}
li span {
	text-align:center;
	display:block;
	position:relative;
	width:20px;
	height:15px;
	padding-top:45px;
	border:1px solid #999;
	color:#000;
	background:#fff;
	cursor:pointer;
	float:left;
	overflow:hidden;
}
li.black span {
	position:absolute;
	z-index:2;
	color:#fff;
	background:#000;
	width:10px;
	height:35px;
	padding-top:5px;
	margin-left:-6px;
	border-bottom:2px solid #999;
	margin-top:-1px;
	font-style:italic;
}
li:hover span{
	height:14px;
	border-bottom:1px solid #999;
	background:#f9f9f9;
}
li:active span{
	height:12px;
	border-bottom:1px solid #999;
	background:#f3f3f3;
}
li.black:hover span{
	height:34px;
	border-bottom:1px solid #999;
	background:#030303;
}
li.black:active span{
	height:32px;
	border-bottom:1px solid #999;
	background:#090909;
}
p {padding-top:40px;clear:both;font-size:12px;}