ul.menu {
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	float: left;
}

ul.menu, ul.menu p, ul.menu strong, ul.menu h1, ul.menu h2, ul.menu h3, ul.menu h4, ul.menu h5 
{ color: #666; }

ul.menu li {
	float: left;
	margin: 0;
	height: 70px;
	overflow: hidden;
}

ul.menu li.top-link > a {
	display: block;
	font-family: 'bebas_neueregular', Arial;
	font-size: 25px;
	margin: 25px 10px 0px 10px;
	text-transform: uppercase;
}

ul.menu li.top-link:hover { background: #F3F3F3; }
ul.menu li.top-link:hover > a { color: #666; }
ul.menu li.top-link > a { color: #efefef; }
ul.menu li.top-link > a.active { color: #FFF100; }

ul.menu li.top-link.active:hover {  }
ul.menu li.top-link.active > a { color: #FFF100; }
ul.menu li.top-link.active > a:hover,
ul.menu li.top-link.active:hover > a { color: #666; }

ul.menu .tagline,
ul.menu .heading { display: block; font: 18px/27px "bebas_neueregular", Arial; }

ul.menu .tagline { font-size: 18px; }

ul.menu .heading { 
	display: block;
	font-size: 36px;
}


ul.menu li.top-link:hover > ul.sub-menu { 
	left: 0; 
	max-height: 1000em;
	padding: 20px 0 20px 0;
	z-index: 20;
	
	/*	
	-moz-transition: max-height 0.5s ease-in-out;
	-webkit-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
	*/
}

ul.sub-menu {
	position: absolute;
	top: 70px;
	left: 0px;
	background: #F3F3F3;
	width: 100%;
	padding: 0;
	margin: 0;
	/*display: none;*/
	z-index: 10;
	height: auto;
	max-height: 0;
	overflow: hidden;
	line-height: 18px;	
}

/* toggle class with menu.js */
ul.sub-menu.shadow {
-webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 7px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 7px 0px rgba(50, 50, 50, 0.5);
}

ul.sub-menu ul { margin: 0;}

ul.sub-menu li {
	float: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-transform: none;
	width: 100%;
	background: none;
	height: auto;
}

ul.sub-menu .leaders li span { font-size: 10.5px; }


ul.sub-menu li.active > a { color: #990000; }
ul.sub-menu li a { color: #0284db; font-weight: strong; }
ul.sub-menu li.active > a:hover,
ul.sub-menu li a:hover { color: red; }

li.menu-title h4, .title, ul.menu strong.title { color: #333; }

ul.sub-menu li.menu-title { margin-bottom: 10px;  }
ul.sub-menu .menu-group { color: #888; margin-bottom: 10px; }

ul.sub-menu .menu-group li { margin-bottom: 3px; }

#home.sub-menu {
	position: relative; 
	max-height: 2000em; 
	background: none; 
	top: auto; 
	left: auto;
	margin: 30px auto; 
}

#home.sub-menu.shadow {
-webkit-box-shadow: none !important;
-moz-box-shadow:    none !important;
box-shadow:         none !important;
}

 

/* #Media Queries
================================================== */

	/* full desktop (devices and browsers) */
	@media only screen and (min-width: 960px) {}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {
				
		ul.menu {
			position: absolute;
			top: 70px;
			width: 100%;
		}
		
		ul.menu  li {
			float: left;
			margin: 0;
			height: auto;
			overflow: visible;
		}
		
		ul.menu li.top-link > a {
			margin: 10px 10px 7px 10px;
		}		
		
		ul.sub-menu { top: 35px;	}
		
		ul.sub-menu > li { padding-left: 10px; }
		
		ul.sub-menu .container .columns { width: 400px !important; }
		
		ul.sub-menu .columns { margin-bottom: 0; }
		
		ul.sub-menu li.menu-title { margin-bottom: 0; }
		ul.sub-menu li.menu-title:hover { margin-bottom: 10px; }
		ul.sub-menu ul.menu-group { margin-bottom: 0; } 
		
		
		/* small menus */
		
		.touch li.menu-title:hover > ul {
			max-height: 1000em;
			overflow: visible;
			
			-moz-transition: max-height 0.5s ease-in-out;
			-webkit-transition: max-height 0.5s ease-in-out;
			-o-transition: max-height 0.5s ease-in-out;
			transition: max-height 0.5s ease-in-out;			
		}
		
		.touch li.menu-title ul { 
			max-height: 0;
			overflow: hidden;			
		}
		
		/* #home.sub-menu { display: none; } */
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	/* Note: Design for a width of 480px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 479px) {
		
		ul.menu li.top-link > a {
			font-size: 20px;
			margin: 10px 5px 7px 5px;
		}
		
		ul.sub-menu .container .columns { width: 280px !important; }
	
	}