Footer Problem CSS please help

[PinoyFused]

Issue: Problem on Forum Footer

Brief Description of Issue: I want to modify my forum footer.

Images of issue;

• My problem is that I want to make my footer forum like this
  
• Here is my current footer. I've already added the arrow where I want to move the links please help.
  
  
  

Website Address: <snip>

Any additional comments?:
This is the css connected to the footer

Code:

/*button*/
.bottommenu input[type="submit"] {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #FFFFFF;
    border: 1px solid #075C93;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    position: relative;
    padding: 1px;
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

.bottommenu input[type="submit"]:hover {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #FFFFFF;
    border: 1px solid #075C93;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    padding: 1px;
    box-shadow: 0 1px 0 0 #72B9EB inset, 0 1px 2px 0 #B3B3B3 !important;
    
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

#container input[type="submit"] {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #FFFFFF;
    border: 1px solid #075C93;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    position: relative;
    padding: 1px;
    
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

#container input[type="submit"]:hover {
    background: url(images/ins/button_bg.png) repeat-x scroll left top #1B8ED0;
    color: #FFFFFF;
    border: 1px solid #075C93;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    padding: 1px;
    box-shadow: 0 1px 0 0 #72B9EB inset, 0 1px 2px 0 #B3B3B3 !important;
    font-family: Lucida Grande,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

Code:

.bottommenu {
    background: url(images/ins/bottom_menu_bg.png) top left repeat-x;
    color: #000000;
    border: 1px solid #bababa;
    padding: 120px;
    margin: 0;
    margin-top: -1px;
}

.bottommenu_main {
    width: 96%;
    margin:auto auto;
}

.bottommenu  a:link {
    background: #e4e4e4;
    color: #3c3c3c;
    padding: 2px;
    border: 1px solid #cecece;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    
    text-decoration: none;
}

.bottommenu  a:visited {
    background: #e4e4e4;
    color: #3c3c3c;
    padding: 2px;
    border: 1px solid #cecece;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    text-decoration: none;
}

.bottommenu  a:hover, .bottommenu  a:active {
    background: #018fd5;
    color: #ffffff;
    padding: 2px;
    border: 1px solid #02547c;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

And this is the HTML from the footer of my forum

Code:

<div class="bottommenu">
<div class="bottommenu_main">
                <div class="float_right"><a href="#top">{$lang->bottomlinks_returntop}</a></div>
                <div>
                    <span class="smalltext"><a href="{$mybb->settings['contactlink']}">{$lang->bottomlinks_contactus}</a> &nbsp; <a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a> &nbsp; <a href="<snip>/misc.php?page=Disclaimer">Disclaimer</a> &nbsp; <a href="#content">{$lang->bottomlinks_returncontent}</a> &nbsp; <a href="<archive_url>">{$lang->bottomlinks_litemode}</a> &nbsp; <a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></span>
                </div>
</div>
</div>
<div id="debug"><debugstuff></div>

this is my testing account
<snip>

[Pirata Nervo]

Unfortunately you're not a subscriber thus you can't ask for help.
Thread locked and links removed.