How can I group these closer together?
<p>I just finished my logo for my site and now the users avatar, username and all of the tabs are too far down, how can I make it so the text is closer to the logo: <a href="http://serverlauncherplus.co.uk/Skins4Accounts/index.php" rel="nofollow">http://serverlauncherplus.co.uk/Skins4Accounts/index.php</a></p>

<p>Code:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;link href="images/favicon.ico" rel="icon" type="image/x-icon" /&gt;
    &lt;style&gt;
        body, html {height:100%;}
        wholePage.wrap {height:100%; overflow:hidden;}
        body {overflow: hidden; }
        .ellipsis {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .Logoimg {
            max-width: 100%;
            height: auto;
        }
        .column {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
        }
        ::selection {
            background: #474746; /* WebKit/Blink Browsers */
        }
        ::-moz-selection {
            background: #474746; /* Gecko Browsers */
        }
        .tradeURL {
-moz-box-shadow:inset -4px 13px 17px -15px #e67a73;
-webkit-box-shadow:inset -4px 13px 17px -15px #e67a73;
box-shadow:inset -4px 13px 17px -15px #e67a73;
background-color:#e4685d;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:2px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:12px 31px;
text-decoration:none;
text-shadow:-1px 3px 27px #b23e35;
}
.tradeURL:hover {
    background-color:#eb675e;
}
.tradeURL:active {
    position:relative;
    top:1px;
}
    &lt;/style&gt;
    &lt;script&gt;
        window.addEventListener("keydown", function(e) {
            // space, page up, page down and arrow keys:
            if([32, 33, 34, 37, 38, 39, 40].indexOf(e.keyCode) &gt; -1) {
                e.preventDefault();
            }
        }, false);
    &lt;/script&gt;
    &lt;title&gt;AccountFury | Deposit Skins For Accounts!&lt;/title&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
    &lt;!--[if lte IE 8]&gt;&lt;script src="assets/js/ie/html5shiv.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
    &lt;link rel="stylesheet" href="assets/css/main.css" /&gt;
    &lt;!--[if lte IE 8]&gt;&lt;link rel="stylesheet" href="assets/css/ie8.css" /&gt;&lt;![endif]--&gt;
    &lt;!--[if lte IE 9]&gt;&lt;link rel="stylesheet" href="assets/css/ie9.css" /&gt;&lt;![endif]--&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id="wholePage"&gt;
    &lt;!-- Header --&gt;
        &lt;div id="header"&gt;

            &lt;div class="top"&gt;

                &lt;h1 align="center"&gt;&lt;img class="Logoimg" src="http://serverlauncherplus.co.uk/Skins4Accounts/Logo.png"/&gt;&lt;/h1&gt;

                &lt;!-- Logo --&gt;
                    &lt;div id="logo"&gt;
                        &lt;span class="image avatar48"&gt;&lt;img src="&lt;?php echo $avatar; ?&gt;" alt="" /&gt;&lt;/span&gt;
                        &lt;h1 style="margin-left: 60px" class="ellipsis" id="title"&gt;&lt;?php echo $username; ?&gt;&lt;/h1&gt;
                        &lt;p&gt;Account ID: &lt;?php echo $accid; ?&gt;&lt;/p&gt;
                    &lt;/div&gt;

                &lt;!-- Nav --&gt;
                    &lt;nav id="nav"&gt;

                        &lt;ul&gt;
                            &lt;li&gt;&lt;a href="#Dashboard" id="dashboard-link" class="skel-layers-ignoreHref"&gt;&lt;span class="icon fa-home"&gt;Dashboard&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#Deposit" id="Deposit-link" class="skel-layers-ignoreHref"&gt;&lt;span class="icon fa-th"&gt;Deposit&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#orderAccounts" id="order-link" class="skel-layers-ignoreHref"&gt;&lt;span class="icon fa-shopping-cart"&gt;Order Accounts&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#Settings" id="order-link" class="skel-layers-ignoreHref"&gt;&lt;span class="icon fa-cogs"&gt;Settings&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#Support" id="support-link" class="skel-layers-ignoreHref"&gt;&lt;span class="icon fa-question-circle"&gt;Support&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/nav&gt;

            &lt;/div&gt;
</code></pre>