Bottom navi css  
<style type="text/css">
body {
     background: #000000;
     margin: 30px;
}
#menu     {
     float: left;
     padding: 0;
     margin: 0;
 
     /* Box Shadow */
     box-shadow: 0 0px 0 #000;
     -moz-box-shadow: 0 0px 0 #000;
     -webkit-box-shadow: 0 0px 0 #000;
 
     /* Rounded Corners */
     -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
     -webkit-border-top-left-radius: 0px;
     -webkit-border-bottom-left-radius: 0px;
	  -border: #000000 1px solid;
 
     /* Rounded Corners */
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
     -webkit-border-top-right-radius: 0px;
     -webkit-border-bottom-right-radius: 0px;
	 -border: #000000 1px solid;
}
#menu ul  {
	border-top: #000000 0px solid;
	border-bottom: #000000 0px solid;
	padding: 0;
	margin: 0;
	float: left;
	/* Background Gradient */
    background-image: transparent;
	background-image: transparent;
	color: #ffffff;
	position: relative;
	left: 200px;
}
#menu li  {
     float: left;
     list-style: none;
     background: none;
     margin-right: 1px;
}
#menu a { outline: none; }
#menu li a:link, #menu li a:visited {
     font-family: 'Josefin Slab',Georgia, serif;
     font-size: 10px;
     font-weight: normal;
     display: block;
     color: #262626;
     padding: 12px 28px;
     text-decoration: none;
     text-transform: capitalize;
 
     /* CSS3 Text Shadow */
     text-shadow: 0px 0px 0px #fff;
 
     /* CSS3 Background Gradient */
    background-image: transparent;
    background-image: transparent;
}
#menu li a:hover    {
	cursor: pointer;
	color: #c8c8c8;
	text-shadow: 0px 0px 0px #000;
	/* Background Gradient */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 0%, from(#fff), to(#fff));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 0%, from(#fff), to(#fff));
	background-color: #ffffff;
}
#menu li:first-child a, #menu ul {
     /* Rounded Corners */
     -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
     -webkit-border-top-left-radius: 0px;
     -webkit-border-bottom-left-radius: 0px;
}
#menu li:last-child a, #menu ul {
     /* Rounded Corners */
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
     -webkit-border-top-right-radius: 0px;
     -webkit-border-bottom-right-radius: 0px;

}
a.active:link, a.active:active, a.active:visited  {
     color: #ffffff !important;
     text-shadow: 0px -1px 1px #000!important;
    background-image: -moz-linear-gradient(top, #000, #000)!important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#000))!important;
 
     /* Box Shadow */
     box-shadow: inset 0 0 10px #000;
     -moz-box-shadow: inset 0 0 10px #000;
     -webkit-box-shadow: inset 0 0 10px #000;
}
</style>