<ul id="subnav" class="clearfix">
	<li class="page_item page-item-259"><a href="http://www.cogenra.com/products-services/hppa/" title="HPPA">HPPA</a></li>
	<li class="page_item page-item-261"><a href="http://www.cogenra.com/products-services/system-purchase/" title="System Purchase">System Purchase</a></li>
	<li class="page_item page-item-75"><a href="http://www.cogenra.com/products-services/installation/" title="Installation">Installation</a></li>
	<li class="page_item page-item-81 current_page_item"><a href="http://www.cogenra.com/products-services/incentives/" title="Incentives">Incentives</a></li>
</ul>

#subnav {
	list-style:none;
	padding:0;
	margin:1.6em 0;
}
#subnav li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
#subnav li a {
	font-size:14px;
	margin:0;
	text-decoration:none;
	display:block;
	color:#424a53;
	letter-spacing:0.01em;
	padding:3px 18px 4px 3px;
	line-height:1.2em;
	background:#e0e1e3 url(subnav-bg.gif) top right no-repeat;
}
#subnav li.previous-current a {
	background-image:url(subnav-bg-left.gif);
	background-position:top right
	background-repeat:no-repeat;
}
#subnav li.previous-current a:hover {
	background-image:url(subnav-bg-double.png);
	background-position:top right
	background-repeat:no-repeat;
}
#subnav li.first a {
	padding-left:10px;
}
#subnav li.last a {
	background-image:url(subnav-bg-farright.png);
	background-position:top right
	background-repeat:no-repeat;
}
#subnav li a:hover,
#subnav li.current_page_item a,
body.pageid-91 #subnav li.page-item-178 a,
#subnav li.last:hover a {
	color:#fff;
	background:#FE9914 url(subnav-bg-right.gif) top right no-repeat;
}
#subnav li.last a:hover,
#subnav li.current_page_item.last a,
body.pageid-91 #subnav li.page-item-178.last a,
#subnav li.last:hover a {
	color:#fff;
	background:#FE9914 url(subnav-bg-farright.png) top right no-repeat;
}
#subnav li.current_page_item.previous-current a {
	background-image:url(subnav-bg-double.png);
	background-position:top right
	background-repeat:no-repeat;
}
#subnav li span {
	color:#FE9914;
	margin:0 6px 0 9px;
}

(function($){ 
	// Preload method for jQuery
	var cache = [];
	// Arguments are image paths relative to the current page.
	$.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
			var cacheImage = document.createElement('img');
			cacheImage.src = arguments[i];
			cache.push(cacheImage);
		}
	}
	$(function(){
		// Subnav jQuery
		if ($('#subnav').length > 0){
			jQuery.preLoadImages('subnav-bg-farright.png', 'subnav-bg-double.png', 'subnav-bg-left.gif', 'subnav-bg-right.gif', 'subnav-bg.gif');
			// First and last classes
			$('#subnav li:first').addClass('first');
			$('#subnav li:last').addClass('last');
			$('#subnav li a').mouseover(function(){
				$(this).parent().prev().addClass('previous-current');
				$(this).parent().next().addClass('next-current');
			});
			$('#subnav li a').mouseout(function(){
				$(this).parent().prev().removeClass('previous-current');
				$(this).parent().next().removeClass('next-current');
				$('#subnav li.current_page_item').prev().addClass('previous-current');
				$('#subnav li.current_page_item').next().addClass('next-current');
			});
			$('#subnav li.current_page_item').prev().addClass('previous-current');
			$('#subnav li.current_page_item').next().addClass('next-current');
		}
	});
})(jQuery);