ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
_visibility: hidden; /*IE6 rule*/
}

/* ######### Gel Menu CSS ######### */

ul.gelbuttonmenu{
	position:relative;
	z-index:50;
	width:830px;
	float:right;

}

ul.gelbuttonmenu li{
	display: inline;
	list-style:none;
	float:left;	
	width:115px;
	margin-right:4px;
	text-align:center;
}

ul.gelbuttonmenu li a{

	float:left;	
	text-transform:uppercase;
	font-family:"arial_narrowregular";
	font-size:14px;
	line-height:42px;
	color:#ffffff;	
	width:100%;
}

ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
	position:absolute;
	width:0;
	background:url(../images/lens-hover.png) center center no-repeat;
}