Untitled

<style>
body {
    background-image:url('http://i.imgur.com/5v4o81z.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    color: #ffffff;
    font-family:"Helvetica", Arial, serif;
    font-size:13px;

}

h1 {
    font-size:40px;
}

div.ex
{

background-color:rgba(0,0,0,0.7);
width:430px;
height:550px;
padding:10px;
margin-top:50px;
margin-left:50px;

}

div.navbar
{
    margin-top:10px;
    margin-left:50px;
    width:430px;
    height:30px;
    padding-left:10px;
    padding-top:10px;
    background-color:rgba(0,0,0,0.7);
}

div.connect
{
    margin-top:10px;
    margin-left:50px;
    width:430px;
    height:30px;
    padding-left:10px;
    padding-top:10px;
    background-color:rgba(0,0,0,0.7);
}

div.slideshow
{
    margin-top:10px;
    margin-left:50px;
    width:500px;
    height:500px;
    padding-left:0px;
    padding-top:0px;
    background-color:rgba(0,0,0,0.7);
}


a:-webkit-any-link {
color: #FFFFFF;
text-decoration: none;
cursor: auto;

}

a:hover {
    color: #f1d573;
}


</style>

<body>

    <div class="ex">
        <center><img style="display: inline;" src="http://i.imgur.com/wCP3WP3.png" alt=""></center>
<h1>Hey, what's up?</h1>
</div>

        <div class="navbar">
            <b>NAVIGATION:</b> <a href="http://joshpho.weebly.com/zukan.html">Zukan</a> | <a href="http://joshpho.weebly.com/movies.html">Movies</a> | <a href="http://joshpho.weebly.com/retsuden.html">Retsuden</a>  | <a href="http://joshpho.weebly.com/misc.html">Photography</a> |
            </div>


        <div class="connect">
            <b>CONNECT:</b> <a href="http://joshpho.livejournal.com/profile">Livejournal</a>
            </div>

        <div class="slideshow">
            Bottom div that I want in a row with the top one...
            </div>

</body>