.menu{
    background: #0d2354;
    color: #fff;
    padding: 0;
    margin: 0;	
}
.menu > li{
	list-style: none;
	  display: inline-block;
	  vertical-align: middle;
	  *vertical-align: auto;
	  *zoom: 1;
	  *display: inline;
	width: 15.66%;
    text-align: center;
    position: relative;	  	
}
.menu > li a{
    color: #fff;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    display: block;
    position: relative;
}
.menu > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 6px;
  left: 0;
  background-color: #fe8922;

  -webkit-transform: scaleX(0.02);
  transform: scaleX(0.02);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.menu > li > a:hover:before,  .menu > li > a.hover:before{
	height: 1px;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  	width: 70%;
    left: 50%;
    margin-left: -35%;
}
.menu .sub-menu{
	display: none;
	position: absolute;
    top: 35px;
    left: 0;
    background: #0d2354;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 120%;	
}
.menu .sub-menu li:before {
    content: "• ";
    color: #fe8922; 
}
.menu .sub-menu a{
	font-size: 13px;
	  display: inline-block;
	  vertical-align: middle;
	  *vertical-align: auto;
	  *zoom: 1;
	  *display: inline;
	  line-height: 23px;
}
.menu .sub-menu a:hover{
	color: #fe8922;
}
.menu .sub-menu li{
	list-style: none;
	padding-left: 8px;
}