body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a {text-decoration: none;}
.container{
	max-width:890px;
	margin:0px auto;
}
.toggleMenu {
    display:none;
    background:#999;
    padding:10px 15px;
    color: #fff;
}
.nav {
	line-height:10px;
    list-style:none;
	width:880px;
	text-align:center;
	margin:0px;
	padding:0px;
    *zoom: 1;
	 
}

.nav ul {
	margin:0px;
	padding:0px;
	line-height:10px;
	background-position:top;
    list-style:none;
	width: 11em;
}
.nav a {
    padding:10px 15px;
	text-align:center;
    color:#FFF;
}
.nav li {
    position:relative;
}
.nav > li {
    float:left;
	width:11em;
}

.nav > li > a {
    display:block;
	text-align:center;
}
.nav li  ul {
    position: absolute;
    left:-9950px;
}
.nav > li.hover > ul {
    left:0;
}

.nav li li a {
    display: block;
    position: relative;
    z-index:100;
}
	
.nav li:hover {
	color:#F00;
}

.nav a:hover {
	color:#F00;
}

.nav ul li a:hover {
	color:#F00;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
   
        .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul  {
        position: static;
	
    }
	
.nav li:hover {
	color:#F00;
}

.nav a:hover {
	color:#F00;
}

.nav ul li a:hover {
	color:#F00;
	
}

}