@charset "utf-8";
/* CSS Document */

#top-bar-bg {
	top: 0;
	left: 0;
	width: 100%;
	position: fixed;
	background: black;
	background: -webkit-linear-gradient(#222, black);
	background: -moz-linear-gradient(#222, black);
	background: -ms-linear-gradient(#222, black);
	background: -o-linear-gradient(#222, black);
	background: linear-gradient(#222, black);
	opacity: 1.0;
	z-index: 10;
}

.arrowup {
	height: 0;
	width: 0;
	display: inline-block;
	border: 5px solid transparent;
	border-bottom-color: #ccc;
}

.arrowdown {
	height: 0;
	width: 0;
	display: inline-block;
	border: 5px solid transparent;
	border-top-color: #ccc;
}

nav{
	width:100%;
	height:45px;
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
	font-size: 1.1em;
}

nav li{
	height:45px;
	margin:0;
	padding:0;
	display:block;
	float: left;
	line-height:45px;
	list-style:none;
	position:relative;
}

nav li img {
	height: 60%;
	padding:10px 10px 10px 10px;
}

/* Menu Items */
nav li a:link,
nav li a:visited{
	padding:12px 60px 12px 20px;
	display:inline;
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
}

nav li a:hover{
	color:white;
}

/* Submenu */
nav li ul{
	display: none;
	background-color: black;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

nav li:hover ul{ /* Drop down */
	margin:0;
	padding:0;
	display:block;
	position:absolute;
}

nav li ul li{ /* For one line submenu items */
	width:100%;
	margin:0;
	padding:0;
	white-space:nowrap;
}

nav li ul li a:link,
nav li ul li a:visited{
	padding:12px 30px 12px 20px;
}