Superfish - Menu Spacing

Superfish - Menu Spacing

Hi all, i'm new to JQuery and i'm trying to properly style my superfish menu that i have on a wordpress site i'm building. For those of you who don't know what superfish is, its an improvement over the older suckerfish. Heres a link
http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started

Anyway, i want to add spacing in between my individual menu elements/buttons to spread them out across the empty space on my navbar.

Here is the site in question http://www.sweetalmondevents.com

and here is my css to style the menu

  1. .menu-horizontal
    {
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        margin:10px 0;
    }

    .sf-menu A
    {
        /*border-bottom:1px solid #ccc;*/
        font-size:0.85em;
    }



    /*** ESSENTIAL STYLES ***/
    .sf-menu, .sf-menu * {
        margin:            0;
        padding:        0;
        list-style:        none;
    }
    .sf-menu {
        line-height:    1.0;
    }
    .sf-menu ul {
        position:        absolute;
        top:            -999em;
        width:            140px; /* left offset of submenus need to match (see below) */
    }
    .sf-menu ul li {
        width:            100%;
    }
    .sf-menu li:hover {
        visibility:        inherit; /* fixes IE7 'sticky bug' */
    }
    .sf-menu li {
        float:            left;
        position:        relative;
    }
    .sf-menu a {
        display:        block;
        position:        relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left:            0;
        top:            3em; /* match top ul list item height */
        z-index:        9999;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
        top:            -999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
        left:            140px; /* match ul width */
        top:            0;
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
        top:            -999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
        left:            140px; /* match ul width */
        top:            0;
    }

    .sf-menu {
        float:            left;
        /*margin-bottom:    1em;*/
    }
    .sf-menu a {
        padding:         1.2em 2em 1.2em 2em;
        text-decoration:none;
    }
    .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
        color:            #666;
    }
    .sf-menu li {
        background:        transparent;
    }
    .sf-menu li li {
        background:        #eee;
    }
    .sf-menu li li li {
        background:        #eee;
    }
    .sf-menu li:hover, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background:        #fbfbfb;
        outline:        0;
        -webkit-box-shadow: 0px 0px 2px #eee;
        -moz-box-shadow: 0px 0px 2px #eee;
    }
    .sf-menu .sf-sub-indicator
    {
        display:none;
    }
    .sf-menu A:active
    {
        background:#eee;
    }