/* LavaLamp Specific CSS: */
#main_nav {
position: absolute;
left: 416px;
top: 50px;
width: 415px;
overflow: hidden;
height:36px;
}
#main_nav li {
float: left;
list-style: none;
}
#main_nav li.backLava {
background: url("lava.png") no-repeat right -36px;
width: 21px; height: 36px;
z-index: 8;
position: absolute;

}
#main_nav li.backLava .leftLava {
background: url("lava.png") no-repeat top left;
height: 36px;
margin-right: 21px; /* 7px is the width of the rounded shape */
}
#main_nav li a:link, #main_nav li a:visited {
font: 12px arial;
text-decoration: none;
color: #888888;
outline: none;
text-align: center;
top: 12px;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 36px;
position: relative;
overflow: hidden;
margin: auto 15px;
padding: 0 15px;
}

#main_nav li a#current-item {
color: #ffffff;
border: none;
}