/* Logo left, menu right */





/* header desktop */
@media all and (min-width: 768px) {


header .container {
  /*text-align: right;*/
  text-align: left;
}

  .hgroup {
    width: 31.62%;
    width: 23.076923076923077%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    /*float: left;*/
  }

  nav {
    width: 65.81%;
    width: 74.35897435897436%;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
  }

  .menu  {
    text-align: right;
    float: right;
  }

  .menu > li {
    margin: 0 0 0 2em;   /* gap between top items */

  }

  .menu > li:first-child {
    margin: 0;  /*  remove gap on first */
  }

  .menu .menu-item-search-toggle {
    position: relative;
    right: 1em;
    margin-right: -2em;
  }


}




.ie6 .hgroup,
.ie7 .hgroup,
.ie8 .hgroup {
  float: left; /* IE8 */
}

.ie6 nav,
.ie7 nav,
.ie8 nav {
  float: right; /* IE8 */
}


/*


<style>

  @media (min-width: 768px) {
    #main-nav {
      line-height: 0;
      text-align: left;
    }
    #main-menu {
      display: inline-block;
    }
  }


</style>


*/