/*Menu style sheet for Mere Theory website*/

#navigation span {
	display: none;
	}

#navigation ul {
	margin: 0px 0px 0px 367px;
	padding: 0px;
	display: block;
	float: left;
	height: 50px;
	display: inline;
	}

#navigation ul li {
	float: left;
	display:block;
	height: 50px;
	position: relative;
	}

#navigation ul li a {
	display: block;
	height: 50px;
	}

#navigation a.news {
	background-image: url(../images/menu/menu_news.gif);
	height: 50px;
	width: 76px;
	}

#navigation a:hover.news, #navigation a.newson  {
	background-image: url(../images/menu/menu_news.gif);
	background-position: bottom;
	height: 50px;
	width: 76px;
	}

#navigation a.shows {
	background-image: url(../images/menu/menu_show.gif);
	height: 50px;
	width: 85px;
	}

#navigation a:hover.shows, #navigation a.showson  {
	background-image: url(../images/menu/menu_show.gif);
	background-position: bottom;
	height: 50px;
	width: 85px;
	}

#navigation a.media {
	background-image: url(../images/menu/menu_medi.gif);
	height: 50px;
	width: 79px;
	}

#navigation a:hover.media, #navigation a.mediaon  {
	background-image: url(../images/menu/menu_medi.gif);
	background-position: bottom;
	height: 50px;
	width: 79px;
	}

#navigation a.photos {
	background-image: url(../images/menu/menu_phot.gif);
	height: 50px;
	width: 90px;
	}

#navigation a:hover.photos, #navigation a.photoson  {
	background-image: url(../images/menu/menu_phot.gif);
	background-position: bottom;
	height: 50px;
	width: 90px;
	}

#navigation a.merch {
	background-image: url(../images/menu/menu_merc.gif);
	height: 50px;
	width: 83px;
	}

#navigation a:hover.merch, #navigation a.merchon  {
	background-image: url(../images/menu/menu_merc.gif);
	background-position: bottom;
	height: 50px;
	width: 83px;
	}

#navigation a.links {
	background-image: url(../images/menu/menu_link.gif);
	height: 50px;
	width: 73px;
	}

#navigation a:hover.links, #navigation a.linkson  {
	background-image: url(../images/menu/menu_link.gif);
	background-position: bottom;
	height: 50px;
	width: 73px;
	}

#navigation a.band {
	background-image: url(../images/menu/menu_band.gif);
	height: 50px;
	width: 73px;
	}

#navigation a:hover.band, #navigation a.bandon  {
	background-image: url(../images/menu/menu_band.gif);
	background-position: bottom;
	height: 50px;
	width: 73px;
	}

#navigation a.home {
	background-image: url(../images/menu/menu_home.gif);
	height: 50px;
	width: 74px;
	}

#navigation a:hover.home, #navigation a.homeon {
	background-image: url(../images/menu/menu_home.gif);
	background-position: bottom;
	height: 50px;
	width: 74px;
	}