.menu { font-family: Arial, Helvetica, sans-serif; }

.menu ul { float:right; list-style:none; height:50px; margin:27px 0 0 0; }
.menu ul li { background: url('../images/menu_li.jpg') no-repeat right top; float:left; font-size:16px; position:relative; margin-left:2px; }
.menu ul li:hover{ background-position:right -50px; }
.menu ul li a { background: url('../images/menu_li_a.jpg') no-repeat left top; float:left; display:block; height:50px; padding:0 18px 0 15px; color:#f7a413; text-decoration:none; line-height:40px; }
.menu ul li:hover a { background-position:left -50px; color:#101727; }

.menu ul li.current { background-position: right bottom; }
.menu ul li.current a { background-position: left bottom; color: #fff; }
.menu ul li.current:hover { background-position: right bottom; }
.menu ul li.current:hover a { background-position: left bottom; color: #fff; } 

.menu ul li span.caption { font-size:10px; color:#f1f1f1; position:absolute; top:27px; left:15px; margin:0; padding:0; line-height:1; }
.menu ul li.current:hover span.caption { color:#f1f1f1; }
.menu ul li:hover span.caption { color:#101727; }