#nav-desktop{
	list-style:none;
	float:left;
	width:100%;
	margin-left: 0;
	position:relative;
	z-index:100;
	background-color: #ffffff;
}
#nav-desktop li{
	float: left;
	position: relative;
	width: auto;
	text-align: left;
	background-color: #ffffff;
}
#nav-desktop li.last{
	background-color:#ef4423;
	float: right;
}
#nav-desktop li.noborder{
	border: none;
}
#nav-desktop li a.active{
}
#nav-desktop li a {
}

#nav-desktop a{
	font-family: Calibri, sans-serif;
	font-weight:bold;
	display:block;
	white-space:nowrap;
	padding: 25px 15px 25px 15px;
	color:#000000;
	text-decoration:none;
	font-size:20px;
}



/* Navigation Dropdown */

#nav-desktop ul{
	list-style:none;
	position:absolute;
	left:-9999px;
	/*padding-bottom: 6px;*/
	background-color: #ef4423;
}
#nav-desktop li.last ul{
	background-color: #666;
}

#nav-desktop ul li{
	float:none;
	border-right-style: none;
	width: auto;
	
}

#nav-desktop ul a{
	/*white-space:nowrap;*/ 
	/* Stop text wrapping and creating multi-line dropdown items */
	text-transform: none;
}
#nav-desktop li:hover ul{ /* Display the dropdown on hover */
	left:0;
	
	 /* Bring back on-screen when needed */
}
#nav-desktop li.last:hover ul{ /* Display the dropdown on hover */
	left:-142px;
	
	 /* Bring back on-screen when needed */
}

#nav-desktop li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
	background-color: #ef4423;
	color:#FFF;
}
	#nav-desktop li.last:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background-color: #666;
	
	
}
#nav-desktop li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background-color: #ef4423;
	/*border-right-width: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #444;*/
}
#nav-desktop li:hover ul li.category{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
	background-color: #000;
	font-family: Rokkitt, sans-serif;
	display: block;
	white-space: nowrap;
	padding: 7px 12px 7px 12px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	width: 196px;
	text-transform: uppercase;	
}
#nav-desktop li.last:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	background-color: #666;
}
#nav-desktop li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	text-decoration:none;
	background-color: #ff5b3b;
}
#nav-desktop li.last:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	text-decoration:none;
	background-color: #999;
}