Navigation Page 2 - neonbike themes

<!DOCTYPE html>

<!--

page #04 by Paige @ neonbikethemes.tumblr.com
Please DO NOT COPY ANY PARTS OF THIS CODE and claim them as your own
Do not remove the credit. thanks!

-->

<style type=text/css>

a:link {color:#838383;}      /* unvisited link */
a:visited {color:#838383;}  /* visited link */
a:hover {color:#c94d47;}  /* mouse over link */
a:active {color:#838383;}  /* selected link */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

@font-face
    {font-family: Mossy; src: url(http://static.tumblr.com/9wzbixa/Pugmj3l9d/mossy.ttf);
    }


#header{
    position:absolute;
    top:200px;
    left:40%;
    width:300px;
    height:100px;
    z-index:30;
    font-family:mossy;
}

#title{
    font-size:25px;
    background:transparent;
    text-align:center;
}

#titlebox{
    z-index:5;
    opacity:.5;
    color:#a0a0a0;
    background:white;
    border:1px solid#a0a0a0;
    border-radius:5px;
    margin-top:20px;
    margin-left:50px;
    margin-right:50px;
    padding:5px;
    height:27px;
    overflow:hidden;
    -webkit-transition: height .5s;
}

#titlebox:hover{

    height:48px;
    z-index:8;

}

#links{
    text-align:center;
    word-spacing:5px;
}

#image{
    position:absolute;
    top:200px;
    left:40%;
    width:300px;
    height:100px;
    z-index:0;
    overflow:hidden;
    border-radius:5px;
    background:transparent;
}

#box{
    position:fixed;
    left:40%;
    top:305px;
    width:300px;
    height:200px;
    background:transparent;
    color:#a0a0a0;
    font-family:mossy;
    text-align:center;
}

#boxone{
    position:absolute;
    border: 1px solid#a0a0a0;
    border-radius:5px;
    width:135px;
    height:200px;
    padding:5px;
    background:white;

}

#boxtwo{
    position:absolute;
    display:inline;
    margin-left:3px;
    border: 1px solid#a0a0a0;
    border-radius:5px;
    width:135px;
    height:200px;
    padding:5px;
    background:white;

}


</style>


<div id="header">
    <div id="titlebox">
        <div id="title">NAVIGATION </div>
        <div id="links">
        <a href="">BACK</a>
        <a href="">HOME </a>
        <a href="">LINK </a>

        </div>
    </div>

</div>

<div id="image">
    <img src="http://upload.wikimedia.org/wikipedia/commons/9/9e/Milky_Way_IR_Spitzer.jpg" alt text= "space" width="300px" >
</div>

<div id="box">
    <div id="boxone">
        <p><a href="">ABOUT</a>
        <p><a href="">MESSAGE</a>
        <p><a href="">TAGS</a>
        <p><a href="">FRIENDS</a>
        <p><a href="">FIC RECS</a>
    </div>
    <div id="boxtwo">
        <p><a href="">LINKS</a>
        <p><a href="">SHIPS</a>
        <p><a href="">ART BLOG</a>
        <p><a href="">FANDOM BLOG</a>
        <p><a href="">♥</a>
    </div>
</div>

<!-- CREDIT: DO NOT REMOVE -->
<div style="position:fixed;bottom:3px; left:7px; font-size:9px; letter-spacing:1px; border-radius:5px; font-family:calibri;border:1px solid;padding:4px;"><a href="http://neonbikethemes.tumblr.com/">P</a></center></div>

</body>