.lava {position: relative; padding: 15px; margin: 0px 0;}
.lava li {float: left; list-style: none;}
.lava li.back {background: url("../img/lava.png") no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute;}
.lava li.back .left {background: url("../img/lava.png") no-repeat top left; height: 30px; margin-right: 9px; /* 7px is the width of the rounded shape */}
.lava li a {font: bold 14px 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; margin: auto 10px; text-shadow:2px 2px 2px #000;}
.lava li a:hover, .lava li a:active, .lava li a:visited {border: none;}