/**
 * jquery.rgjq.ease.slide.menu 1.0.0.
 * 
 * Copyright (c) 2009 RGdesign.org
 * http://www.rgdesign.org
 *
 * Dual licensed under MIT and GPL 2+ licenses
 * http://www.opensource.org/licenses
 *
 * Launch  : Sep 2009
 * Version : 1.0.0 - Sep 24 2009 15:54:00 GMT-0300
 */

.menu{width: 100%; overflow: auto;  margin:0 auto;position:relative;}
.menu ul{display: block; padding: 0; margin: 0; list-style: none; position:relative;font: bold 12px Verdana;border-bottom: 1px solid gray;background: #746F5C;}
.menu ul li{display: block; float: left; background:#746F5C;}
.menu ul a{display: block; text-decoration: none; font-size:12px; line-height:27px; color:white !important; text-align:center;
	/* here you define the with and height of each li in fact */
	padding: 7px 5px 3px 5px;
	/* this simulates the space between items */
	border-right: 1px solid #4F4E3A;}
.menu li a:hover{
background: #ABA98C; /*background of tabs for hover state */
color: #323218;
}
.menu ul li.selected{background:#ABA98C;}
.menu ul li.selected a{color:#323218 !important;}
.menu li.firstItem{}
/* i don´t want the 5px border on last item */
.menu li.lastItem a{border-right:0px!important;}