/***************************** nav styles **/
nav {
	width:100%;
	float: right;
	margin-top: -35px;
	margin-right: 2%;
}

nav ul {width:100%; margin:0 auto;}
nav li {float:right; display:inline; position:relative; color:#FFFFFF;margin-right: 0%;}
nav a:link, nav a:active, nav a:visited {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:light;
	font-family: "oswaldregular";
	font-size:18px;
	line-height:18px;
	padding:5px 16px;
	text-transform:uppercase;
	
}
nav ul li a:hover {color:#FFFFFF;}

nav ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 33px;
	left:0;
	width:180px;
	background:#000000;
	
}

nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:-10px;
}

nav ul li:hover > ul {
	display: block;
	z-index:99999;
	
}

nav ul ul li {
	float: none; 
	position: relative;
	display:block;
}

nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited{
	font-size:14px;
	line-height:24px;
	padding:0 0 0 15px;
	border-right:0;
	border-bottom: 1px solid #888;
	color: #FFFFFF;
}

nav ul ul li a:hover {
	background: #FFFFFF;
	color:#000000;
}

/* Top and Bottom borders come in */
.topBotomBordersIn a:before, .topBotomBordersIn a:after
{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    content: "";
    opacity: 0;
    transition: all 0.3s;
}

.topBotomBordersIn a:before
{
    top: 0px;
    transform: translateY(-10px);
}

.topBotomBordersIn a:after
{
    bottom: 0px;
    transform: translateY(10px);
}

.topBotomBordersIn a:hover:before, .topBotomBordersIn a:hover:after
{
    opacity: 1;
    transform: translateY(0px);
}


@media screen and (max-width: 1300px){

nav {margin-top: -40px;}
	
}
@media screen and (max-width: 940px){

nav {max-width: 40px;}
	
}