/* nav */
#menu ul {margin:0; padding:0; list-style-type:none;}


#menu li {float:left; margin-left:10px;}

#menu li.list1 {background:transparent url(http://www.britishmales.net/nav/home.gif);}
#menu li.list2 {background:transparent url(http://www.britishmales.net/nav/mixes.gif);}
#menu li.list3 {background:transparent url(http://www.britishmales.net/nav/myspace.gif);}
#menu li.list4 {background:transparent url(http://www.britishmales.net/nav/facebook.gif);}
#menu li.list5 {background:transparent url(http://www.britishmales.net/nav/podcast.gif);}
#menu li.list6 {background:transparent url(http://www.britishmales.net/nav/gmail.gif);}


/* Step 6 - General link styling */

#menu a {display:block; width:150px; height:0; padding-top:43px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:45px; height:0;}

#menu li {float:left; margin-right:5px;}


/* Step 8 - Adding the hover images */

#menu a#item1 {background:transparent url(http://www.britishmales.net/nav/_home.gif) -47px -152px no-repeat;}
#menu a#item2 {background:transparent url(http://www.britishmales.net/nav/_mixes.gif) -47px -152px no-repeat;}
#menu a#item3 {background:transparent url(http://www.britishmales.net/nav/_myspace.gif) -47px -152px no-repeat;}
#menu a#item4 {background:transparent url(http://www.britishmales.net/nav/_facebook.gif) -47px -152px no-repeat;}
#menu a#item5 {background:transparent url(http://www.britishmales.net/nav/_podcast.gif) -47px -152px no-repeat;}
#menu a#item6 {background:transparent url(http://www.britishmales.net/nav/_gmail.gif) -47px -152px no-repeat;}

/* Step 9 - Adding the :hover style */

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
#menu a#item6:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:45px; height:0;}

#menu {display:block; width:1024px; height:45px;}