/*** ESSENTIAL STYLES ***/

nav{
	z-index:1000;
}


	#menu > li.logo_spacer{
		display:none;
	}


@media screen and (min-width: 998px) {
	#main_nav.navbar{
		min-height:auto;
		margin-bottom:10px;
	}
	
	#main_nav{
		background:none;
		border:none;
		box-shadow:none;
		margin-top:70px;
		margin-bottom:0px !important;
	}
	
	#menu ul {
		padding:0;
		left:0;
		top:-9999px;
		z-index:		99;
	}
	
	.nav > li:hover { position: static; }
	.nav > li:hover .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; }
	.dropdown-menu>li { display: table-cell; }
	
	#menu li:hover ul{
		top:40px;
		background-color:#000 !important;
	}
	#menu{
		width:100%;
	}
	#menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	#menu li {
		text-align: center;
		height:100%;
		float:left;
		width:13.5%;
		display:inline-block;
	}
	
	#menu a {
		display:		inline-block;
	}
	
	#menu > li.logo_spacer{
		display:inline-block;
		width:18%;
	}
	
	#menu > li > a, #menu > li > a:visited,
	#menu > li.open > a, #menu > li.open > a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:#ad2229;
		font-size:17px;
		line-height:30px;
		text-transform:uppercase;
		padding:0px;
		display:block;
		background:none;
		padding-bottom:10px;
	}
	
	
	
	
	#menu li li a,#menu li li a:visited {
		font-size:18px;
		line-height:50px;
		color:#c0c0c0;
		display:block;
		padding-top:8px;
	
	}
	
	.dropdown-menu > li > a:hover{
		background:none;
		text-decoration:none;
		color:#FFF !important;
		background-color:#ad2229 !important;
		
	}
	
	#menu li li {
		margin:0;
		padding:0;
		border:none; 
		float:left;
		width:auto;
	}
	
	
	#menu li ul,#menu li ul.dropdown-menu {
		width:100%;
		margin:0;
		padding:0;
		background:none;
		box-shadow:none;
		border:none;
	}
	
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;    
	}
}

@media screen and (max-width: 1170px) {
	#menu li {
		min-width:120px;
	}
	#menu li li {
		min-width:none;
	}
}

.navbar-default {
	background:none;
  background-color: #FFF;
  border-color: #FFF;
  margin-top:10px;
  margin-bottom:10px;
  box-shadow:none;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
  padding:0;
  padding-left:10px;
}

@media (max-width: 1000px) {
	.dropdown-menu{
		position:static;
	}
	.navbar li span  {
		display:inline-block;
		width:10%;
		font-size:20px;
		text-align:center;
		cursor:pointer;
		margin-top:-1px;
		line-height:40px;
	}
	
	.navbar li span.open{
		background-color:#8f2222;
	}
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none !important;
  }
  .navbar-nav {
      float: none !important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
	  width:90%;
	  display:inline-block;
  }
  .collapse.in{
      display:block !important;
  }
}



.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(4) {
	  top: -6px;
	  transform: rotate(-45deg);
}