/* 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.**************/

#navigation {
	float:left;
	margin:0px;
	padding:0px;
	width: 613px; 
	height: 30px; 
	background-image:url(../images/navigation.gif);
	list-style: none;
}

/* HOME */
.menulist a.home {
	width: 85px;
	height: 30px;
	background: url("../images/navigation.gif");
	background-position: 0px 0px;
}
.menulist a.home:hover {
	background-position: 0px -30px;
}

/* ABOUT */
.menulist a.about {
	width: 71px;
	height: 30px;
	background: url("../images/navigation.gif");
	background-position: -85px 0px;
}

.menulist a.about:hover {
	background-position: -85px -30px;
}

/* SOLUTIONS */
.menulist a.solutions {
	width: 71px;
	height: 30px;
	background: url("../images/navigation.gif");
	background-position: -156px 0px;
}

.menulist a.solutions:hover {
	background-position: -156px -30px;
}

/* ORGANAISATION */
.menulist a.organisation {
	width: 89px;
	height: 30px;
	background: url("../images/navigation.gif");
	background-position: -227px 0px;
}

.menulist a.organisation:hover {
	background-position: -227px -30px;
}

/* CASE STUDIES */
.menulist a.case {
	width: 91px;
	height: 30px;
	background: url("../images/navigation.gif");
	background-position: -316px 0px;
}

.menulist a.case:hover {
	background-position: -316px -30px;
}

/* CONTACT */
.menulist a.contact {
	width: 74px;
	height: 30px;
	background: url("../images/navigation.gif");
	background-position: -407px 0px;
}

.menulist a.contact:hover {
	background-position: -407px -30px;
}

/*END***************TOP MENU IMAGES ROLLOVER CODE.**************/