/*---------------------------- NAVIGATION (APPROVED) ----------------------------------*/


.center{
      position: relative;
          z-index:999999;


}

nav {
    text-align:center;
    z-index: 2;
    margin:0px;
    padding:0px 0px 0px 0px;

}

/*Strip the ul of padding and list styling*/
nav ul {
	list-style-type:none;
	font-size: 16px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: bold;
  	letter-spacing: 1px; ;
  	text-align:center;
	margin:0;
	padding:0;
	position: absolute;

}

/*Create a horizontal list with spacing*/
nav li {
	display:inline-block;
	margin-right: 1px;
	color: #fff; 


}

/*Style for menu links*/
nav li a {
	display:block;
	min-width:130px;
	padding: 0px 0px 0px 0px;
	height: 40px;
	text-align: center;
	line-height: 50px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size:16px;
	color: #fff;
	background: transparent;
	text-decoration: none;
}




/*Style for up-arrow for sub-menu */
.dropdown ul li:first-child > a:after {
 content: '';
 position: absolute;
 left: 30px;
 top: -8px;
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: 8px solid #000;
 }




/*Hover state for top level links*/
nav li:hover a {
  background: transparent;
  color: #ffde00; 

}

/* MY Hover state for menu links having a sub menu*/
nav .sub a:hover {
  background: #000;
  opacity: .8;
  color: #ffde00; 
  		border-top: 0px solid #ffde00;

}

/*Style for dropdown links*/
nav li:hover ul a {
 	background: #000000;
  	color: #ffffff;
	height: 40px;
	line-height: 40px;
	  		border-top: 0px solid #ffde00;

}

/*Hover state for dropdown links*/
nav li:hover ul a:hover {
  	background: #262324;
  	color: #ffde00;
  		  		border-top: 0px solid #ffde00;
}

/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
}

/*Make dropdown links vertical*/
nav li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover {
	display: block;
	background: #262324;
  color: #ffde00; 
  border-radius: 3px;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;    
  text-decoration: none;
  color: #fff;
  background: #ee3124;
  text-align: center;
  padding: 10px 0;
  display: none;
 margin:20px 0px 0px 0px;
   overflow:visible;


}

/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
    display: block;
}









/*Responsive Styles*/

@media screen and (max-width : 1000px){
/*Style for menu links*/
nav li a {
	display:block;
	min-width:120px;
	padding: 0px 0px 0px 0px;
	height: 40px;
	text-align: center;
	line-height: 50px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size:15px;
	color: #fff;
	background: transparent;
	text-decoration: none;
}

}

/*Responsive Styles*/

@media screen and (max-width : 970px){
/*Style for menu links*/
nav li a {
	display:block;
	min-width:105px;
	padding: 0px 0px 0px 0px;
	height: 40px;
	text-align: center;
	line-height: 50px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size:15px;
	color: #fff;
	background: transparent;
	text-decoration: none;
}

}


/*Responsive Styles*/

@media screen and (max-width : 810px){
	/*Make dropdown links appear inline*/
	nav ul {
		position: static;
		display: none;
		background: #000;
	}
	/*Create vertical spacing*/
	nav li {
		margin-bottom: 1px;
		background: #000;

	}
	/*Make all menu links full width*/
	nav ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}

	/*Hover state for top level links*/
	nav li:hover a {
	  background: #000;
	  color: #ffde00; 
	}

	.dropdown ul li:first-child > a:after {
		display: none;

 }

}