/*  < 980px */

#logo h1 {
	width:220px;
	position:absolute;
	top:29px;
	left:-59px;
	opacity:0;
	float:left;
	color:#444;
	font-weight:700;
	font-size:1.6em;
	letter-spacing:-1px;
	word-spacing:102px;
	cursor:default;
}
header nav {
float: left;
margin: 0 0 10px;
width: 100%;
}
header nav ul {
float:none;
width:100%;
margin-top:10px;
background:#333;
background: -moz-linear-gradient(top, #45484d 0%, #333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#333));
background: linear-gradient(top, #45484d 0%, #333 100%);
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
}

header nav ul li {
float: left;
width: 11.1%;
}

header nav ul li a {
width:100%;
text-align:center;
margin:0;
padding:5px 0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
border-radius:0;
}
header nav ul li:first-child a {
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px 0 0 4px;
-o-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
}
header nav ul li:last-child a {
-moz-border-radius:0 4px 4px 0;
-webkit-border-radius:0 4px 4px 0;
-o-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
}
header nav ul li.selected a,
header nav ul li a:hover {
color:#fff;
-webkit-box-shadow: 0px 0px 0px #333333;
-moz-box-shadow: 0px 0px 0px #333333;
-o-box-shadow: 0px 0px 0px #333333;
box-shadow: 0px 0px 0px #333333;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
-o-text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px #000;
}