/*---------- 1. DOCUMENT STYLES [start] ----------*/

/*:::::::::: [ STANDARD NAV STYLES ] - BEGIN ::::::::::*/

.pageScrollerNav{
	z-index: 4;
}



/*:::::::::: [ TOP NAV STYLES ] - BEGIN ::::::::::*/

/* Universal Styles */

.topNav{
	position: fixed !important;
	width: 100%;
	top: 0;
	left: 0;
	height:74px;
	 
}

.topNav.bottom{
	top: auto;
	bottom: 0;
}

.topNav ul{
	position: relative;
	overflow: hidden;
	float:right;
	display: block;
	margin: 0;
	list-style: none;
	top:12px;
}

.topNav li{
	float: left;
	margin: 0 5px 0;
}

.topNav li a{
		display: block;	
		font-weight: bold;
		padding: 15px;
		text-decoration: none;
		color: #777777;
		font-size: 16px;
		text-transform:uppercase;
}

.topNav li.active a{
		font-weight: bold;
		color: #fff;
		background-color:#000;
}

/* Light Styles */

.topNav,
.topNav.light{
	background: #fff;
}

.topNav li.active a,
.topNav.light li.active a{
		font-weight: bold;
		color: #fff;
		background-color:#000;
}

.topNav li a,
.topNav.light li a{
	color: #444444;
	text-decoration: none;
}

/* Dark Styles */

.topNav.dark{
	background: #000;
}

.topNav.bottom.dark{
	border-bottom: none;
	border-top: 4px solid #000;
}

.topNav.dark li.active a{
		font-weight: bold;
		color: #fff;
		background-color:#000;
}

.topNav.dark li a{
	display: block;	
		font-weight: bold;
		padding: 15px;
		text-decoration: none;
		color: #777777;
		font-size: 16px;
		text-transform:uppercase;
}

.topNav.dark li a:hover{
	color:#333;
}

/*:::::::::: [ TOP NAV STYLES ] - END ::::::::::*/