#w { display: block; width: 250px; margin: 0 auto; }


/* nav menu styles */
#nav { 
  display: block; 
  width: 250px; 
  margin: 0 auto; 
}



#nav li {
	list-style-type: none;
}

#nav > li > a {
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	background-color: #FFFFFF;
	-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	background-image: url(../images/new_arrows/arrow.png);
	background-repeat: no-repeat;
	background-position: 220px center;
}
#nav > li > a:hover, #nav > li > a.open {
	color: #999;
	border-bottom-color: #999;
	background-color: #414141;
	text-shadow: none;
	outline: 0 none;
	background-image: url(../images/new_arrows/arrow.png);
	background-repeat: no-repeat;
	background-position: 220px center;
	
}

#nav li ul {
	display: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #414141;
}

#nav li ul li a {
	background-image: url(../images/new_arrows/arrow_cover.png);
	background-repeat: no-repeat;
	background-position: 235px;
	display: block;
	padding-left: 10px;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #999;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;
}
#nav li ul li a:hover {
	background-image: url(../images/new_arrows/arrow_wh.png);
	background-repeat: no-repeat;
	background-position: 235px;
	color: #fff;
	text-shadow: none;
	outline: 0 none;
	background-color: #87898C;
	-ms-transition: all 350ms linear 100ms;
}