Navigation Theme #4

<html>
<head>
<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

<!-- navigation theme pack by danceforyous // #4 -->

<style type="text/css">

@font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}

body {
     background-image: url(http://static.tumblr.com/kdyiqtu/JcUmkiwut/tumblr_m33qwzyv7f1r6uwfxo2_250.png);
    margin:0px;
    color:#ccc;
    font-family:Calibri;
    font-style:;
    font-size:10px;
    padding:5px;
    line-height:100%;
}

.box {
  width: 500px;
  height: 390px;
  margin: 50px auto auto auto;
  background-color:white;
  padding:10px;
}

#title {
  margin-top:20px;
  font-family:bebas neue;
  font-size:30px;
  text-align: center;
  color:#bcd8a4;
  line-height:200%;
  letter-spacing:7px;
  text-transform:uppercase;}

a:link, a:active, a:visited {
text-decoration: none;
color: #5c5e5d;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

a:hover {
color:#FFFFFF;
text-decoration: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

.navilinks {
    color: #dcdcdc;
    font-family: Bebas Neue;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    margin-top: -10px;
    margin-left:180px;
    margin-bottom: 5px;
    border-bottom:2px #eee solid;
    padding:7px;
    width:120px;
}

.header {
   font-family:Bebas Neue;
   color:#ccc;
   text-transform:uppercase;
   }

.links {
   font-family: calibri;
   font-size: 11px;
   letter-spacing: -1px;
   line-height: 120%;
   text-transform: lowercase;
   text-align: center;
   padding: 0px;
   color: #76596f;
   letter-spacing:2px;
}

.links a:hover {
   background-color:black;
   padding:5px;}

</style>

</head>

<body>

<div class="box">
<div id="title">NAVIGATION</div>

<div class="navilinks">
    <a href="/">back</a> •
    <a href="/ask">ask</a> •
    <a href="http://danceforyous.tumblr.com">credit</a>
    </div>
<br><br>
<div class="links">
<div class="header">
<center><big> <b>  - HEADER - </b> </big> </center>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a><br><br>

<div class="header">
<center> <big> <b> - HEADER - </b> </big> </center>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a><br><br>

<div class="header">
<center> <big> <b> - HEADER - </b> </big> </center>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a>
</center></div>
</div></div>

</body>
</html>