#global-nav
{
  padding-bottom: 2em;
}

nav
{
	position:relative;
	margin:0em;
	padding:0em;
}

/* menu style */
div.menu ul
{
	z-index: 1;
}

div.menu ul
{
	margin:0em;
	position:relative;
	float:left;
}

div.menu ul li
{
	display:inline;
	font-weight:bold;
	margin:0em;
	padding:0em;
	float:left;
	position:relative;
	
	border-right:thin solid #ffffff;
	border-left:thin solid #C2C2C2;
	border-top:thin solid #ffffff;
}

div.menu ul li a
{
	padding: 0.5em 2em 0.5em 2em;
	color:#616161;
	text-decoration:none;
	display:inline-block;
	/*border-right:thin solid #ffffff;
	border-left:thin solid #C2C2C2;
	border-top:thin solid #ffffff;*/
	background: #f5f5f5;
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}
div.menu ul li:first-child
{
	border-left: none;
}
div.menu ul li:last-child
{
	border-right: none;
}

div.menu ul li a:hover
{
	background:#f8f8f8;
	color:#282828;
}

div.menu ul li:hover > a
{
	background-color: #ffffff;
}

/* Drop-Down Navigation */
div.menu ul li:hover > ul
{
	visibility:visible;
	opacity:1;
}

div.menu ul ul, div.menu ul ul li ul
{
	list-style: none;
  margin: 0em;
  padding: 0em;
	visibility: hidden;
  position: absolute;
	background-color: #f8f8f8;
	box-shadow: 0.1em 0.1em 0.3em #cccccc;
	opacity: 0;
	transition: opacity 0.10s linear, visibility 0.10s linear;
}

div.menu ul ul
{
  top: 2.25em;
}

div.menu ul ul li ul
{
  top: 0em;
  left: 18em;
}

div.menu ul ul li
{
	clear:both;
	width:100%;
	border:0em none;
	border-bottom:thin solid #c9c9c9;
}

div.menu ul ul li a
{
	background:none;
	padding:0.7em 1.5em;
	color:#616161;
	text-decoration: none;
	display: inline-block;
	border: 0em none;
	float: left;
	clear:both;
  width: 13em;
}