/* HEADER */
header {
	margin:0 0 1.25em 0;
}
h1 {
	display:block;
	height:0;
	line-height:0;
	float:left;
}
#logo {
	position:absolute;
	width:4.625em;
	height:auto;
	top:14px;
	left:5%;
	box-shadow: 0 0.0625em 0.25em rgba(0, 0, 0, 0.4);
	z-index:300;
}

/* Menu */
nav {
	position:relative;
	background-color:#214b65;
	background-image: -moz-linear-gradient(top center, #214b65, #1c3f55);
    background-image: -o-linear-gradient(top, #214b65, #1c3f55);
    background-image: linear-gradient(top, #214b65, #1c3f55);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.menu {
	height:2em;
	margin:0 auto;
	max-width:60em;
	width:70%;
	line-height:2em;
	list-style:none;
}

.menu i {
	font-size:0.6em;
}

.menu li {
	float: left;
	position: relative;
}

.menu li a {
	display: block;
	vertical-align: middle;
	font-size:1.4em;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	padding:0 0.8em;
	font-family:'WWF', Arial, sans-serif;
}

.menu li a:hover {
	background-color:#00a6eb;
}

.menu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
}

.menu ul li {
	float: none;
	height: 2.2em;
}

.menu li ul {
	width:100%;
	z-index:5;
	font-size:0.9em;
}

.menu ul a {
	white-space: nowrap;
}

.menu li:hover ul {
	left: 5px;
	opacity: 1;
}

.menu li:hover ul {
	background-color:#214b65;
	background-image: -moz-linear-gradient(top center, #214b65, #1c3f55);
    background-image: -o-linear-gradient(top, #214b65, #1c3f55);
    background-image: linear-gradient(top, #214b65, #1c3f55);
}

.menu li:hover ul li a:hover {
	background-color:#00a6eb;
}