#outer {
	padding: 2px 0 6;
	background: url(bottom.jpg) repeat-x bottom;
	margin-left: 21.4em !important;
}

#point {display:table; padding:0; margin auto; list-style:none; white-space:nowrap;}
#point li {display:table-cell; margin:0; padding:0;}
#point li a {
	float: left;
	font-family: arial;
	font-size: 10px;
	height: 2.8em;
	line-height: 2.8em;
	letter-spacing: 1px;
	padding: 0 1em;
	text-decoration: none;
	color: #fff;
	background: transparent url(grad.jpg) repeat-x bottom left;
	border-left: 1px solid #FCFCFC;
}

#point li a:hover, #point li a.current {
background:#8fbf52 url(down_arrow.gif) no-repeat center top; color:#fff;}

#point li a:hover b, #point li a.current b {
display:block; float:left; background:#8fbf52 url(up_arrow.gif) no-repeat center bottom; cursor:pointer}


<!--[if IE]>
<style type="text/css">
#point {display:inline-block;}
#point {display:inline;}
#point li {float:left;}
#outer {text-align:center;}
</style>
<![endif]-->