.lavaLampWithImage {
    height: 340px;
    width: 979px;
    margin: 10px 0px;
    overflow: hidden;
	position: relative;
}
       
.lavaLampWithImage li.main, .lavaLampWithImage li.back {
    float: left;
    list-style: none;
    margin-right: 10px;
}

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

.lavaLampWithImage li.back .left {
    background: url("../images/lava.gif") no-repeat top left;
    height: 30px;
    margin-right: 9px; /* 7px is the width of the rounded shape */
}

.lavaLampWithImage li.main > a, .lavaLampWithImage li.back > a {
    font: bold 14px Arial;
    text-decoration: none;
    color: #fff;
    outline: none;
    text-align: center;
    top: 7px;
	white-space: nowrap;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;    
}

.lavaLampWithImage li.main a:hover, .lavaLampWithImage li.main a:active, .lavaLampWithImage li.main a:visited,
.lavaLampWithImage li.back a:hover, .lavaLampWithImage li.back a:active, .lavaLampWithImage li.back a:visited {
    color: #fff;
    border: none;
}

/* --------------------------------------------------------------------------------------------- */

.lavaLampWithImage li ul {
	display: block;
	clear: both;
	filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;
	visibility: hidden;
	margin: 30px 0px 0px 9px;
	padding: 0px 0px 10px 0px !important;
	position: absolute;
	list-style: none;
	background: url('../images/menu-bg.gif') repeat-x top;
}
.lavaLampWithImage li ul li
{
	background: #ffffff;
}

.lavaLampWithImage li ul li a
{
	font: bold 18px 'Trebuchet MS';
	padding-left: 10px;
	text-decoration: none;
	line-height: 40px;
	display: block;
	color: #242A36 !important;	
}

.lavaLampWithImage li ul li a:hover
{	
	color : #fff !important;
	background: #83baa6;
}


.corners { height: 11px; background: url('../images/menu-bottom-left.gif') no-repeat !important; padding-left: 12px; font-size: 2px !important; line-height: 2px !important; }
.corners .right-corner { display: block; height: 11px; background: url('../images/menu-bottom-right.gif') no-repeat right; }
.corners .right-corner .content { display: block; height: 11px; margin-right: 12px; background: #ffffff; }