<style>
#header-top {
margin-top: 6px;
}
#navigation {
left: 0px;
position: absolute;
background-color: #e5e7d2;
opacity: 0.5;
width: 100%;
margin-top: 8px;
text-align: center;
height: 40px;
}
.nav-button1 {
display:inline-block;
width: 100px;
padding: 5px;
font-size: 13px;
font-family: dosis;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 4px solid #D9B291;
text-decoration: none;
margin-top: 12px;
margin-right: 2px;

}

.nav-button2 {
display:inline-block;
width: 100px;
padding: 5px;
font-size: 13px;
font-family: dosis;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 4px solid #E8828E;
text-decoration: none;
margin-top: 12px;
margin-right: 2px;
-webkit-transition: 1s;
}
.nav-button2:hover {
-webkit-transition: 1s;
border-bottom:8px solid #E8828E;
border-radius: 5px;
}
</style>
<center>
<div style="width:100%;  left: 0px;top: 0px;border-bottom: 6px solid #fffbe3;box-shadow: 0px 0px 2px #bbb;height: 170px;position: absolute;background:url(http://37.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png);">
<center>
<div id="header-top"><img src="http://static.tumblr.com/8b2561300314eb695d5d2538d960dee2/2vxikgw/EIxn8719i/tumblr_static_dimcyszy5vs4wg40ssko04k08.png"/>
</center>
<div id="navigation">
<a class="nav-button1" href="">refresh</a>
<a class="nav-button2" href="">aboutme</a>
<a class="nav-button1" href="">tutorials</a>
<a class="nav-button2" href="">blogskins</a>
<a class="nav-button1" href="">affiliates</a>
<a class="nav-button2" href="">tempahan</a>
</div>
</div>
</center>