@charset "UTF-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Lato);

*, *:before, *:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
}

/*| Navigation |*/

nav{
	position: absolute;/* changed from fixed */
	top: 0;
	left: 0;/* changed from left: 0 */
	width: 100%;
	box-shadow: 0 1px 10px -2px rgba(0,0,0,.1);/* changed from 0 3px 10px -2px*/
	border: 0 0 1px 0 solid rgba(0,0,0,.1);/* changed from 1px solid */
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0px top;
	background-image: url(honuyoga_banner4.jpg);/* changed this to add picture of logo on left side 1/16/16*/
}
  nav ul{
	list-style: none;
	position: relative;
	float: right;/* changed from right*/
	margin-right: 10px;/*changed from 100px shifed everything closer to the right edge*/
	display: inline-table;
	
  }
    nav ul li{
      float: right;/* changed from right*/
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }

    nav ul li:hover{background: rgba(0,0,0,.15);}
    nav ul li:hover > ul{display: block;}
    nav ul li{
      float: left;/* changed from left*/
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }
      nav ul li a{
	display: block;/* changed from 30px 20px, then changed from 10px 20px to 75px 20px , 9px is the spacing inbetween menu items 1/17/16*/
	color: #222;
	font-size: .9em;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 62px;
	padding-right: 9px;
	padding-bottom: 62px;
	padding-left: 9px;	
      }
      nav ul ul{
	display: none;
	background: #fff;
	position: absolute;
	top: 100%;
	box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
      }
        nav ul ul li{float: none; position: relative;}
          nav ul ul li a {
            padding: 15px 30px; 
            border-bottom: 1px solid rgba(0,0,0,.05);
          }
          nav ul ul ul {
            position: absolute; 
            left: 100%; 
            top:0;
          }