﻿
#navmenu { position:absolute; width:100%; top:0px; margin:0 auto; text-align:center; height:70px; }
#navmenu-inner { position:relative;  height:70px;margin:0 auto; width:851px; top:46px}

ul#navigation { position:absolute;  list-style-type: none; margin:0; padding:0; border: 0; left: 270px;width:580px;	
height: 25px; background: #566171 url('navigation_over.gif') no-repeat; }

ul#navigation li {	padding: 0;	margin: 0;	display: block;	float: left;	text-indent: -9999px;	}
ul#navigation li a {	border: 0;margin: 0;	display: block;	height: 25px;	background: url('navigation.gif') no-repeat;}
ul#navigation li a:hover {	border: 0;margin: 0;display: block;	background-image: url('navigation_over.gif');}	

li#home a {	width: 44px; }

li#about a {	width: 62px;}
li#about a:link,
li#about a:visited,
li#about a:hover {	background-position: -44px 0px;}

li#it_support a {	width: 70px;}
li#it_support a:link,li#it_support a:visited,li#it_support a:hover {		background-position: -106px 0px;}

li#disaster_recovery a {	width: 114px;}
li#disaster_recovery a:link, li#disaster_recovery a:visited, li#disaster_recovery a:hover {		background-position: -176px 0px;}

li#voip a {	width: 37px;}
li#voip a:link, li#voip a:visited, li#voip a:hover {		background-position: -290px 0px;}

li#business_applications a {	width: 136px;}
li#business_applications a:link,li#business_applications a:visited, li#business_applications a:hover {		background-position: -327px 0px;}

li#it_consultancy a {	width: 85px;}
li#it_consultancy a:link, li#it_consultancy a:visited, li#it_consultancy a:hover {	background-position: -463px 0px;}

li#web a {	width: 32px;}
li#web a:link,li#web a:visited, li#web a:hover {	background-position: -548px 0px;}

#navigation li ul {		display: block;	visibility: hidden;	position: absolute;	left: 0px;	width: 358px;	margin: 0;}
#navigation li:hover ul {	visibility: visible;	z-index: 100;}

#navigation li#it_consultancy ul {	background: none;	height: 21px;	margin-left: 220px;}
#navigation li#business_applications ul {	background: none;	height: 21px;	margin-left: 190px;}
#navigation li#about ul {	background: none;	height: 21px;	margin-left: 0px;}

* html #navigation li#it_consultancy ul {	margin-left: 0px;}
* html #navigation li#business_applications ul {	margin-left: 0px;}
* html #navigation li#about ul {	margin-left: 0px;}

/* */
ul#navigation li#it_consultancy ul li#it_consultancy_security a:link, 
ul#navigation li#it_consultancy ul li#it_consultancy_security a:visited {	width: 57px;	height: 21px;	background: url('consult_submenu.gif') no-repeat 0px 0px;}
ul#navigation li#it_consultancy ul li#it_consultancy_security a:hover {	width: 57px;	height: 21px;	background: url('consult_submenu.gif') no-repeat 0px -24px;}

ul#navigation li#it_consultancy ul li#it_consultancy_wireless_networks a:link, 
ul#navigation li#it_consultancy ul li#it_consultancy_wireless_networks a:visited {	width: 120px;	height: 21px;	background: url('consult_submenu.gif') no-repeat -57px 0px;}
ul#navigation li#it_consultancy ul li#it_consultancy_wireless_networks a:hover {	width: 120px;	height: 21px;	background: url('consult_submenu.gif') no-repeat -57px -24px;}

ul#navigation li#it_consultancy ul li#it_consultancy_small_business a:link, 
ul#navigation li#it_consultancy ul li#it_consultancy_small_business a:visited {	width: 100px;	height: 21px;	background: url('consult_submenu.gif') no-repeat -177px 0px;}
ul#navigation li#it_consultancy ul li#it_consultancy_small_business  a:hover {	width: 100px;	height: 21px;	background: url('consult_submenu.gif') no-repeat -177px -24px;}

ul#navigation li#it_consultancy ul li#it_consultancy_relocations a:link,
ul#navigation li#it_consultancy ul li#it_consultancy_relocations a:visited {	width: 80px;	height: 21px;	background: url('consult_submenu.gif') no-repeat -277px 0px;}
ul#navigation li#it_consultancy ul li#it_consultancy_relocations a:hover {	width: 80px;	height: 21px;	background: url('consult_submenu.gif') no-repeat -277px -24px;}

/* */
ul#navigation li#business_applications ul li#business_applications_dbdev a:link,
ul#navigation li#business_applications ul li#business_applications_dbdev a:visited {	width: 136px;	height: 21px;	background: url('bus_app_submneu.gif') no-repeat 0px 0px;}
ul#navigation li#business_applications ul li#business_applications_dbdev a:hover {	width: 136px;	height: 21px;	background: url('bus_app_submneu.gif') no-repeat 0px -24px;}

ul#navigation li#business_applications ul li#business_applications_swdev a:link, 
ul#navigation li#business_applications ul li#business_applications_swdev a:visited {	width: 148px;	height: 21px;	background: url('bus_app_submneu.gif') no-repeat -136px 0px;}
ul#navigation li#business_applications ul li#business_applications_swdev  a:hover {	width: 148px;	height: 21px;	background: url('bus_app_submneu.gif') no-repeat -136px -24px;}

ul#navigation li#business_applications ul li#business_applications_sage a:link, 
ul#navigation li#business_applications ul li#business_applications_sage a:visited {	width: 37px;	height: 21px;	background: url('bus_app_submneu.gif') no-repeat -284px 0px;}
ul#navigation li#business_applications ul li#business_applications_sage a:hover {	width: 37px;	height: 21px;	background: url('bus_app_submneu.gif') no-repeat -284px -24px;}

/* */
ul#navigation li#about ul li#about_meet a:link, 
ul#navigation li#about ul li#about_meet a:visited {	width: 91px;	height: 21px;	background: url('abouts_submenu.gif') no-repeat 0px 0px;}
ul#navigation li#about ul li#about_meet a:hover {	width: 91px;	height: 21px;	background: url('abouts_submenu.gif') no-repeat 0px -24px;}

ul#navigation li#about ul li#about_news a:link, 
ul#navigation li#about ul li#about_news a:visited {	width: 46px;	height: 21px;	background: url('abouts_submenu.gif') no-repeat -91px 0px;}
ul#navigation li#about ul li#about_news a:hover {	width: 46px;	height: 21px;	background: url('abouts_submenu.gif') no-repeat -91px -24px;}

ul#navigation li#about ul li#about_accreditation a:link, 
ul#navigation li#about ul li#about_accreditation a:visited {	width: 98px;	height: 21px;	background: url('abouts_submenu.gif') no-repeat -137px 0px;}
ul#navigation li#about ul li#about_accreditation a:hover {	width: 98px;	height: 21px;	background: url('abouts_submenu.gif') no-repeat -137px -24px;}
