@charset "UTF-8";

#navi{
	width:670px;
	padding:0;
	margin: 0 auto;
}


#navi ul {
	border:0;
	margin: 0;
	padding: 0;
	list-style-type:none;
	line-height: normal;
}

#navi ul li {
	text-indent: -9999px; 
	display: block;
	float: right;	
	padding:0;
	margin: 0;
}

#navi ul li a {
	display: block;
	height: 37px;
	border:0;
	padding:0;
	margin:0;
	text-decoration: none;
	width:37px;
}



#item01 a{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:0 0;
width:37px;
}
#item02 a{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:0 -37px;
width:37px;
}
#item03 a{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:0 -74px;
width:37px;
}
#item04 a{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:0 -111px;
width:37px;
}
#item05 a{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:0 -148px;
width:37px;
}
#item06 a{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:0 -185px;
width:37px;
}
#item07 a{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:0 -222px;
width:37px;
}


#item01 a:hover{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:-37px 0;
width:37px;
}

#item02 a:hover{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:-37px -37px;
width:37px;
}

#item03 a:hover{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:-37px -74px;
width:37px;
}

#item04 a:hover{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat;
background-position:-37px -111px; 
width:37px;
}

#item05 a:hover{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat; 
background-position:-37px -148px; 
width:37px;
}

#item06 a:hover{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat; 
background-position:-37px -185px; 
width:37px;
}

#item07 a:hover{
background: url(http://www.clunkydesign.com/items/img/buttonicon_all.jpg) no-repeat; 
background-position:-37px -222px; 
width:37px;
}