/* LavaLamp Specific CSS: */
#lavaLampBasicImage {
	position: relative;
	width: 405px;
	height: 30px;
	/*background: url("images/bg.gif") no-repeat top;*/	
	margin: 10px 0;
	padding: 0;	
	overflow: hidden;	
	float: left;
}
#lavaLampBasicImage li {
	float: left;
	list-style: none;
	height: 30px;
	padding: 0;
	margin: 0;
}
#lavaLampBasicImage li.backLava {
	background: url('lava.png') no-repeat right -30px;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
	
}
#lavaLampBasicImage li.backLava .leftLava {
	background: url('lava.png') no-repeat top left;
	height: 30px;	
	margin-right: 9px; /* 7px is the width of the rounded shape */	
}
#lavaLampBasicImage li a {
	font: bold 14px arial;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 0px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;	
	line-height: 30px;
	padding: 0;
	position: relative;
	overflow: hidden;
	margin: auto 4px;   
}
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited {
color: #fff;
border: none;
}