/* Alternative CSS file being root linked from every file, to escape the ../../css/ relative pathing nightmare */

/*-------------------------------------------------Menu-------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
#menu { width:918px; height:25px; margin:6px 0 0 2px; padding:0;  }
ul#top_menu { list-style:none; width:918px; height:25px; margin:0; padding:0; }
ul#top_menu li {float:left; list-style-type:none; margin:0; padding:0; font-size: 1em;}
ul#top_menu li a { height:20px; display:block; top:0; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; }
ul#top_menu li a:hover {text-decoration:none;}
li#itemHomepage a, li#itemOurServices a, li#itemOurTeam a,li#itemPortfolio a, li#itemClients a, li#itemComment a, li#itemNews a, li#itemContact a, li#itemJobs a { background:url(/images/menu.jpg); }
li#itemHomepage						    { width:108px;}
li#itemHomepage a 						{ background-position:0 0; width:98px; left:0; padding:5px 0 0 10px; }
li#itemHomepage a:hover					{ background-position:0 -26px }
li#itemHomepage a.active				{ background-position:0 -26px }
li#itemOurServices						{ width:107px;}
li#itemOurServices a 					{ background-position:-108px 0; width:97px; left:108px; padding:5px 0 0 10px; }
li#itemOurServices a:hover			    { background-position:-108px -52px }
li#itemOurServices a.active				{ background-position:-108px -52px }
li#itemOurTeam 							{ width:106px; }
li#itemOurTeam a 						{ background-position:-215px 0; width:96px; left:215px; padding:5px 0 0 10px; }
li#itemOurTeam a:hover					{ background-position:-215px -78px }
li#itemOurTeam a.active					{ background-position:-215px -78px }
li#itemPortfolio						{ width:103px;}
li#itemPortfolio a 						{ background-position:-321px 0; width:93px; left:321px; padding:5px 0 0 10px; }
li#itemPortfolio a:hover				{ background-position:-321px -104px }
li#itemPortfolio a.active				{ background-position:-321px -104px }
li#itemClients							{ width:97px;}
li#itemClients a 						{ background-position:-424px 0; width:87px; left:424px; padding:5px 0 0 10px; }
li#itemClients a:hover					{ background-position:-424px -130px }
li#itemClients a.active					{ background-position:-424px -130px }
li#itemComment						    { width:104px;}
li#itemComment a 						{ background-position:-706px 0;left:706px;padding:5px 0 0 10px;width:86px;}
li#itemComment a:hover					{ background-position:-521px -156px }
li#itemComment a.active					{ background-position:-521px -156px }
li#itemNews								{ width:81px;}
li#itemNews a 							{ background-position:-625px 0; width:71px; left:625px; padding:5px 0 0 10px; }
li#itemNews a:hover						{ background-position:-625px -182px }
li#itemNews a.active					{ background-position:-625px -182px }
li#itemContact							{ width:96px;}
li#itemContact a 						{ background-position:-706px 0; width:86px; left:706px; padding:5px 0 0 10px; }
li#itemContact a:hover					{ background-position:-706px -208px }
li#itemContact a.active					{ background-position:-706px -208px }
li#itemJobs a 							{ background-position:-802px 0; width:94px; left:706px; padding:5px 0 0 10px; }
li#itemJobs a:hover						{ background-position:-802px -234px }
li#itemJobs a.active					{ background-position:-802px -234px }
li#spacer							{background:url(/images/menu.jpg);height:25px; background-position:-801px 0; width:116px; left:706px; padding:5px 0 0 10px; }