.lavaLamp{
position:   relative;
float:      right;
height:     29px; 
width:      421px;
background: url('./lamp/lamp_nav.png') no-repeat top left;			
padding:    15px;			            
overflow:   hidden;  
margin-top: 20px}
			
.lavaLamp li{
float:      left;
list-style: none}

.lavaLamp li.back{	
background: url('./lamp/lava.gif') no-repeat right -30px;
width:      9px; 
height:     30px;
z-index:    8;
position:   absolute}

.lavaLamp li.back .left{
background:   url('./lamp/lava.gif') no-repeat 0 0;
height:       30px;
margin-right: 9px} /* 7px is the width of the rounded shape */
                     
.lavaLamp li a{
position:        relative;
float:           left;	
font:            bold 15px arial;
text-decoration: none;
color:           #fff;
outline:         none;
text-align:      center;
top:             7px;
text-transform:  uppercase;
letter-spacing:  1px;
z-index:         10;
display:         block;
height:          30px;
overflow:        hidden;
margin:          auto 10px}
 
.lavaLamp li a:hover, .lavaLampW li a:active, .lavaLamp li a:visited{border: none} 
