/* --------------- */
.mobileLogo{
  margin:2px;
  vertical-align:middle;
}
.toggleMenu {
  margin-top:15px;
  margin-bottom:5px;
  z-index:2000;
  width:100%;
  display:  none;
  background: url(../images/bg_toggle_menu.png) center right no-repeat #fff200;
  border-color:#333333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #333333;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  font-size:13px;
  height:60px;
  line-height:60px;
  text-align:left;

}
  .toggleMenu span{
    padding-left:20px;
  }

.nav {
  margin:0px;

  margin-left:100px;
  float:none;
  list-style: none;
  *zoom: 1;
  z-index:2000;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav ul {
  list-style: none;
  width: 9em;
  margin:0px;
}
.nav a {
  display:block;
  color:#231f20;
  padding-left:10px;
  padding-right:10px;
        line-height:52px;
  font-size:14px;
  text-transform:uppercase;
  text-decoration:none;
  text-shadow:1px 1px #fdfac6;
}
.nav a:hover{
  color:#fff200;
  background-color:#231f20;
  text-shadow:none;
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
}

.nav li {
  position: relative;
  margin:0px;
}

.nav li:last-child{
  /*background:none;*/
}
.nav li .selected,.nav li #menu_selected{
  color:#fff200;
  background-color:#231f20;
  text-shadow:none;
}

.nav > li {
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  position: relative;
  margin:0px;
  float: left;
  text-align:left;
}

.nav > li > a {
    display:block;
}

#mainMenu > li > a#menuSelected{
  color:#ffffff;
  background-color:#231f20;
  text-shadow:none;
 }

.nav li ul {
  margin:0px;

  z-index:2000;
  position: absolute;
  left: -9999px;
  background:url(../images/bg_smoke.png) repeat;
  background:#b1b0b0;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.35);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.35);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.35);

}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}

.nav li li a {
  border-bottom:1px solid #5e5d5d;
  display: block;
  position: relative;
  line-height:28px;
  text-align:left;
  font-size:13px;
  padding-left:15px;
  text-transform:none;
  padding-right:15px;
  text-decoration:none;
}

  .nav li li:last-child a{
    border:none;
  }
.nav li li a#menuSelected{
}
  .nav li li a:hover{
    color:#ffffff;
    background-color:#262948;
  }

.nav li li li a {
  z-index:200;
  border-bottom: 1px solid #000000;
}

@media all and (max-width: 780px) {

#menuOuter{
  margin-top:2px;
  width:100%;
  background:none;
  height:auto;
}

  #mainMenu{
    margin-left:2%;
    margin-left:2%;
    list-style:none;
  }

    .nav{
      clear:both;
      z-index:2000;
      margin:0px;
      padding:0px;
      padding-bottom:10px;

      background:#b1b0b0;

      float:none;
      position:absolute;
      top:77px;
      left:0px;
      width:95%;
      margin-left:3%;
      margin-left:3%;

      border-radius:5px;
      -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.35);
      -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.35);
      box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.35);

    }
      .nav a{
        z-index:2000px;
        display:block;
        padding-left:10px;
        padding-right:10px;
        border-bottom:1px solid #000000;
        color:#ffffff;
      }
      .nav a:hover{
        color:#ffffff;
        background-color:#231f20;
      }

    .active {
        display: block;
    }
    .nav > li {
      margin:0px;
      float: none;
      width:100%;
      background:none;
    }
    #menuSelected{background:none;}
    #mainMenu > li > a#menuSelected{background:none;}

    .nav li:first-child a{
      padding-left:10px;
    }
    .nav li:last-child a{
      padding-right:10px;
    }

    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav > li > a {
      margin-left:auto;
      margin-right:auto;
      color:#ffffff;
      text-shadow:1px 1px #474545;
      line-height:30px;
    }
    .nav li li a {
      display:block;
      line-height:30px;
      text-shadow:1px 1px #474545;
    }

    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav > li > .parent {
      background-image: url("../images/downArrow.png");
      background-repeat: no-repeat;
      background-position: 95% 50%;
    }

    .nav ul {
        display: block;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    .nav li ul{
      background:#8e8c8c;
      width:auto;
      -webkit-box-shadow: none;
      -moz-box-shadow:   none;
      box-shadow:         none;
    }
    .nav li ul li a{
      margin-left:30px;
    }
    .nav li ul li ul li a{
      margin-left:50px;
    }

}


@media all and (max-width: 370px) {
  /*.toggleMenu span{display:none;}*/
}