.mainNav {
            position: relative;
            padding: 15px;
            margin: 0;
            overflow: hidden;
        }
                .mainNav li {
                    float: left;
                    list-style: none;
                }
                    .mainNav li.back {
                        background: url(../images/layout/link-hover.png) no-repeat right -41px;
                        width: 18px; height: 41px;
                        z-index: 8;
                        position: absolute;
                    }
                        .mainNav li.back .left {
                            background: url(../images/layout/link-hover.png) no-repeat top left;
                            height: 41px;
                            margin-right:18px; /* 7px is the width of the rounded shape */
                        }
                    .mainNav li a {
                        font:1.1em, helvetica, arial, sans-serif;
                        text-decoration: none;
                        outline: none;
						color:#525252;
						font-weight:bold;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 41px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .mainNav li a:hover, .mainNav li a:active, .mainNav li a:visited {
                            border: none;
                        }