/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 font: 11px arial;
 font-weight: normal;
 margin: 0;
 padding: 0;
 list-style: none;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 background: transparent;
 color: inherit;
 border: 0px solid #fff;
 margin-right: 0px;
}

/* LINKS INSIDE THE TOP MENU (OFF STATE) */
.menulist a {
 display: block;
 padding: 0px 0px 0px 0px;
 color: inherit;
 text-decoration:  none;
}

/* LINKS INSIDE THE TOP MENU (OVER STATE) */
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: inherit;
 background-color: transparent;
}

/* LINKS INSIDE THE TOP MENU (LEAVE STATE?) */
.menulist  a.highlighted {
 color: inherit;
 background-color: transparent;
}

/* END HORIZONTAL FREESTYLE MENU LAYOUT */

/****************TOP MENU IMAGES ROLLOVER CODE.**************/

#navbar_top {
	float:left;
	margin:0px;
	padding:0px;
	width: 980px; 
	height: 36px; 
	background-image:url(../images/navbar_top.gif);
	list-style: none;
}

/*SOLUTIONS*/
.menulist a.solutions {
	width: 140px;
	height: 36px;
	background: url("../images/navbar_top.gif");
	background-position: 0px 0px;
}
.menulist a.solutions:hover {
	background-position: 0px -36px;
}

/*PRODUCTS*/
.menulist a.products {
	width: 140px;
	height: 36px;
	background: url("../images/navbar_top.gif");
	background-position: -140px 0px;
}

.menulist a.products:hover {
	background-position: -140px -36px;
}

/*SERVICES*/
.menulist a.services {
	width: 140px;
	height: 36px;
	background: url("../images/navbar_top.gif");
	background-position: -280px 0px;
}

.menulist a.services:hover {
	background-position: -280px -36px;
}

/*SUPPORT*/
.menulist a.support {
	width: 140px;
	height: 36px;
	background: url("../images/navbar_top.gif");
	background-position: -420px 0px;
}

.menulist a.support:hover {
	background-position: -420px -36px;
}

/*PARTNERS*/
.menulist a.partners {
	width: 140px;
	height: 36px;
	background: url("../images/navbar_top.gif");
	background-position: -560px 0px;
}

.menulist a.partners:hover {
	background-position: -560px -36px;
}

/*CUSTOMERS*/
.menulist a.customers {
	width: 140px;
	height: 36px;
	background: url("../images/navbar_top.gif");
	background-position: -700px 0px;
}

.menulist a.customers:hover {
	background-position: -700px -36px;
}

/*RESOURCES*/
.menulist a.resources {
	width: 140px;
	height: 36px;
	background: url("../images/navbar_top.gif");
	background-position: -840px 0px;
}

.menulist a.resources:hover {
	background-position: -840px -36px;
}


/*END***************TOP MENU IMAGES ROLLOVER CODE.**************/
