Navigation Theme #2

<html>

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

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="{Favicon}">

<!-- navigation theme pack by of danceforyous // #2 -->

<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);
    color:#ccc;
    font-family:Calibri;
    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: -51px;
    margin-left:100px;
    margin-bottom: 5px;
    border-bottom:2px #eee solid;
    padding:7px;
    width:50px;
}

.header {
   font-family:Libre Baskerville;
   color:#7a7a7a;
   text-transform:lowercase;
   letter-spacing:-1px;
   font-style:italic;
   font-weight:normal;
   font-size:12px;
   }

.links {
   font-family: cambria;
   font-size: 10px;
   letter-spacing: -1px;
   line-height: 120%;
   text-transform: lowercase;
   text-align: center;
   padding: 0px;
   letter-spacing:2px;
   -webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
   transition: all 0.8s;
}

.links a:hover {
   -webkit-transition: all 0.8s;
   -moz-transition: all 0.8s;
   transition: all 0.8s;}

</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>

<div class="links">
<div class="header">
<center><big>  HEADER  </big> </center></div>
<a href="http://">link one</a><br>
<a href="http://">link two</a><br>
<a href="http://">link three</a><br>
<a href="http://">link four</a><br>
<a href="http://">link five</a><br><br>

<div class="header">
<center> <big> HEADER </big> </center></div>
<a href="http://">link</a><br>
<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> HEADER </big> </center></div>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
<a href="http://">link</a><br>
</center></div>
</div></div>

</body>
</html>