/* NAVIGATION */

ul#navigation,
ul#navigation ul.subnavigation,
ul#navigation ul.subnavigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #FFF;
}

ul#navigation {
	height: 35px;
	float: left;
	line-height: 1;
}

ul#navigation li {
    float: left;
	margin: 0;
	padding: 0;
}

ul#navigation li a {
	display: block;
	height: 35px;
	background: url(../img/backgrounds/navigation.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

ul#navigation li#home a { width: 105px; }
ul#navigation li#home:hover a,
ul#navigation li#home.sfhover a { background-position: 0 -35px; }

ul#navigation li#products a { width: 113px; background-position: -105px 0; }
ul#navigation li#products:hover a,
ul#navigation li#products.sfhover a { background-position: -105px -35px; }
	
ul#navigation li#services a { width: 107px; background-position: -218px 0; }
ul#navigation li#services:hover a,
ul#navigation li#services.sfhover a { background-position: -218px -35px; }

ul#navigation li#references a { width: 130px; background-position: -325px 0; }
ul#navigation li#references:hover a,
ul#navigation li#references.sfhover a { background-position: -325px -35px; }

ul#navigation li#mediacentre a { width: 145px; background-position: -455px 0; }
ul#navigation li#mediacentre:hover a,
ul#navigation li#mediacentre.sfhover a { background-position: -455px -35px; }

ul#navigation li#contact a { width: 102px; background-position: -600px 0; }
ul#navigation li#contact:hover a,
ul#navigation li#contact.sfhover a { background-position: -600px -35px; }

ul#navigation li#corporate a { width: 124px; background-position: -702px 0; }
ul#navigation li#corporate:hover a,
ul#navigation li#corporate.sfhover a { background-position: -702px -35px; }

/* SUBNAVIGATION */

ul#navigation li ul.subnavigation {
	position: absolute;
	width: 180px;
	left: -9999px;
	margin-left: 3px;
	line-height: 1;
	z-index: 10;
}

ul#navigation li:hover ul.subnavigation, 
ul#navigation li.sfhover ul.subnavigation {
	left: auto;
}

ul#navigation li#corporate {
	position: relative;
}
	
ul#navigation li#corporate:hover ul.subnavigation, 
ul#navigation li#corporate.sfhover ul.subnavigation {
	left: -63px;
}

ul#navigation li ul.subnavigation li {
	height: 30px; 
	width: 180px;
	position: relative;
	top: 0;
	border-bottom: 1px dotted #CCD5DB;
	border-left: 1px solid #CCD5DB;
	border-right: 1px solid #CCD5DB;
	background-color: #FFF;
}

ul#navigation li ul.subnavigation li a {
	display: block;
	height: 20px;
	color: red;
	width: 170px !important;
	background-image: none;
	padding-top: 10px;
	text-decoration: none;
	padding-left: 10px;
	font-weight: normal;
	font-size: 12px;
	color: #455560;
	text-indent: 0px;
}

ul#navigation li ul.subnavigation li:hover a,
ul#navigation li ul.subnavigation li.sfhover a,
ul#navigation li ul.subnavigation li:hover ul.third li:hover a,
ul#navigation li ul.subnavigation li.sfhover ul.third li.sfhover a,
ul#navigation li ul.subnavigation li:hover ul.third li:hover ul.fourth li:hover a,
ul#navigation li ul.subnavigation li.sfhover ul.third li.sfhover ul.fourth li.sfhover a,
ul#navigation li ul.subnavigation li:hover ul.third li:hover ul.fourth li:hover ul.fifth li:hover a,
ul#navigation li ul.subnavigation li.sfhover ul.third li.sfhover ul.fourth li.sfhover ul.fifth li:hover a
 {
	background-color: #EBEFF0;
	background-image: url(../img/menu-arrow.png);
	background-position: 161px 0px !important;
}


/* OTHER LEVELS */

ul#navigation li ul.subnavigation li ul.third,
ul#navigation li ul.subnavigation li ul li ul.fourth, 
ul#navigation li ul.subnavigation li ul li ul li ul.fifth {
	position: absolute;
	left: -9999px;
	border-top: 1px solid #CCD5DB;
}

ul#navigation li ul.subnavigation li:hover ul.third,
ul#navigation li ul.subnavigation li.sfhover ul.third,
ul#navigation li ul.subnavigation li ul li:hover ul.fourth,
ul#navigation li ul.subnavigation li ul li.sfhover ul.fourth,
ul#navigation li ul.subnavigation li ul li ul li:hover ul.fifth,
ul#navigation li ul.subnavigation li ul li ul li.sfhover ul.fifth {
	left: auto;
	margin: -31px 0 0 180px;
}

ul#navigation li ul.subnavigation li ul.top,
ul#navigation li ul.subnavigation li ul li ul.top,
ul#navigation li ul.subnavigation li ul li ul li ul.top {
	border-top: 0px;
	margin: -30px 0 0 180px !important;
}

ul#navigation li ul.subnavigation li:hover ul.third li a,
ul#navigation li ul.subnavigation li.sfhover ul.third li a,
ul#navigation li ul.subnavigation li:hover ul.third li:hover ul.fourth li a,
ul#navigation li ul.subnavigation li.sfhover ul.third li.sfhover ul.fourth li a,
ul#navigation li ul.subnavigation li:hover ul.third li:hover ul.fourth li:hover ul.fifth li a,
ul#navigation li ul.subnavigation li.sfhover ul.third li.sfhover ul.fourth li:hover ul.fifth li a
 {
	background-color: #FFF;
	background-image: none;
}