/**
 * Name: booNavigation.css
 * Date:Sun 16 Feb 2014
 * Author: Noemi Losada Estrella <info@noemilosada.com>
 * Creative Commons/*Eternity*/


/** General
================================================== */
* {
    margin: 0;
    padding: 0;
     font-family: "Myriad Pro-Light",Helvetica, Arial
}

/*body {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: #333;

}*/


ul li
{
    list-style-type: none;
}
/*removed float left to full background*/

 /*#container ul li {
    list-style-type: none;
    line-height:28px;
      margin:0 20px 0 0;
    float:left;
}*/

/*change line-hiegt and height to make it to bottom */
     #container {
    
    
    background-color: #9ABB3C;
    border-top: 5px solid #c4c5c7;
    font-family: "Myriad Pro-Light",Helvetica, Arial ;
    font-size: 1.2em;
    font-weight: 400;
    color: #333;
    /*padding: 5px 20px;*/
   
    text-decoration: none;
}
/*valign bottom for menu to bottom */
/*#container ul {
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:bottom;
    display:inline-block;
    line-height:1em;
}*/

a {
    color: #333;
    text-decoration: none;
}

/** Navigation theme
================================================== */
.booNavigation {
    position: relative;
    width:100%;
     font-family: "Myriad Pro-Light",Helvetica, Arial;

      

}
/*use this to change to height of boo nav menus*/
    .booNavigation li.navItem
    {
        background-color: #9ABB3C;
     vertical-align:bottom;
        padding: 29px 20px;
        float: left;
        text-decoration: none;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        /*height: 101px;*/
          list-style:none;
    vertical-align:bottom;
    display:inline-block;
    line-height:1em;
     font-family: "Myriad Pro-Light",Helvetica, Arial;



  
  
   




        
    } 


    .booNavigation ul {
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:bottom;
    display:inline-block;
    line-height:1em;
}
/*custo m created to provide  */
  /*.booNavigation ul
{
  margin:0;
    padding:0;
    list-style:none;
    vertical-align:bottom;
    display:inline-block;
    line-height:1em;

    
}*/
    


    /*use this to give border on hover*/ 
.booNavigation li.navItem:hover {
    background-color: #E99523;
    border-color: #000;
    cursor: pointer;
   /* border-top: 2px solid #004da2;*/
}

    /*.booNavigation li.navItem:focus, .active
    {
        background-color: #ccc;
    }*/

.booNavigation li.navItem > a {
    color: #fff;

}
/*use this for submenu positioning submenu */
.booNavigation li.navItem .navContent {
    background-color: #B4CC34;
    left: 0;
    position: absolute;
     top: 38px;
    width: 100%;
    z-index: 999;
     -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
     
}
/*USE TO CHNGE SUBMENU WIDTH*/
.booNavigation .navContent > li {
    color: #fff;
    float: left;
    /*padding: 10px;*/
    width: 11%;
     -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
}

.booNavigation .navContent ul li a {
    color: #fff;
    display: block;
    padding: 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    padding-right:2px;
    
}

.booNavigation .navContent ul li a:hover {
    /*background-color: #fff;
    color:#231f20;*/
    padding-left: 20px;
    border:1px solid #fff;
    /*border:1px solid #231f20;*/
      /*background-color: #323232;*/
    left: 0;
    
    /*top: 118px;*/
    width: 100%;
    background-color:#E99523;
   color: #fff;

}

/** Navigation examples
================================================== */
.nav-example {
    clear: left;

}


.navbg
{
  background-color: #9ABB3C;
    border-color: #000;
    cursor: pointer;
	width: 100%;
}
.DivlogoBg
{
    float:left;
    background-color:#B4CC34;
    width:500px;
    height:75px;
    text-align:left;
}