#home{
 width:87px;
 height: 37px;
 background-image:  url("../images/navbg_home_off.gif");
}

#about{
width: 102px;
height: 37px;
background-image:  url("../images/navbg_about_off.gif");
}

#collections{
width: 117px;
height: 37px;
background-image:  url("../images/navbg_collections_off.gif");
}

#accessories{
width: 117px;
height: 37px;
background-image:  url("../images/navbg_accessories_off.gif");
}

#options{
width: 102px;
height: 37px;
background-image:  url("../images/navbg_options_off.gif");
}

#ordering{
width: 102px;
height: 37px;
background-image:  url("../images/navbg_ordering_off.gif");
}

#links{
width: 87px;
height: 37px;
background-image:  url("../images/navbg_links_off.gif");
}

#contact{
width: 85px;
height: 37px;
background-image:  url("../images/navbg_contact_off.gif");
}



#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height: 37px;
text-align: center;
}

#nav a{
display:block;
color:#000;
text-decoration:none;
background-color:#333;


}


#nav a:hover{
background-image:  url("../images/navbar_background_hover.gif");
color:#333;

}




#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
top:37px;
}



#nav li ul a{
width: 185px;
text-align: left;
float:left;
background: #F8F2DB;
border-top: 1px solid #ccc;
padding: 0px 0px 0px 5px;
line-height: 30px;
}




#nav li ul li ul a{
background: #F8F2CC;
border-left: 2px solid #C8F6F6;
}



#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:185px;
margin:0px 0px 0px 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;

}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block; 

}