/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	padding:0;
	margin:0 auto;
    list-style-type:none; 
	height:146px; 
	text-align:center;
    float:left;
	position:relative;
	left:50%;
	}

#menu li {
	position:relative;
    float:left; 
	margin:0 5px 0 0;
	right:50%;
	}
	
#menu li.last {
	margin:0;
	}
	
#menu li a {
	display:block; 
	width:auto;
	height:107px; 
	width:77px; 
	line-height:20px; 
	padding-top:10px; 
	color:#fff; 
	text-decoration:none; 
	cursor:pointer;
	}
	
#menu li a {
	top:10px; 
	font-weight:normal;
	font-family:"trebuchet MS", sans-serif; 
	font-size:11px; 
	text-align:center; 
	}

#menu li#home a {background:url(../images/red-off.png);}
#menu li#single a {background:url(../images/orange-off.png);}
#menu li#dropdown a {background:url(../images/yellow-off.png);}
#menu li#dropline a {background:url(../images/green-off.png);}
#menu li#flyout a {background:url(../images/blue-off.png);}
#menu li#support a {background:url(../images/indigo-off.png);}
#menu li#contact a {background:url(../images/violet-off.png);}

#menu li#home a:hover {background:url(../images/red-on.png);}
#menu li#single a:hover {background:url(../images/orange-on.png);}
#menu li#dropdown a:hover {background:url(../images/yellow-on.png);}
#menu li#dropline a:hover {background:url(../images/green-on.png);}
#menu li#flyout a:hover {background:url(../images/blue-on.png);}
#menu li#support a:hover {background:url(../images/indigo-on.png);}
#menu li#contact a:hover {background:url(../images/violet-on.png);}

#menu li#homeon a {background:url(../images/red-on.png);}
#menu li#singleon a {background:url(../images/orange-on.png);}
#menu li#dropdownon a {background:url(../images/yellow-on.png);}
#menu li#droplineon a {background:url(../images/green-on.png);}
#menu li#flyouton a {background:url(../images/blue-on.png);}
#menu li#supporton a {background:url(../images/indigo-on.png);}
#menu li#contacton a {background:url(../images/violet-on.png);}

/* this is for IE6 png transparency fix - note the image path is from the .html file not the .css file 
* html #menu li#home a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/red-off.png', sizingMethod='scale');}
* html #menu li#single a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/orange-off.png', sizingMethod='scale');}
* html #menu li#dropdown a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/yellow-off.png', sizingMethod='scale');}
* html #menu li#dropline a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/green-off.png', sizingMethod='scale');}
* html #menu li#flyout a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/blue-off.png', sizingMethod='scale');}
* html #menu li#support a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/indigo-off.png', sizingMethod='scale');}
* html #menu li#contact a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/violet-off.png', sizingMethod='scale');}

* html #menu li#home a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/red-on.png', sizingMethod='scale');}
* html #menu li#single a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/orange-on.png', sizingMethod='scale');}
* html #menu li#dropdown a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/yellow-on.png', sizingMethod='scale');}
* html #menu li#dropline a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/green-on.png', sizingMethod='scale');}
* html #menu li#flyout a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/blue-on.png', sizingMethod='scale');}
* html #menu li#support a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/indigo-on.png', sizingMethod='scale');}
* html #menu li#contact a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/violet-on.png', sizingMethod='scale');}

* html .home #menu li#home a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/red-on.png', sizingMethod='scale');}
* html .single #menu li#single a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/orange-on.png', sizingMethod='scale');}
* html .dropdown #menu li#dropdown a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/yellow-on.png', sizingMethod='scale');}
* html .dropline #menu li#dropline a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/green-on.png', sizingMethod='scale');}
* html .flyout #menu li#flyout a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/blue-on.png', sizingMethod='scale');}
* html .support #menu li#support a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/indigo-on.png', sizingMethod='scale');}
* html .contact #menu li#contact a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/violet-on.png', sizingMethod='scale');}
*/