/*//////////////////////////////////////////////////////////////////
// FILE:         mod_customenu.css
//------------------------------------------------------------------
// PACKAGE:      mod_customenu
// NAME:         CustoMenu
// DESCRIPTION:  CustoMenu ...a simple menu for Joomla!
// VERSION:      2.0.3
// CREATED:      June 2007
// MODIFIED:     January 2008
//------------------------------------------------------------------
// AUTHOR:       Peter van Westen
// E-MAIL:       peter@vanwesten.info
// WEBSITE:      http://extensions.vanwesten.info
//------------------------------------------------------------------
// COPYRIGHT:    (C) 2008 - Peter van Westen - All Rights Reserved
// LICENSE:      GNU/GPL  [ http://www.gnu.org/copyleft/gpl.html ]
//////////////////////////////////////////////////////////////////*/

div#mod_customenu span,
div#mod_customenu span span{
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
div#mod_customenu span span{
	background: transparent url(images/menu_button.gif) repeat-x top left;
	width: 100px;
	height: 40px;
	padding: 0px 0px 0px 0px;
}
div#mod_customenu span.span_link_1 span.span_normal{
	background-image: url(images/home.jpg); 
}
div#mod_customenu span.span_link_2 span.span_normal{
	background-image: url(images/about.jpg); 
}
div#mod_customenu span.span_link_3 span.span_normal{
	background-image: url(images/discography.jpg); 
}
div#mod_customenu span.span_link_4 span.span_normal{
	background-image: url(images/media.jpg); 
}
div#mod_customenu span.span_link_5 span.span_normal{
	background-image: url(images/reviews.jpg); 
}
div#mod_customenu span.span_link_6 span.span_normal{
	background-image: url(images/buy.jpg); 
}
div#mod_customenu span.span_link_7 span.span_normal{
	background-image: url(images/contact.jpg); 
}
div#mod_customenu span.span_link_8 span.span_normal{
	background-image: url(images/links.jpg); 
}



div#mod_customenu a,
div#mod_customenu a:hover,
div#mod_customenu span span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	display: inline-block; /* NEEDED FOR IE ON MAC */
}

/* HOVER */
/* You can define different hovers per button too,
   see how it is done for the active buttons */
div#mod_customenu span span.span_hover{
	background-image: url(images/menu_button_hover.gif); 
}
div#mod_customenu span.span_link_1 span.span_hover{
	background-image: url(images/h_home.jpg); 
}
div#mod_customenu span.span_link_2 span.span_hover{
	background-image: url(images/h_about.jpg); 
}
div#mod_customenu span.span_link_3 span.span_hover{
	background-image: url(images/h_discography.jpg); 
}
div#mod_customenu span.span_link_4 span.span_hover{
	background-image: url(images/h_media.jpg); 
}
div#mod_customenu span.span_link_5 span.span_hover{
	background-image: url(images/h_reviews.jpg); 
}
div#mod_customenu span.span_link_6 span.span_hover{
	background-image: url(images/h_buy.jpg); 
}
div#mod_customenu span.span_link_7 span.span_hover{
	background-image: url(images/h_contact.jpg); 
}
div#mod_customenu span.span_link_8 span.span_hover{
	background-image: url(images/h_links.jpg); 
}

/* ACTIVE */
div#mod_customenu span span.span_active{
	color: #FFFFFF;
}
div#mod_customenu span.span_link_1 span.span_active{
	background-image: url(images/a_home.jpg); 
}
div#mod_customenu span.span_link_2 span.span_active{
	background-image: url(images/a_about.jpg); 
}
div#mod_customenu span.span_link_3 span.span_active{
	background-image: url(images/a_discography.jpg); 
}
div#mod_customenu span.span_link_4 span.span_active{
	background-image: url(images/a_media.jpg); 
}
div#mod_customenu span.span_link_5 span.span_active{
	background-image: url(images/a_reviews.jpg); 
}
div#mod_customenu span.span_link_6 span.span_active{
	background-image: url(images/a_buy.jpg); 
}
div#mod_customenu span.span_link_7 span.span_active{
	background-image: url(images/a_contact.jpg); 
}
div#mod_customenu span.span_link_8 span.span_active{
	background-image: url(images/a_links.jpg); 
}