ul.nav li.level1.item-1 {
    background: url("/media/layout/yellow_button_pieni.png") no-repeat;
}

ul.nav li.level1.item-2 {
    background: url("/media/layout/blue_button_pieni1.png") no-repeat;
}

ul.nav li.level1.item-3 {
    background: url("/media/layout/green_button_pieni.png") no-repeat;
}

ul.nav li.level1.item-4 {
    background: url("/media/layout/orange_button_pieni.png") no-repeat;
}

ul.nav li.level1.item-5 {
    background: url("/media/layout/blue_button_pieni2.png") no-repeat;
}

ul.nav {
	list-style: none;
	margin: -42px 0 0;
	padding: 0;
	position: absolute;
        z-index: 200;
}

ul.nav li.level1 {
	list-style: none;
	width: 194px;
	float: left;
	margin: 0px 0px 0px 5px;
	text-align: center;
}

ul.nav li.level1 a {
	color: black;
	font-size: 1.4em;
	line-height: 2.5em;
	height: 42px;
	display: block;
	width: 194px;
}

ul.nav li.level1 ul.nav {
	margin: 0;
	width: 384px;
	position: absolute;
	z-index: 201;
	display: none;
}

ul.nav li.level1 ul.nav li.level2 {
	float: left;
	width: 190px;
}

ul.nav li.level1 ul.nav li.level2 a {
	line-height: 2.4em;
}

ul.nav li.level1 ul.nav li.level2 a span {
}

ul.nav li.level1 ul.nav li.level2 ul.nav {
	border: none;
	/*display: none;*/
} 

ul.nav li.level1.item-1 ul.nav {
	border-left: 2px solid #FFE648;
	border-top: 2px solid #FFE648;
}

ul.nav li.level1.item-1 ul.nav li.level2 {
	border-bottom: 2px solid #FFE648;
	border-right: 2px solid #FFE648;
}

ul.nav li.level1.item-1 ul.nav li.level2.even {
	/*border-right: none;*/
}

ul.nav li.level1.item-1 ul.nav a:hover {
	background-color: #FFE648;
}

ul.nav li.level1.item-2 ul.nav {
	border-left: 2px solid #2DABE4;
	border-top: 2px solid #2DABE4;
}

ul.nav li.level1.item-2 ul.nav a:hover {
	background-color: #2DABE4;
}

ul.nav li.level1.item-2 ul.nav li.level2 {
	border-bottom: 2px solid #2DABE4;
	border-right: 2px solid #2DABE4;
}

ul.nav li.level1.item-2 ul.nav li.level2.even {
	/*border-right: none;*/
}

ul.nav li.level1.item-3 ul.nav {
	border-left: 2px solid #97C41C;
	border-top: 2px solid #97C41C;
}

ul.nav li.level1.item-3 ul.nav li.level2 {
	border-bottom: 2px solid #97C41C;
	border-right: 2px solid #97C41C;
}

ul.nav li.level1.item-3 ul.nav a:hover {
	background-color: #97C41C;
}

ul.nav li.level1.item-4 ul.nav {
	border-left: 2px solid #F06E00;
	border-top: 2px solid #F06E00;
}

ul.nav li.level1.item-4 ul.nav li.level2 {
	border-bottom: 2px solid #F06E00;
	border-right: 2px solid #F06E00;
}

ul.nav li.level1.item-4 ul.nav a:hover {
	background-color: #F06E00;
}

ul.nav li.level1.item-5 ul.nav {
	border-left: 2px solid #43C1F9;
	border-top: 2px solid #43C1F9;
}

ul.nav li.level1.item-5 ul.nav li.level2 {
	border-bottom: 2px solid #43C1F9;
	border-right: 2px solid #43C1F9;
}

ul.nav li.level1.item-5 ul.nav a:hover {
	background-color: #43C1F9;
}

ul.nav li.level2 {
	/*display: none;*/
	background: white;
}

ul.nav li.level2.first {
	/*margin-top: 42px;*/
}

ul.nav li.level2 a {
	font-size: 1em;
	padding-left: 10px;
	text-align: left;
	display: block;
	width: 180px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
}

#main_menu {
	position: relative;
}