#spritenav{
     width:900px;
     height:76px;
     position:relative;
     list-style-type: none;
     margin:0;
     padding:0;       
     background:url("../images/nav_main.png");
}

#spritenav li{

float:left;

}

#spritenav li a{

position:absolute;
top:0;
margin:0;
padding:0;
display:block;
height:76px;
background:url("../images/nav_main.png");
text-indent:-9999px;
overflow:hidden;

}

li#home a {
  
 left:0;
 width:390px;
 background-position: 0 0;

}


li#clothes a {

 left:390px;
 width:92px;
 background-position: -390px 0;

}

li#concept a {

 left:482px;
 width:94px;
 background-position: -482px 0;

}

li#skewled a {

 left:576px;
 width:100px;
 background-position: -576px 0;

}

li#blogs a {

 left:676px;
 width:68px;
 background-position: -676px 0;

}

li#playground a {

 left:744px;
 width:146px;
 background-position: -744px 0;

}

/*hover state*/

li#home a:hover{
 
 background-position:0 -77px;


}

li#clothes a:hover{
 background-position:-390px -77px;
}

li#concept a:hover{
 
 background-position:-482px -77px;


}

li#skewled a:hover{
 
 background-position: -576px -77px;


}

li#blogs a:hover{
 
 background-position: -676px -77px;


}

li#playground a:hover{

 background-position: -744px -77px;

}

/*selected state*/

li#home a.home_selected {
 
 /*background-position:0 -77px;*/


}

li#clothes a.clothes_selected{
 background-position:-390px -77px;
}

li#concept a.concept_selected{
 
 background-position:-482px -77px;


}

li#skewled a.skewled_selected{
 
 background-position: -576px -77px;


}

li#blogs a.blogs_selected{
 
 background-position: -676px -77px;


}

li#playground a.playground_selected{

 background-position: -744px -77px;

}