window.addEvent('domready', function(){

		// basic body classes to define browsers for styling
		if (Browser.Engine.trident) $(document.body).addClass('ie');
		if (Browser.Engine.trident4) $(document.body).addClass('ie6');
		if (Browser.Engine.trident5) $(document.body).addClass('ie7');
		if (Browser.Engine.gecko) $(document.body).addClass('gecko');
		if (Browser.Engine.khtml) $(document.body).addClass('khtml');
		if (Browser.Engine.webkit) $(document.body).addClass('webkit');
		if (Browser.Engine.webkit420) $(document.body).addClass('webkit420');
		if (Browser.Engine.opera) $(document.body).addClass('oprea');

		if (Browser.Engine.trident4) {
			$$('li').each(function(el){
				el.addEvents({
					mouseover: function(){ this.addClass('hover'); },
					mouseout: function(){ this.removeClass('hover'); }
				});
			});
		}

	});