/* @group nav */

#nav {
	font-size: 116%;
	font-weight: 800;
	padding: 0 0 15.4% 0;
	text-transform: uppercase;
}

#nav:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 1px;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

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

#nav a {
	letter-spacing: -0.02em;
	text-decoration: none;
	/* ###### color:#XXXXXX; ####### */
}

#nav a:active,
#nav a.nav-selected {
	color: #000;
	/* ###### color:#XXXXXX; ###### */
}

#nav a:hover {
	/* ###### color:#XXXXXX; ###### */
}

/* @end */

/* @group etusivu */

#etusivu #doc #nav {
	margin: 0 0 0 -0.7%;
	padding-bottom: 18%;
}

#etusivu #doc #nav a {
	background: url(http://www.dialogi.fi/themes/dialogitheme/images/nav-tile.png) 0 0 repeat;
	clear: both;
	float: left;
	font-size: 320%;
	letter-spacing: -0.08em;
	margin: 0 0 0.3% 0;
	line-height: 95%;
	padding: 0 1.4% 0.2% 0.7%;
}

#etusivu #doc #nav a.hover {
	background: #000;
	color: #fff;
}

#case #doc #nav {
	padding-bottom: 9%;
}

.contrast #nav a.hover,
.contrast #nav a:active,
.contrast #nav a.selected {
	color: #fff;
}

/* @end */

/* @group scrollable menu */

#nav .scrollable {
	height: 78px;
	margin: 0 0 0.3em 1px;
	overflow: hidden;
	position: relative;
}

#nav .scrollable .controls .control {
	background: #fff url(http://www.dialogi.fi/themes/dialogitheme/images/control-arrows.gif) 0 0 no-repeat;
	height: 30px;
	left: 0;
	position: absolute;
	top: 13px;
	width: 32px;
	z-index: 3;
}

#nav .scrollable a:active,
#nav .scrollable a:focus {
	outline: 0;
}

#nav .scrollable .controls .disabled {
	display: none;
}

#nav .scrollable .controls .next {
	background-position: -32px 0;
	left: auto;
	right: 0;
}

#nav .scrollable ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 10000px;
}

#nav .scrollable li {
	display: inline;
	float: left;
	margin: 0 2px 0 0;
	position: relative;
	width: 89px;
	z-index: 2;
}

#nav .scrollable li a {
	background: url(http://www.dialogi.fi/themes/dialogitheme//themes/dialogitheme/images/thumb-cover.png) 0 0 repeat;
	display: block;
}

#nav .scrollable .thumb {
	display: block;
	position: relative;

}

#nav .scrollable a:hover .thumb {
	z-index: -1;
}

#nav .scrollable .thumb img {
	display: block;
}

#nav .scrollable .label {
	background: #f141a0 url(http://www.dialogi.fi/themes/dialogitheme//themes/dialogitheme/images/thumb-label.gif) 0 0 repeat-x;
	border-top: 1px solid #f88ec7;
	color: #fff;
	display: block;
	font: 12px/20px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	height: 20px;
	padding: 0 0 1px 0;
	text-align: center;
	text-transform: none;

}

#nav .scrollable a:hover .label {
	border-top-color: #f5b7d9;
	background: #ed85bd url(http://www.dialogi.fi/themes/dialogitheme//themes/dialogitheme/images/thumb-label.gif) 0 -21px repeat-x;

}

/* @end */