nav {
	border-bottom: 1px solid #111;
	text-align: center;
	width: 100%;
	height: 70px;
	background-color:#454545;
	text-transform:uppercase;
	z-index:200;
}

nav h3 {
    padding: 26px 17px 24px;
    display: block;
    list-style: outside none none;
	color:#fbfbf8;
}

nav ul {
	width:100%;
	display:none;
}

nav ul li {
    margin: 0px;
    padding: 0px;
    float: left;
    display: inline;
    list-style: outside none none;
    position: relative;
	width:100%;
	border-bottom:1px solid #CCC;
	background-color:#ffffff;
}

nav ul li a {
    display: block;
    padding: 26px 17px 24px;
    text-decoration: none;
    color: #555;
}

.active {
	background-color:#222;
    color: #eee;
}


nav ul li a:hover {
	background-color:#222;
    color: #eee;
}

nav ul ul {
	display:none;
	position:relative;
	background-color:#222;
    color: #eee;
	width:100%;
	z-index:100;
}

nav ul ul li {
	float:none;
}

nav ul ul li a {
    color: #eee;
}

nav ul ul li a:hover {
	background-color:#333;
}


@media screen and (min-width: 570px) {
	
nav h3 {
    display: none;
}


nav ul {
    color: #333;
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2px;
	width:auto;
}

nav ul li {
    margin: 0px;
    padding: 0px;
    float: left;
    display: inline;
    list-style: outside none none;
    position: relative;
	width:auto;
	border-bottom:0px solid #CCC;
	background-color:transparent;
}

nav ul li a {
    display: block;
    padding: 28px 10px 30px;
    text-decoration: none;
    color: #fff;
}


nav ul ul {
	position:absolute;
	display:none;
	width:150px;
}

nav ul ul li {
	float:none;
	border-bottom:1px solid #000;
}

nav ul ul li a {
    color: #eee;
}

nav ul ul li a:hover {
	background-color:#333;
}
}