#navigation {
	width:100%;
    white-space:nowrap;
	height:40px;
	background-color:#039;
	padding:0;
	margin:0;
}
#horizontalNav {
 	padding-left:0px;
}
#horizontalNav ul {
	z-index:10;
	list-style:none;
	padding:0;
	margin:0;
}
#horizontalNav li {
	display:block;
    line-height:40px;
	float:left;
	position:relative;
	font-weight:bold;
	font-size:15px;
	font-family:arial,helvetica;
	padding:0;
	margin:0;
}
#horizontalNav a {
    display:block;
    height:40px;
	color:#fff;
	width:inherit;
	text-decoration:none;
	transition: .3s background-color;
	padding:0px 20px 0px 20px;
	margin:0px;
}
#horizontalNav a:hover {
	background-color:#36c;
}
#horizontalNav li ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
    border:0px solid yellow;
}
#horizontalNav li li {
	display:block;
    width:100%;
	padding:0;
	margin:0;
}
#horizontalNav li li a {
	display:block;
    width:inherit;
    background-color:#36c;
	margin:0;
}
#horizontalNav li li a:hover {
    background-color:#039;
}
#horizontalNav li:hover ul {
	display:block;
	padding:0;
	margin:0;
}
/* VERTICAL NAVIGATION */
#verticalNav {
	display:none;
    position:relative;
	width:29px;
	height:20px;
	background:transparent url(/images/menu.collapsed.png) 0px 0px no-repeat;
	line-height:20px;
	font-weight:bold;
	font-size:15px;
	font-family:arial,helvetica;
	margin:0;
}
#verticalNav:hover {
	background-position:-29px,0px;
}
#verticalNav ul {
	display:none;
	position:absolute;
	top:20px;
	left:0px;
	width:200px;
	list-style:none;
	background-color:#36c;
}
#verticalNav:hover ul {
	display:block;
}
#verticalNav li a {
	display:block;
	color:#fff;
    transition: .3s background-color;
	text-decoration:none;
    padding:5px 10px 5px 10px;
}
#verticalNav li a:hover {
	background-color:#039;
}