#main-navigation {
	height:106px;
	background:url(../images/navs/nav-gradient2.png) 0 0 repeat-x;
	width:755px;
	float:left;
}

#main-navigation ul {
	background:#000; /*IE6 needs this*/
}
#main-navigation li {
	background:#ffffff;
	background:url(../images/navs/gradient2.png) 0 0 repeat-x;
	float:left;
	list-style:none;
	position:relative;
	z-index:999;
	height:44px; /* doesn't set where rollover is detected*/
}
#main-navigation a {
	display:block;
	float:left;
	text-decoration:none;
	height:44px;
}
#main-navigation li ul {
	float:none;
	top:-999em;
	position:absolute;
}

#main-navigation li:hover,
#main-navigation li.sfHover,
#main-navigation a:focus, #main-navigation a:hover, #main-navigation a:active 
{
	background:url(../images/navs/gradient_ov.png) 0 0 repeat-x;
	
}
#main-navigation li:hover ul, /* pure CSS hover is removed below */
ul#main-navigation li.sfHover ul {
	left:0px;
	top:64px;    /* sets where the dropdown appears */
	width:200px;
}

#main-navigation li:hover ul li, /* pure CSS hover is removed below */
ul#main-navigation li.sfHover ul li {
	width:200px;
}

#main-navigation li:hover li ul,
#main-navigation li.sfHover li ul {
	top:-999em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}
/*#main-navigation li li {
	background:#AABDE6;
	float:left;
}
#main-navigation li li li {
	background:#9AAEDB;
}
#main-navigation li li a {
	float:none;
	padding-right:0;
}*/