/* MAIN nav (the top buttons) */
#nav{
	z-index:1;
	float:right;
	vertical-align:middle;
	margin-top:10px;
}
.navItem{
	padding:0;
	margin:0;
	display:inline-block;
	z-index:6;
	-webkit-transition: background 100ms ease-in;
    -moz-transition: background 100ms ease-in;
    -o-transition: background 100ms ease-in;
	-ms-transition: background 100ms ease-in;
    transition: background 100ms ease-in;
}
.navItem img{
	border:none;
}

/* Subnav, on each page */

#subNavWrapper{

	z-index:4;

	position:relative;

	margin: 0 auto;

	text-align:center;

	height: 50px;

}



/* The container for the links */

.subNavGroup {

    display: inline-block;

    height: 100%;

    /* box-shadow: 0 2px 5px rgba(0,0,0,0.2); optional depth */

}



#subNavWrapper #subNav a {	



	display: inline-block;



	height: 50px;



	line-height: 50px;



	padding: 0 15px;



	margin: 0;



	text-decoration: none;



	color: #FFF;



	font-weight: 600;



	font-size: 13px;



	text-transform: uppercase;



	opacity: 0.9;



	transition: all 0.2s ease;



	border-bottom: 4px solid transparent;



	box-sizing: border-box;



	vertical-align: top;



    text-shadow: 0 1px 2px rgba(0,0,0,0.2);



}







#subNavWrapper #subNav a:hover {



	opacity: 1;



	text-decoration: none;



	background-color: rgba(0,0,0,0.1);



	border-bottom-color: rgba(255,255,255,0.5);



}







#subNavWrapper #subNav a.active,



#subNavWrapper #subNav a.subNavItemActive {



	opacity: 1;



	background-color: rgba(0,0,0,0.2) !important;



	border-bottom: 4px solid #FFF !important;



	border-bottom-color: #FFF !important;



    text-decoration: none !important;



	



	/* Override legacy styles from theme.css */



	border-top: none !important;



	border-left: none !important;



	border-right: none !important;



	box-shadow: none !important;



	padding: 0 15px !important;



	height: 50px !important;



	line-height: 50px !important;



}







/* Legacy support or smaller screens if JS triggers it */



.smallSubNav{



	font-size: 11px !important;



	padding: 0 10px !important;



}