.menu {
	position: relative;
	z-index: 300;
}

.menu ul {
	float: left;
	width: 910px;
	height:41px;
	padding: 0 25px 0 25px;
	background:url(../images/menu-background.gif) top left repeat-x;	
}

.menu li {
	float:left;
	background: transparent url(../images/menu-edge.gif) top left no-repeat;
}

.menu li.first,
.menu li.last {
	background: transparent url(../images/menu-edge-left.gif) top left no-repeat;
}	

.menu li.last {
	float: right;
}

.menu li.last ul{	
 right: 25px;
}

.menu li a,
.menu li .holder {
	color: #fff;
	display:block;
	font-weight:bold;
	font-size: 1.4em;
	line-height:36px;
	text-align:center;
	background: transparent url(../images/menu-edge-right.gif) top right no-repeat;
}

.menu li a span,
.menu li .holder span {
	display: block;
	padding: 0 13px 0 15px;
	margin-right: 2px;	
}

.menu li:hover a span,
.menu li:hover .holder span {
	background:url(../images/menu-background-hover.gif) top left repeat-x;
}	

.menu li:hover a 
.menu li:hover .holder{
	background: transparent url(../images/menu-edge-right-hover.gif) top right no-repeat;
}

.menu li ul {
	position:absolute;
	height:auto;
	width:225px;
	display:none;
	padding: 15px 12px 12px 12px;
	background: #5b5b5b;
	z-index: 200;
}

.menu li:hover ul{
	display:block;
}

.menu li li {
	display:block;
	float:none;
	padding:0px;
	width:225px;
}

.menu li ul a,
.menu li:hover ul a {
	display:block;
	font-size: 1.2em;
	font-style:normal;
	line-height: 28px;
	padding: 0px 10px 0px 15px;
	margin-bottom: 3px;
	text-align:left;
	color: #fff;
	background: #333;
}


.menu li:hover ul a span,
.menu li:hover ul a {
	background: #333;
}

.menu li:hover ul a span {
	padding: 0;
}

.menu li ul a:hover {
	background: #d20000;
	color: #fff;
}

.menu li ul li a:hover span {
	background: #d20000;
}