/* Lavalamp Navigation courtesy of Ganesh - http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ */

        .lava {
            position: relative;
            height: 31px;
            width: 800px;
            padding: 0;
            margin: 25px auto 0 15px;
            overflow: visible;
        }
                .lava li {
                    float: left;
                    list-style: none;
                    
                }
                    .lava li.back {
                        background: url("images/nav-lava.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lava li.back .left {
                            background: url("images/nav-lava.png") no-repeat top left;
                            height: 30px;
                            margin-right: 12px; /* 7px is the width of the rounded shape */
                        }
                    .lava li a {
                        font: bold 11px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: 2px 7px 0 7px;    
                    }
                        .lava li a:hover, .lava li a:active, .lava li a:visited {
                            border: none;
                        }