@charset "UTF-8";
#navibar {
	width: 100%;
	height: 70px;
	text-transform: uppercase;
	font-family: 'pier', 'Lato', sans-serif;
	font-size: 12px;
	outline: none;
	letter-spacing: 0.5px;
	cursor: hand;
}

#navibar ul li {
	width: 19%;
	height: 70px;
	float: left; /* makes navibari horizontal */
	list-style: none;
	text-align: center;
	line-height: 70px; /* vertical align of text */
	
}


#navibar ul li#faq-width {
	width: 13.3%;
}
#navibar ul li#news-width {
	width: 20.3%;
}




#navibar ul li a {
	text-decoration: none; 
	color: #fff;
	display: block;
	outline: none; /*take the full width and height of the previous to make the activation area bigger */
}

#navibar ul li a:hover {
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

/* drop down menu styles */

#navibar ul li ul li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 11px;
	
}

#navibar ul ul li a {
	background: rgb(255,255,255);
	color: #595959;
	outline: none;
}

#navibar ul ul li a:hover {
	background: #fff;
	color: #5a8f8a;
	opacity: 0.9;
	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

/* hidding dropdown */
#navibar ul ul {
	visibility: hidden;
}

#navibar ul li:hover > ul {
	visibility: visible; 
	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	
}/* CSS Document */