pre {
	border:dashed 2px #CCCCCC;
	color:#FFF;
	background-color:#888;
	padding:5px;
	overflow:auto;
}


/* Demo 1 - Spaceship returnHome Demo */
#lavaLampBasicImage {
position: relative;
background-color:#FF9900;
padding: 0px;
padding-right:5px;
margin: 0px 0;
overflow: hidden;
height:30px;
}
#lavaLampBasicImage li {
float: left;
list-style: none;
}
#lavaLampBasicImage li.backLava {
background: url("../images/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
#lavaLampBasicImage li.backLava .leftLava {
background: url("../images/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
text-align:center;
}
#lavaLampBasicImage 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;
overflow: hidden;
margin: auto 8px;    
text-align:center;
}
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited {
color: #fff;
border: none;
text-align:center;
}


/* menu */
#menu {
font: 13px tahoma;
position:relative;
width:700px;
padding: 10px;
margin: 10px 0;
overflow: hidden;
}
#menu li {
float: left;
list-style: none;
}
#menu li.backLava {
background-color:#CDE2FF;
width: 9px;
position: absolute;
}
#menu li a {
text-decoration: none;
color: #000;
text-align: center;
padding: 2px 5px;
z-index: 10;
display: block;
position: relative;
margin: auto 5px;
}