/* ------------------------------------------
  NECESSARY STYLES FOR RESPONSIVE NAV
--------------------------------------------- */

.logo2 {
width: 240px;
height: 60px;
padding: 10px 0;	
}


nav {
background-color: #fff;	
}

nav p {
margin: 0;	
}

.nav-collapse ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  display: block;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;

}

.nav-collapse {
  background-color: white;
}


/* second level */

#nav li ul {
display: none;	
}

#nav ul {
z-index: 100;	
}

#nav ul li ul li {
position: relative;
left: 105px;
top: 88px;
}


#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}

#nav li ul li {
display: inline;
float: left;
padding: 0 10px;	
}

.nav-collapse li ul li {
width: 350px;
margin: 0;
}

#nav a {
font-family:'alvarado_body';
}

.nav-collapse a:link, a:visited {
  color: #999999;
  text-decoration: none;
  width: 100%;
  padding: 0.7em 1em;
  float: left;
}

.nav-collapse ul li a:hover, a:focus {
color: #82addf;
}

.nav-collapse ul li ul li a:hover, a:focus {
background-color: #eeeeee;
border-top: 1px #e5e5e5 solid;
}

.nav-collapse ul li ul li a.active:hover, a.active:focus {
background-color: #f5f5f5;
border-top: 1px #eeeeee solid;
}

.logo {
float: left;	
}

#nav ul ul {
position: absolute;
top: 0;
z-index:1000000;		
}

#nav ul ul li {
position: relative;
display: block;
float: none;	
}

.nav {
position: relative;
z-index:9999;
overflow: visible;}

.content {
clear:both;	
}


header {
position: relative;	
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  float: right;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

 .js .nav-collapse {
	padding: 34px 0 0 0;
  }

.nav-collapse ul ul a {
  background: #f5f5f5;
  padding-left: 2em;
  border-top: 1px #eeeeee solid;
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #82addf url("../images/mobile/global_hamburger.gif") no-repeat 50% 33%;
}

a:visited.nav-toggle, a:hover.nav-toggle, a:focus.nav-toggle {
background-color: #82addf;	
border: none;
}


@media screen and (min-width: 768px) {
  .js .nav-collapse {
    position: relative;
    max-height: none;
  }
  
  
  .nav-toggle {
    display: none;
  }
  

}


@media screen and (min-width: 768px) and (max-width: 960px){
.nav-collapse li {
width: 7em!important;	
border: none;
}

.js .nav-collapse {
	padding-top: 26px;
  }

.nav-collapse a:link, a:visited {
	padding: 0.7em 0.5em;
}

.logo2 {
width: 200px;
height: 50px;	
}


.nav-collapse li ul li {
width: 350px!important;	
}

#nav ul li ul li {
left: 75px;
top: 78px;	
}

}



@media screen and (max-width: 767px) {

.not_mobile {
	display: none;
}

#nav li ul {
display: block;	
}

#nav ul li ul li {
position: relative;
right: 0px;
}

.nav-collapse li {
border-top: 1px #eeeeee solid;	
}

.nav-collapse li a:hover, a:focus {
background-color: #f5f5f5;	
}

#nav li ul li {
padding: 0px;	
}

.nav-collapse li ul li {
width: 100%;
}

 #nav ul li ul li {
	left: 0;
	top: 0; 
 }
 
 #nav ul ul {
	position:relative;
	width:100%; 
 }
 
.logo2 {
width: 160px;
height: 40px;	
padding-left: 20px;
}

.container #nav {
width: 100%;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  float: right;
  width: 100%;
}

.nav-toggle {
position: relative;
right: 0px;	
}

.js .nav-collapse {
padding: 0;	
}

}




@media screen and (min-width: 768px) {
  
  
}


@media screen and (max-width: 320px) {

.logo2 {
padding-left: 10px;	
}

.nav-toggle {
position: relative;
right: -10px;	
}

}




@media screen and (min-width: 768px) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
  
  .nav-collapse li {
    width: 8em;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
  
}


@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("../images/mobile/global_hamburger_@2.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}