#menu {
	margin:0;
	padding:0;
	list-style:none; 
}
/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#menu li {
	position:relative;
	z-index:500;
	list-style:none; 
	text-decoration:none; 
	float:left;
}

/* this is the parent menu */
		#menu li a {
	display:block;
	font-size:13px;
	font-family:Arial,Helvetica,sans-serif;
	color:#fff;
	text-decoration:none; font-weight:bold;
	padding:5px 15px 5px 15px; margin-right:10px;
	text-transform:uppercase; border-radius:4px;
	
	 transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;
}
#menu li a:hover{
	background:#fff;
	color:#000;
	
	
}

 #menu li a.selected {
	background:#fff;
	color:#000;
	
}
#menu li.normal a:hover {
	background:#3a3a3a;
	color:#391800;
	border-radius:4px 4px 0px 0px;
	
}
/* you can make a different style for default selected value */
		
	
	#menu a.active {
	color:#000;
	background:#fff;
	
	  transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;
	
}
/* submenu, it's hidden by default */
		#menu ul {
	position:absolute; border:1px solid #713331; border-top:9px solid #713331;
	left:0;
	display: none;
	margin-top:0px;
	padding:0px 0px 10px 0px;
	list-style:none;
	background:#fff;
	border-radius:0px 4px 4px 4px;
	box-shadow:3px 5px 5px rgba(0, 0, 0, .25);
	
}
#menu ul:after{
 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #713331;
    border-color: -moz-use-text-color #db3a37 #db3a37 -moz-use-text-color;
    border-image: none;
    border-style: none solid solid none;
    border-width: medium 0px 0px medium;
    content: "";
    height: 10px;
    margin-top: -14px; float:left;
	 margin-left: -140px;
	
    position: absolute;
   transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
    text-align:center;
    width: 10px;
    }
#menu ul li {
	float:left;
	width:auto;
	min-width:150px; text-align:left;
	font-size:14px; border-bottom:1px solid #CCCCCC;
}
#menu ul li:hover {}
/* display block will make the link fill the whole area of LI */
		#menu ul li a {
	display:block;
	color:#391800;
	font-size:13px;	font-family:Arial,Helvetica,sans-serif;
	
	padding:5px 7px 5px 20px;
	background:url(../images/arrow.png) no-repeat 9px 12px;
}
#menu ul li a:hover {
	color:#df312a;
	background:url(../images/arrow.png) no-repeat 9px 12px;
}