/*.lavaLamp {
position: relative;
height: 30px;
background-color: none;
margin: 0px;
overflow: hidden;
padding-right:20px;
padding-left:20px;
}

.lavaLamp li {
float: left;
list-style: none;
}

.lavaLamp li.back {
background-color: #388cbf;
width: 1px;
height: 28px;
z-index: 8;
position: absolute;
border: 1px solid #388cbf;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin:0px;
padding:0px;
}

.lavaLamp li a {
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
z-index: 10;
display: block;
float: left;
height: 30px;
line-height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}

.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
border: none;
}*/


------

a {
text-decoration:none;
color:#fff;
}

#lava {
 position:relative;
 margin-top:80px;
 height:30px;
 width:480px;
 float:right;
 margin-right:20px;
}

#lava ul {
/* remove the list style and spaces*/
margin:0;
padding:0;
list-style:none;
display:inline;
/* position absolute so that z-index can be defined */
position:relative;
/* center the menu, depend on the width of you menu*/
left:0px;
top:0;
/* should be higher than #box */
z-index:2;
color:#fff;
float:right;
}

#lava ul li {
/* give some spaces between the list items */
margin:0 15px;
/* display the list item in single row */
float:left;
color:#fff;
height:28px;
}

#lava ul li a{
color:#fff;
text-decoration:none;
 font-weight:bold;
 line-height:28px;
}

#lava #box {
/* position absolute so that z-index can be defined and able to move this item using javascript */
position:absolute; 
left:0;
top:0;
/* should be lower than the list menu */
z-index:1;
/* image of the right rounded corner */
background:#388cbf;
border: 1px solid #388cbf;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height:28px;
/* add padding 8px so that the tail would appear */
padding-right:8px;
/* self-adjust negative margin to make sure the box display in the center of the item */
margin-left:-10px;
}

#lava #box .head {
/* image of the left rounded corner */
height:28px;
background:#388cbf;
/* self-adjust left padding to make sure the box display in the center of the item */
padding-left:10px;
}