.menu {
	width:			100%;
	height:			30px;
	float:			left;
	background:		#252122;
	overflow:		hidden;
}

.menu .item {
	float:			left;
	position:		relative;
}

.menu .item a {
	display:		block;
	height:			25px;
	line-height:		25px;
	padding:		5px 14px;
	color:			#fff;
	font-family:		HelveticaNeueLTPro63MediumExt, arial;
	text-transform:		uppercase;
	text-decoration:	none;
}

.menu .item a:hover,
.menu .item a:focus,
.menu .item.hover a {
	color:			#ec008c;
}

.menu .item.hasSub a {
	padding-right:		25px;
}

.menu .item.hasSub a .arrow {
	display:		block;
	background:		url(../images/icons.png) 0px -50px no-repeat;
	width:			5px;
	height:			3px;
	position:		absolute;
	right:			10px;
	top:			14px;
}

.menu .item.hasSub a:hover .arrow,
.menu .item.hover a .arrow {
	background:		url(../images/icons.png) 0px -100px no-repeat;
}

.menu .item.active a,
.menu .item.active a:hover {
	background:		#ec008c;
	color:			#fff;
}

.menu .item.active a .arrow {
	background:		url(../images/icons.png) 0px -50px no-repeat!important;
}

.menu .seperator {
	float:			left;
	width:			3px;
	height:			30px;
	background:		url(../images/menu_seperator.png) top left no-repeat;
}

.menu .nextToActive {
	background:		none;
}

#submenu {
	position:		relative;
	height:			40px;
	margin-bottom:		0;
}

.submenu {
	position:		absolute;
	top:			0;
	display:		none;
	padding:		10px 0;
	background:		#fff;
}

.submenu .item {
	float:			left;
	position:		relative;
	overflow:		auto;
}

.submenu .item a {
	display:		block;
	height:			16px;
	line-height:		16px;
	padding:		2px 8px 0;
	font-family:		HelveticaNeueLTPro55Roman, arial;
	text-transform:		uppercase;
	text-decoration:	none;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	color:			#333333;
	margin:			0 2px 0 0;
}

.submenu .item:hover a {
	background:		#aaa;
	color:			#fff;
}

.submenu .item.active a {
	background:		#ec008c;
	color:			#fff;
}