/* CSS Document */

nav ul {
	float:right;
	height:140px;
	list-style:none;
	margin:0;
	position:relative;
	text-align:center;
	z-index:300;
}

nav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}

nav ul li a {
	border:1px solid white;
	border-radius:5px;
	color:white;
	display:block;
	font-family:GothamNarrow-Thin;
	font-weight:bold;
	margin-right:20px;
	margin-top:55px;
	padding:5px;
	text-decoration:none;
}

nav ul li ul {
	display:block;
	left:0;
	opacity:0;
	position:absolute;
	right:auto;
	transition:opacity 0.15s linear, visibility 0.2s;
	visibility:hidden;
}

nav ul li ul li {
	clear:left;
	left:auto;
	width:100%;
}

nav ul li ul li a {
	margin:0;
}

nav ul li a.btnblue, nav ul li ul li a.btnblue {
	background:rgb(35,105,159);
	width:130px;
}

nav ul li a.btnblue:hover, nav ul li ul li a.btnblue:hover {
	background:rgb(143,180,207);
	color:rgb(0,0,102);
}

nav ul li a.btngreen, nav ul li ul li a.btngreen {
	background:rgb(0,179,15);
	width:130px;
}

nav ul li a.btngreen:hover, nav ul li ul li a.btngreen:hover {
	background:rgb(102,209,111);
	color:rgb(0,0,102);
}

nav ul li a.btnorange, nav ul li ul li a.btnorange {
	background:rgb(255,149,0);
	width:130px;
}

nav ul li a.btnorange:hover, nav ul li ul li a.btnorange:hover {
	background:rgb(255,191,102);
	color:rgb(0,0,102);
}

nav ul li a.btnpurple {
	background:rgb(150,0,150);
	width:130px;
}

nav ul li a.btnpurple:hover {
	background:rgb(180,75,190);
	color:rgb(0,0,102);
}

nav ul li a:hover ~ ul, nav ul li ul:hover {
	opacity:1;
	transition:opacity 0.15s linear, visibility 0s;
	visibility:visible;
}