/*------------------------------------*\
	NAV
\*------------------------------------*/

#page-content > ul:nth-child(2) {display: none;}
.secondary {display: none;}

nav.primary{/*float:left; position: relative;top: 0;left: 250px;*/}
#nav-home nav.primary{left:221px; /*adjusted for brand symbol in home bar*/}
	nav.primary a{}
	nav.primary a:hover, nav.primary a.current{ }
.nav_main{
	list-style:none;
	/*font-weight:bold;
	margin-bottom:0px;*/
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:9999;

	
}
.nav_main li{
	float:left;
	/*margin-right:10px;*/
	position:relative;
}
.nav_main a:focus{background-color:#f21d2f;color:#ffffff;}
.nav_main a:link { -webkit-tap-highlight-color: #f21d2f }
.nav_main a{
	display:block;
	padding:30px 15px !important;
	height:80px;
	/*background:#333;
    font-size:1.3em;*/
	text-decoration:none; 
	/*line-height:82px; */
	color:#ffffff;
	font-size: 14px ;
	line-height: 20px;
	font-weight: 400;
	text-transform:uppercase; 
	font-family: "Roboto Condensed";
	   outline: 0;
	   transition:all 0.2s ease-in-out 0s

}
.nav_main li a:hover{

	/*color:#fff;
	background:#6b0c36;*/
	/*text-decoration:underline;*/
        /*background-color:#f50000;*/ color:#ffffff;
			background-color:#f21d2f;
}
.nav_main li a.current, nav.primary li a.section, .nav_main li a:active, 
.nav-collapse  li.active, .nav > li > a:hover,
.nav > li > a:focus { 
background-color:#454545; color:#ffffff;}
.nav_main ul li.first, #nav ul li.last{}

/*--- DROPDOWN ---*/
.nav_main ul{


	background:#3d3d3d; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	/*opacity:.9;*/
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */	
	/*max-width:100%;*/
        	width:180%;
                max-width:200%;
	/* border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;*/
	

}
.nav_main ul li{	
	/*padding-top:1px;*/ /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	/*margin-left:1px;*/ background-color:#3d3d3d ;
	/*padding:5px 5px 4px 5px;*/
	margin:0;font-size: 12px 



}
.nav_main ul li.first{
	

	padding-top:10px;
	
	}
.nav_main ul li.last{
	
			padding-bottom:10px;
			
			}	

.nav_main ul li ul {}
.nav_main ul li ul li{float:left !important; line-height: 1.1em !important; font-size:.9em; }
.nav_main ul li a{padding:8px 15px !important; line-height: 1.3em !important;      font-size:1.0em;text-transform:none; }


.nav_main ul a{
	/*white-space:nowrap;*/ /* Stop text wrapping and creating multi-line dropdown items */
}
.nav_main li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	/*  transition:all 0.05s ease-in-out 0s;*/
}
.nav_main li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/*background:#6b0c36;
	text-decoration:underline;*/
	/*background-color:#b0ada5 !important; */
	}
.nav_main li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
.nav_main li:hover ul li a:hover{color:#ffffff;  /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	/*background:#333;*/
	/*text-decoration:underline;*/
}
.nav_main li ul li a{/*background-color:#b0ada5 !important;*/ 	text-shadow: none !important; text-decoration:none; background-image:none !important;/*border-right:3px solid #b0ada5 !important*/ color:#ffffff; height:auto;}
.nav_main li ul li a:hover{color:#ffffff;/*background-color:#df2027 !important; */ text-decoration:none;background-image:none !important;}
/*#nav li:hover>a{background-color: transparent; color:#f21d2f;}*/
.nav_main > li:hover a.link{background-color:#f21d2f !important;color:#ffffff;}

/************SECONDARY NAV********************/
#nav-secondary{position:fixed; bottom:0; width:100%; min-height:30px; background-color:#2f3132; color:#ffffff; z-index:100;}
#nav-secondary strong{font-size:11px; color:#ffffff;}
#nav-secondary ul{margin-left:50px;line-height:10px;}
#nav-secondary li.first{margin-right:15px;}
#nav-secondary li{float:left; list-style-type:none; margin:0 0 0 0}
#nav-secondary li a{color:#ffffff; font-size:10px; text-decoration:none; font-weight:600; padding:7px 10px 8px 10px; }
#nav-secondary li a:hover, #nav-secondary li a.section{background-color:#f21d2f;	  transition:all 0.05s ease-in-out 0s;}