<style>
text-align:left;
text-decoration:none;
font-family:tahoma;
font-size:11px;
border-bottom:1px solid #dee4e4;}
a.navi:link, a.navi:visited, a.navi:active {
background: #B8C8CC;
color: #9E926D;
display: block;
padding: 2px 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase; letter-spacing: 1px;
margin: 1px;
}
a.navi:hover {
background:#818F9D;
color: #ECE3BF;
}
a.nav2, a.nav2:link, a.nav2:active, a.nav2:visited {
width:60px;
height:60px;
display: inline-block;
color: #838E91;
font-size:16px;
margin: 2px;
line-height:60px;
text-align:center;
background: #ECE3BF;
font-family:georgia;
text-transform:lowercase;
font-style: italic;
text-decoration:none;
font-weight:none;
letter-spacing:-1px;
-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
border-radius:45px;
-moz-border-radius:45px;
-webkit-border-radius:45px;
-khtml-border-radius:45px;
}
a.nav2:hover {
-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
color: #998D66;
background:#B8C8CC;
border: 1px dashed #838E91;
}
</style>
</head>
<div style="position:absolute; x-index:0; left: 80px; width:700px; top:360px;">
<table id="navi" align="center" width=><tr>
<td><a href="http://link.com" class="nav2">HOME</a></td>
<td><a href="http://link.com" class="nav2">ME</a></td>
<td><a href="http://link.com" class="nav2">YOU</a></td>
<td><a href="http://link.com" class="nav2">fb</a></td>
<td><a href="http://link.com" class="nav2">twt</a></td>
<td><a href="http://link.com" class="nav2">WWW</a></td>
</tr></table></div></div><br></body>