IPHONE NAVIGATION

<!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>

<!--THEME BY ROSEWOODTHEMES
    DO NOT REMOVE CREDIT
    DO NOT EDIT AND REPOST
    DO NOT CLAIM AS YOUR OWN-->

<style type="text/css">
body {
background-image:url('http://static.tumblr.com/fvhuef1/zb7mt4ufj/stressed_linen.png');
font-family:calibri;
margin: 0 auto;
width:800px;
}

#container {
width:100%;
margin: 55px 275px auto;
}

.date {
position:fixed;
background-color:#000;
margin-top:80px;
margin-left:22px;
padding:2px;
width:222px;
text-align:center;
z-index:9999;
opacity:.5;
}

#phonescreen {
position:fixed;
opacity:0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#phonescreen:hover {
opacity:100;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.black {
position:fixed;
margin-left:10px;
margin-top:80px;
background-color:#000;
width:250px;
height:405px;
z-index:-99;
}

#iphone img{
max-width:275px;
position:fixed;
margin:auto;
}

#iphonebg {
background-color:#000;
height:403px;
width:225px;
position:fixed;
margin-left:23px;
margin-top:81px;
border-radius:2px;
}

#iphonebg img {
 width:225px;
}

#navigation {
position:fixed;
margin-top:15px;
}

#row1 {
margin:auto;
margin-top:100px;
margin-left:14px;
width:200px;
height:403px;
padding:15px;
position:fixed;
z-index:999999;
}

#row1 img {
margin:auto;
max-width:45px;
}

#row2 {
margin:auto;
margin-top:170px;
margin-left:14px;
width:200px;
height:403px;
padding:15px;
position:fixed;
z-index:999999;
}

#row2 img {
margin:auto;
max-width:45px;
}

#row3 {
margin:auto;
margin-top:240px;
margin-left:14px;
width:200px;
height:403px;
padding:15px;
position:fixed;
z-index:999999;
}

#row3 img {
margin:auto;
max-width:45px;
}

.credit a {
color:#fefefe;
text-decoration:none;
}

</style>

</head>

<body>
<div id="container">
<a href="/"><div style="position:fixed; margin-top:509px; margin-left:121px; z-index:9999999; background-color:transparent; width:30px; height:30px; border-radius:10px;"></div></a>
<div id="iphone">
<img src="http://static.tumblr.com/fvhuef1/nh6mqoavv/iphone5-white.png"></a>
<div class="black"></div>
<div id="phonescreen">

<!--CLOCK-->

<div class="date">
<iframe src="http://free.timeanddate.com/clock/i3t1fxs0/n179/fceee/tct/pct/ts1" frameborder="0" width="62" height="18" allowTransparency="true"></iframe>
</div>

<!--PHONE BACKGROUND-->

<div id="iphonebg">
<img src="http://static.tumblr.com/fvhuef1/ExQmt4gc2/ianiphone.png">
</div>

<!--ICONS AND LINKS-->

<div id="navigation">
<div id="row1">
<a href="URLGOESHERE" title="hello"><img src="http://media.tumblr.com/3a737a23fdff2981bcfc816285c1e4d5/tumblr_inline_mqpnimeLXW1qz4rgp.png"></a>

<a href="URLGOESHERE"><img style="margin-left:55px;"src="http://media.tumblr.com/4ca8ad5d3b174c09b3952d52c5d9f718/tumblr_inline_mqocd3J9Sc1qz4rgp.png"></a>

<a href="URLGOESHERE"><img style="margin-left:109px;"src="http://media.tumblr.com/5da595b5c5ef3d69d8da5f45ea589e03/tumblr_inline_mqocdfBTno1qz4rgp.png"></a>

<a href="URLGOESHERE"><img style="margin-left:162px;"src="http://static.tumblr.com/fvhuef1/7vVmt4f3k/safariicon.png"></a>
</div>

<div id="row2">

<a href="URLGOESHERE" title="TITLEGOESHERE"><img src="http://static.tumblr.com/fvhuef1/w3Qmt4fsl/youtubeicon.png"></a>

<a href="URLGOESHERE"><img style="margin-left:55px;"src="http://static.tumblr.com/fvhuef1/P56mt4fa9/weathericon.png"></a>

<a href="URLGOESHERE"><img style="margin-left:109px;"src="http://media.tumblr.com/caf9b5137bea62bef568648e0b87fe73/tumblr_inline_mqoc03izgV1qz4rgp.png"></a>

<a href="URLGOESHERE"><img style="margin-left:162px;"src="http://media.tumblr.com/85e12c9b21c620529bbfaea861a3916f/tumblr_inline_mqpob3T6p51qz4rgp.png"></a>
</div>

<div id="row3">

<a href="URLGOESHERE"><img src="http://static.tumblr.com/fvhuef1/cdtmt4fvh/phoneicon.png"></a>

<a href="URLGOESHERE"><img style="margin-left:55px;"src="http://static.tumblr.com/fvhuef1/9Yomt4fzf/inboxicon.png"></a>

<a href="URLGOESHERE"><img style="margin-left:109px;"src="http://static.tumblr.com/fvhuef1/IUPmt4g2w/storeicon.png"></a>

<a href="URLGOESHERE"><img style="margin-left:162px;"src="http://static.tumblr.com/fvhuef1/xvOmt4fq8/ipodicon.png"></a>
</div>
</div>
</div>
<div class="credit" style="position:fixed; bottom:3px; right:3px; color:#fefefe; font-size:11px;"><a href="http://rosewoodthemes.tumblr.com">&copy;</a></div>
</body>
</html>