/***********************************************************************************************
/* MENU ****************************************************************************************
/***********************************************************************************************/
#menu{
	width:230px;
	height:32px;
	color:#fff;
	margin:0;
	padding:58px 0px 0px 0px;
	border:0;
	list-style:none;
	float:right;
	line-height:12px;
	background-image:url(../images/bg-menu-divides.png);
	background-repeat:no-repeat;
	background-position:0 58px;
}
ul#topnav {
	margin: 0; padding:0;
	list-style: none;
	width: 230px; 
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}
ul#topnav a {
	float: left;
	display: block;
	height: 12px;
	text-indent: -99999px;
	background-image:url(../images/bg-menu.png);
	background-repeat:no-repeat;
	line-height:12px;
}



/*--HOME----------------------------------------------------*/
ul#topnav li.home a { 
	background-position:0 0;
	width: 35px;
	margin:0px 17px 0px 0px;
}
ul#topnav li.home a:hover {
	background-position:0 -12px;
}
#home ul#topnav li.home a{
	background-position:0 -24px;
}


/*--WORK----------------------------------------------------*/
ul#topnav li.work a { 
	background-position:-52px 0;
	width:38px;
	margin:0px 17px 0px 0px;
}
ul#topnav li.work a:hover {
	background-position:-52px -12px;
}
#work ul#topnav li.work a{
	background-position:-52px -24px;
}


/*--RESUME----------------------------------------------------*/
ul#topnav li.resume a { 
	background-position:-107px 0;
	width:50px;
	margin:0px 17px 0px 0px;
}
ul#topnav li.resume a:hover {
	background-position:-107px -12px;
}
#resume ul#topnav li.resume a{
	background-position:-107px -24px;
}



/*--CONTACT ----------------------------------------------------*/
ul#topnav li.contact a { 
	background-position:-174px 0;
	width:56px;
}
ul#topnav li.contact a:hover {
	background-position:-174px -12px;
}
#contact ul#topnav li.contact a{
	background-position:-174px -24px;
}