/*=================== navbar ================*/
.navbar {
  margin:0;
  width:960px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  background-color: #e7e7e7;
  background-image:none;
  filter:none;
  border:none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar select {
  display: none;
}
.navbar .nav {
  margin: 0 auto 0;
}
.navbar .nav > li {
  line-height:40px;
  border-right:1px solid #c7c7c7;
  position:relative;
  -webkit-transition:background .1s linear;
  -moz-transition:background .1s linear;
  transition:background .1s linear;
}
.navbar .nav > li:hover {
 /* background:#3399FE;*/
  color:#886D6D !important;
}

.navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav > .active > a i, .navbar .nav > .active > a:focus i, .navbar .nav > .active > a:hover i, .navbar .nav > .active > a span, .navbar .nav > .active > a:focus span, .navbar .nav > .active > a:hover span
{
    color: #fff;
    text-decoration: none;
    background:#c7c7c7;/*#3399FE;*/ 
    background-color: #c7c7c7;/*#3399FE;*/ 
    filter: #f16325;
    -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.1);
    -moz-text-shadow: 0 1px 0 rgba(0,0,0,.1);
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    cursor: default;
}
.navbar .nav div {
  position: absolute;
  left:-1px;
  background: #e7e7e7;/*#3399FE;*/ 
  z-index:100;
  border:1px solid #c7c7c7;
  border-top:none;
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
  display: none;
}
.navbar .nav > li:first-child {
	border-left:1px solid #c7c7c7;
}
.navbar .nav > li:first-child a {
	font-size: 16px;
  padding:0 16px;
}
.navbar .nav li span {
  display: none;
  color:#333;
}
.navbar .nav > li > a {
  padding: 0 25px;
  color: #505050;
  text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
}
.navbar .nav > li:hover > a:focus,
.navbar .nav > li:hover > a:hover,
.navbar .nav > li:hover > a:focus i,
.navbar .nav > li:hover > a:hover i,
.navbar .nav > li:hover > a:focus span,
.navbar .nav > li:hover > a:hover span {
  color:#fff;
}
.navbar .nav > li:hover a{
  color:black;
  -webkit-text-shadow:0 1px 0 rgba(0,0,0,.1);
  -moz-text-shadow:0 1px 0 rgba(0,0,0,.1);
  text-shadow:0 1px 0 rgba(0,0,0,.1);
}


/* ul nested inside ul */

.navbar .nav div ul {
  list-style: none;
  margin:0;
  padding:0;
  display: table-cell;
}
.navbar .nav div ul li {
  position: relative;
  margin:0;
  padding:0;
  color:#fff;
  border-top:1px solid rgba(0,0,0,.1);
  border-bottom:1px solid rgba(0,0,0,.1);
}
.navbar .nav div ul li:first-child {
 /* border-top:none;*/
}
.navbar .nav div ul li a {
  color:#fff;
  white-space: nowrap;
  padding:6px 18px;
  display: block;
  font-size:12px;
  font-weight: 600;
  text-transform: capitalize;
}
.navbar .nav div ul li a:hover {
  text-decoration: none;
  background:rgba(0,0,0,.1);
   background-color: #CEBBBB;
  color:blue;
}
.navbar .nav div ul li:hover
{
     background-color: #CEBBBB;
    }
.navbar .nav li:hover > div {
  display: block;
}

/* the third level submenu */
.navbar .nav div li div {
  left:100%;
  top:0;
}