#nav-menu
{
 width:60em;
 float:left;
}


#nav-menu ul
{
  list-style: wrap;
  padding: 0;
  margin: 0;
  border:0;
  float:left;
}


#nav-menu a {
  float:left;
  width:114px;
  display:block;
  border:0;
  margin-left: 12px; 
  margin:0.1em;
  padding:0;
}

#nav-menu li
{
 list-style-type:none; /* removes the asterix or the star on the buttons */
 float:left;
 padding:0;
 border:0;
 background-color: none;
}


#nav-menu #nav-1 a {
  background-image: url(/static/images/visiting.png);
  background-repeat: no-repeat;
  border: 0;
  height:32px;
  float:left;
}


#nav-menu #nav-1 a:hover, #nav-menu #nav-1 a:active {
  background-image: url(/static/images/visiting_o.png);
  background-repeat: no-repeat;
  height:32px;
  border: 0;
}

body.section-1 #nav-menu li#nav-1 a {
  background-image: url(/static/images/visiting_c.png);
  background-repeat: no-repeat;
  height:32px;
  border: 0;
}

/* directory */
#nav-menu #nav-2 a {
  background-image: url(/static/images/directory.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-2 a:hover, #nav-menu #nav-2 a:active {
  background-image: url(/static/images/directory_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-2 #nav-menu li#nav-2 a {
  background-image: url(/static/images/directory_c.png);
  background-repeat: no-repeat;
  height:32px;
}	


/* directoryphotos */
#nav-menu #nav-3 a {
  display:block;  
  background-image: url(/static/images/directoryphotos.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-3 a:hover, #nav-menu #nav-3 a:active {
  background-image: url(/static/images/directoryphotos_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-3 #nav-menu li#nav-3 a {
  background-image: url(/static/images/directoryphotos_c.png);
  background-repeat: no-repeat;
  height:32px;
}	


/* directoryfiles */
#nav-menu #nav-4 a {
  display:block;  
  background-image: url(/static/images/directoryfiles.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-4 a:hover, #nav-menu #nav-4 a:active {
  background-image: url(/static/images/directoryfiles_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-4 #nav-menu li#nav-4 a {
  background-image: url(/static/images/directoryfiles_c.png);
  background-repeat: no-repeat;
  height:32px;
}

/* collabrum */
#nav-menu #nav-5 a {
  display:block;  
  background-image: url(/static/images/collabrum.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

/* blue */
#nav-menu #nav-5 a:hover, #nav-menu #nav-5 a:active {
  background-image: url(/static/images/collabrum_o.png);
  background-repeat: no-repeat;
  height:32px;
}

/* purple */
body.section-5 #nav-menu li#nav-5 a {
  background-image: url(/static/images/collabrum_c.png);
  background-repeat: no-repeat;
  height:32px;
}

/* collabrumphotos */
#nav-menu #nav-6 a {
  display:block;  
  background-image: url(/static/images/collabrumphotos.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-6 a:hover, #nav-menu #nav-6 a:active {
  background-image: url(/static/images/collabrumphotos_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-6 #nav-menu li#nav-6 a {
  background-image: url(/static/images/collabrumphotos_c.png);
  background-repeat: no-repeat;
  height:32px;
}

/* collabrumfiles */
#nav-menu #nav-7 a {
  display:block;  
  background-image: url(/static/images/collabrumfiles.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-7 a:hover, #nav-menu #nav-7 a:active {
  background-image: url(/static/images/collabrumfiles_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-7 #nav-menu li#nav-7 a {
  background-image: url(/static/images/collabrumfiles_c.png);
  background-repeat: no-repeat;
  height:32px;
}

/* add directory */
#nav-menu #nav-8 a {
  background-image: url(/static/images/directory.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-8 a:hover, #nav-menu #nav-8 a:active {
  background-image: url(/static/images/directory_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-8 #nav-menu li#nav-8 a {
  background-image: url(/static/images/directory_c.png);
  background-repeat: no-repeat;
  height:32px;
}	


/* sendmessage */
#nav-menu #nav-9 a {
  display:block;  
  background-image: url(/static/images/sendmessage.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-9 a:hover, #nav-menu #nav-9 a:active {
  background-image: url(/static/images/sendmessage_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-9 #nav-menu li#nav-9 a {
  background-image: url(/static/images/sendmessage_c.png);
  background-repeat: no-repeat;
  height:32px;
}

/* contacts */
#nav-menu #nav-10 a {
  display:block;  
  background-image: url(/static/images/contacts.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-10 a:hover, #nav-menu #nav-10 a:active {
  background-image: url(/static/images/contacts_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-10 #nav-menu li#nav-10 a {
  background-image: url(/static/images/contacts_c.png);
  background-repeat: no-repeat;
  height:32px;
}

/* blogs */
#nav-menu #nav-11 a {
  display:block;  
  background-image: url(/static/images/publishblog_g.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-11 a:hover, #nav-menu #nav-11 a:active {
  background-image: url(/static/images/publishblog_b.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-11 #nav-menu li#nav-11 a {
  background-image: url(/static/images/publishblog_p.png);
  background-repeat: no-repeat;
  height:32px;
}

/* photoalbum */
#nav-menu #nav-12 a {
  display:block;  
  background-image: url(/static/images/photo.png); 
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-12 a:hover, #nav-menu #nav-12 a:active {
  background-image: url(/static/images/photo_o.png); 
  background-repeat: no-repeat;
  height:32px;
}

body.section-12 #nav-menu li#nav-12 a {
  background-image: url(/static/images/photo_c.png); 
  background-repeat: no-repeat;
  height:32px;
}


/* filefolder */
#nav-menu #nav-13 a {
  display:block;  
  background-image: url(/static/images/filefolder.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-13 a:hover, #nav-menu #nav-13 a:active {
  background-image: url(/static/images/filefolder_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-13 #nav-menu li#nav-13 a {
  background-image: url(/static/images/filefolder_c.png);
  background-repeat: no-repeat;
  height:32px;
}

/* help */
#nav-menu #nav-14 a {
  display:block;  
  background-image: url(/static/images/help.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-14 a:hover, #nav-menu #nav-14 a:active {
  background-image: url(/static/images/help_o.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-14 #nav-menu li#nav-14 a {
  background-image: url(/static/images/help_c.png);
  background-repeat: no-repeat;
  height:32px;
}

/* search */
#nav-menu #nav-15 a {
  display:block;  
  background-image: url(/static/images/search_g.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-15 a:hover, #nav-menu #nav-15 a:active {
  background-image: url(/static/images/search_b.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-15 #nav-menu li#nav-15 a {
  background-image: url(/static/images/search_p.png);
  background-repeat: no-repeat;
  height:32px;
}

/* most popular */
#nav-menu #nav-16 a {
  display:block;  
  background-image: url(/static/images/mostp_g.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-16 a:hover, #nav-menu #nav-16 a:active {
  background-image: url(/static/images/mostp_b.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-16 #nav-menu li#nav-16 a {
  background-image: url(/static/images/mostp_p.png);
  background-repeat: no-repeat;
  height:32px;
}

/* folksonomy  */
#nav-menu #nav-17 a {
  display:block;  
  background-image: url(/static/images/folksonomy_g.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-17 a:hover, #nav-menu #nav-17 a:active {
  background-image: url(/static/images/folksonomy_b.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-17 #nav-menu li#nav-17 a {
  background-image: url(/static/images/folksonomy_p.png);
  background-repeat: no-repeat;
  height:32px;
}
/* folksonomy */

/* manage business  */
#nav-menu #nav-18 a {
  display:block;  
  background-image: url(/static/images/business_g.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-18 a:hover, #nav-menu #nav-18 a:active {
  background-image: url(/static/images/business_b.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-18 #nav-menu li#nav-18 a {
  background-image: url(/static/images/business_p.png);
  background-repeat: no-repeat;
  height:32px;
}

/* people   */
#nav-menu #nav-19 a {
  display:block;  
  background-image: url(/static/images/people_g.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-19 a:hover, #nav-menu #nav-19 a:active {
  background-image: url(/static/images/people_b.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-19 #nav-menu li#nav-19 a {
  background-image: url(/static/images/people_p.png);
  background-repeat: no-repeat;
  height:32px;
}


/* photos */
#nav-menu #nav-20 a {
  display:block;
  background-image: url(/static/images/photos_g.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-20 a:hover, #nav-menu #nav-20 a:active {
  background-image: url(/static/images/photos_b.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-20 #nav-menu li#nav-20 a {
  background-image: url(/static/images/photos_p.png);
  background-repeat: no-repeat;
  height:32px;
}

/* blogs */
#nav-menu #nav-21 a {
  display:block;
  background-image: url(/static/images/blogs_g.png);
  background-repeat: no-repeat;
  height:32px;
  float:left;
}

#nav-menu #nav-21 a:hover, #nav-menu #nav-21 a:active {
  background-image: url(/static/images/blogs_b.png);
  background-repeat: no-repeat;
  height:32px;
}

body.section-21 #nav-menu li#nav-21 a {
  background-image: url(/static/images/blogs_p.png);
  background-repeat: no-repeat;
  height:32px;
}



/*
body.section-1 #nav-menu li#nav-1 a,
body.section-2 #nav-menu li#nav-2 a,
body.section-3 #nav-menu li#nav-3 a,
body.section-4 #nav-menu li#nav-4 a,
body.section-5 #nav-menu li#nav-5 a,
body.section-6 #nav-menu li#nav-6 a,
body.section-7 #nav-menu li#nav-7 a,


/*
body.section-1 #nav-menu li#nav-1 a,
body.section-2 #nav-menu li#nav-2 a,
body.section-3 #nav-menu li#nav-3 a,
body.section-4 #nav-menu li#nav-4 a,
body.section-5 #nav-menu li#nav-5 a,
body.section-6 #nav-menu li#nav-6 a,
body.section-7 #nav-menu li#nav-7 a,
body.section-8 #nav-menu li#nav-8 a,
body.section-9 #nav-menu li#nav-9 a,
body.section-10 #nav-menu li#nav-10 a,
body.section-11 #nav-menu li#nav-11 a,
body.section-12 #nav-menu li#nav-12 a,
body.section-13 #nav-menu li#nav-13 a,
body.section-14 #nav-menu li#nav-14 a
*/