/* navigaation määrittelyt */
/***************************/ 

#navigation {
	height: 44px;
	position: absolute;
	top: 40px;
	right: 0px;
}

/* Listojen tyylit */
#nav  {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	position: relative;
	width: auto;
	cursor: pointer;
}

#nav li.separator span {
	display: block;
	width: 2px;
	height: 44px;
	position: relative;
	background-image: url(../images/navigation/bg-header-menu-separator.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 20
}

#nav li a {
	display: block;
	position: relative;
	background-image: url(../images/navigation/bg-header-menu.png);
	background-repeat: no-repeat;
	background-position: 0px -44px;
	background-color: transparent;
	padding: 15px 10px;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #666666;
	z-index: 20;
}

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

#nav li a.left {
	background-image: url(../images/navigation/bg-header-menu-left.png);
	background-position: left -44px;
}

#nav li:hover a.left {
	background-position: left 0px;
}

#nav li a.right {
	background-image: url(../images/navigation/bg-header-menu-right.png);
	background-position: right -44px;
}
 
 #nav li:hover a.right{
	background-position: right 0px;
}

#nav li ul {
	display: none;
	position: absolute; 
	width: 218px;
	top: 40px;
	left: -6px;
	list-style: none;
	background-image: url(../images/navigation/alasveto.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: transparent;
	margin-left: 0px;
	padding: 0;
	z-index: 10;
}

#nav li ul li {
	display: block;
	float: none;
	margin: 1px 0px;
	padding: 0px 5px;
}

#nav li ul li a {
	display: block;
	background: transparent url(../images/base/dropdownBg.png);
	padding: 7px 0px 7px 15px;
	color: black;
}

#nav li ul li a:hover {
	background: #cecece;
	color: black;
	text-decoration: none;
}

#nav li:hover ul, #nav li.sfhover ul {
	display: block;
}


#navigation2 {
	height: 24px;
	position: absolute;
	top: 0px;
	right: 0px;
}

/* Listojen tyylit */

#nav2  {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav2 li {
	float: left;
	position: relative;
	width: auto;
	cursor: pointer;
}

#nav2 li a {
	display: block;
	position: relative;
	background-color: transparent;
	padding: 5px 10px;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	z-index: 20;
}

#nav2 li:hover a {
	background-color: white;
	color: #666666;
}