/** Navigation theme
================================================== */
.booNavigation {
	  width: 800px;
    position: relative;
}


.booNavigation li.navItem {
    padding: 5px 18px 0px 18px;
	line-height:58px;
    float: left;
	font-size:18px;
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.booNavigation li.navItem:hover {


	background:#33373A ;
    cursor: pointer;
	color:#ffffff;
}



.booNavigation li.navItem>a{
    color: #666;
	font-weight:bold;  
}

.booNavigation li.navItem >a:hover {
    color: #ffffff;
	font-weight:bold;  
}

.booNavigation li.navItem .navContent {
    background-color: #EDEDED;
    left: 0;
	-moz-box-shadow:1px 3px 11px #888888; 
	-webkit-box-shadow:1px 3px 11px #888888;
	box-shadow:1px 3px 11px #888888;
    position: absolute;
    top: 109px;
    width: 100%;
	font-size:14px;
	width:790px;
    z-index: 999;
}

.booNavigation .navContent > li {
    color: #555;
    float: left;
	font-size:14px;
    padding:20px;
    width: 36%;
}

.booNavigation .navContent ul li a {
    color: #555;
    display: block;
    padding-left: 20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px #cccccc solid;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.booNavigation .navContent ul li a:hover {
    padding-left: 20px;
	color:#FF0000;
}

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