/*Menu Styling*/
#menu {
	display:block;
	width:700px;
	height:58px;
}
#menu ul {margin:0; padding:0; list-style-type:none;}

#menu li.listabout {background:transparent url(../images/menu/about-blue.jpg); height: 58px; width: 109px;}
#menu li.listgyms {background:transparent url(../images/menu/gyms-blue.jpg); height: 58px; width: 66px;}
#menu li.listgallery {background:transparent url(../images/menu/gallery-blue.jpg); height: 58px; width: 89px;}
#menu li.listgear {background:transparent url(../images/menu/gear-blue.jpg); height: 58px; width: 58px;}
#menu li.listsponsors {background:transparent url(../images/menu/sponsors-blue.jpg); height: 58px; width: 102px;}
#menu li.listfaq {background:transparent url(../images/menu/faq-blue.jpg); height: 58px; width: 47px;}
#menu li.listcontact {background:transparent url(../images/menu/contact-blue.jpg); height: 58px; width: 116px;}


/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:58px; he\ight:0;}

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

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

#menu a#about {	background:transparent url(../images/menu/about-blue-over.jpg) 0px -58px no-repeat;}
#menu a#gyms {background:transparent url(../images/menu/gyms-blue-over.jpg) 0px -58px no-repeat;}
#menu a#photogallery {background:transparent url(../images/menu/gallery-blue-over.jpg) 0px -58px no-repeat;}
#menu a#gear {background:transparent url(../images/menu/gear-blue-over.jpg) 0px -58px no-repeat;}
#menu a#sponsors {background:transparent url(../images/menu/sponsors-blue-over.jpg) 0px -58px no-repeat;}
#menu a#faq {background:transparent url(../images/menu/faq-blue-over.jpg) 0px -58px no-repeat;}
#menu a#contact {background:transparent url(../images/menu/contact-blue-over.jpg) 0px -58px no-repeat;}

#menu a#about:hover {background-position:0 0; z-index:50;}

#menu a#gyms:hover {background-position:0 0; z-index:50;}
#menu a#photogallery:hover {background-position:0 0; z-index:50;}
#menu a#gear:hover {background-position:0 0; z-index:50;}
#menu a#sponsors:hover {background-position:0 0; z-index:50;}
#menu a#faq:hover {background-position:0 0; z-index:50;}
#menu a#contact:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:58px; he\ight:0;}