ul.menu { margin:0; padding:0; z-index:10; position:relative; font-family:'Open Sans', Arial, sans-serif;}

.menu,
.menu ul,
.menu li,
.menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* Menu */
.menu { height: 50px; background: #D04528;   }
.menu li { position: relative; list-style: none; float: left; display: block; height: 50px; }

/* Links */

.menu li a { display: block; padding: 0 25px; margin: 6px 0; line-height: 36px; text-decoration: none; font-weight: bold; font-size: 13px; color: #fff; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }

.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
.menu li:hover > a { color: #000; }

/* Sub Menu */

.menu ul { position: absolute; top: 50px; left: 0; opacity: 0; background: #C34328; -moz-box-shadow:0px 3px 4px #591E12 inset; -webkit-box-shadow:0px 3px 4px #591E12 inset; -box-shadow:0px 3px 4px #591E12 inset; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; padding: 20px; }
.menu li:hover > ul { opacity: 1; }
.menu ul li { height: 0; overflow: hidden; padding: 0; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; }

.menu li:hover > ul li { height: 24px; overflow: visible; padding: 0;   }
.menu ul li a { width: 200px; /*padding: 4px 0 4px 15px;*/ padding:0px; margin: 0; border: none; font-size:11px !important; font-weight: 400 !important; line-height:normal; }
.menu ul li a:hover { color:#FFB39F;  }
.menu ul li:last-child a { border: none; }

/* Icons */
.down-icon {display: block; position: absolute; top: 22px; right: 10px; width: 8px; height: 6px; background: url(Images/arrow.png) no-repeat 0 0;}
.down-icon a {background-position: 100% -40px; color: #000; text-shadow: none;}

.menu a.documents { background: url(../img/docs.png) no-repeat 6px center; }
.menu a.messages { background: url(../img/bubble.png) no-repeat 6px center; }
.menu a.signout { background: url(../img/arrow.png) no-repeat 6px center; }