/*
©2009 

Description : Stylesheet

*/

ul#nav {
	background: url(../art/nav-bg.gif) 0px -1px no-repeat;
	position: absolute;
	right: 0px;
	top: 100px;
	width: 594px;
	height: 39px;
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#nav li {
	float: left;
	width: auto;
	height: 30px;
	width: auto;
}

#nav a {
	display: block;
	width: auto;
	height: 30px;
	margin: 5px 0 0 5px;
	text-indent: -9999px;
}


#nav li#home a {
	background: url(../art/nav.gif) 0px -1px no-repeat;
	width: 65px;
	position: relative;
}

#nav li#home a:hover {
	background-position: 0px -40px;
}

#nav li#home a.active {
	background-position: 0px -79px;
}

#nav li#about a {
	background: url(../art/nav.gif) -65px -1px no-repeat;
	width: 65px;
	position: relative;
}

#nav li#about a:hover {
	background-position: -65px -40px;
}

#nav li#about a.active {
	background-position: -65px -79px;
}

#nav li#products a {
	background: url(../art/nav.gif) -130px -1px no-repeat;
	width: 85px;
	position: relative;
}

#nav li#products a:hover {
	background-position: -130px -40px;
}

#nav li#products a.active {
	background-position: -130px -79px;
}

#nav li#aftersales a {
	background: url(../art/nav.gif) -215px -1px no-repeat;
	width: 89px;
	position: relative;
}

#nav li#aftersales a:hover {
	background-position: -215px -40px;
}

#nav li#aftersales a.active {
	background-position: -215px -79px;
}

#nav li#environment a {
	background: url(../art/nav.gif) -304px -1px no-repeat;
	width: 105px;
	position: relative;
}

#nav li#environment a:hover {
	background-position: -304px -40px;
}

#nav li#environment a.active {
	background-position: -304px -79px;
}

#nav li#media a {
	background: url(../art/nav.gif) -409px -1px no-repeat;
	width: 65px;
	position: relative;
}

#nav li#media a:hover {
	background-position: -409px -40px;
}

#nav li#media a.active {
	background-position: -409px -79px;
}

#nav li#contact a {
	background: url(../art/nav.gif) -474px -1px no-repeat;
	width: 75px;
	position: relative;
}

#nav li#contact a:hover {
	background-position: -474px -40px;
}

#nav li#contact a.active {
	background-position: -474px -79px;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

/* Dropdowns */

#nav li ul {
	background-color: #d5641c;
	position: absolute;
	width: 10em;
	left: -999em;
	list-style: none;
	float: left;
	margin: 0 0 10px 0px;
	padding:5px;
}

#nav li ul li a {
	background: none!important;
	padding: 0 0 0 5px;
	line-height:1.8em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	visibility:visible;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}

#nav li {
	float: left;
	padding: 0;
	list-style: none;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	background: url(../art/li-bg.gif) #2f5593 0px 0px no-repeat;
	width: 200px;
	height: 31px;
}

#nav li li:hover, #nav li li:focus	{
	background: url(../art/li-bg-hover.gif) 0px 0px no-repeat;
}

#nav li ul a {
	width: 180px !important;
	height: 31px;

	text-indent: 0;
}

#nav li ul ul {
	margin: /*-1.40em 0 0 11em;*/ -30px 0 0 160px;
	z-index: 4;
	width: 200px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color: #5D9DD4;
}

.upper li:hover, .upper li.sfhover {
	color: #5D9DD4;
}

#nav li ul a:hover	{
	color: #2c2c2c !important;
	}