/* CSS Document */


#nav { float:right; width: 471px; }

ul#nav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 471px;
	margin: 0;
	height: 32px;
	list-style-type: none;
	overflow: hidden;
}

body#welcome ul#nav  { background: transparent url(navigation-matrix-reloaded.png) no-repeat 0 0; }
body#solutions ul#nav { background: transparent url(navigation-matrix-reloaded.png) no-repeat 0 -31px; }
body#support ul#nav  { background: transparent url(navigation-matrix-reloaded.png) no-repeat 0 -44px; }
body#contact ul#nav  { background: transparent url(navigation-matrix-reloaded.png) no-repeat 0 -66px; }

ul#nav li a {
	position: absolute;
	top: 0;
	width: 84px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:31px; /* IE5/Win */
	background: transparent url(navigation-matrix-reloaded.png) no-repeat;
}

body#welcome li#wel a 			{ background-position: 0 0; width: 94px; left: 0; }
body#welcome li#wel a:hover		{ background-position: 0 0; }
body#welcome li#pro a 			{ background-position: -94px -0px; width:115px; left: 94px; }
body#welcome li#pro a:hover		{ background-position: -94px -32px; }
body#welcome li#sup a 			{ background-position: -208px -0px; width:103px; left: 208px; }
body#welcome li#sup a:hover		{ background-position: -208px -64px; }
body#welcome li#con a 			{ background-position: -313px 0px; width:102px; left: 313px; }
body#welcome li#con a:hover		{ background-position: -313px -96px; }
body#welcome li#con2 a 			{ background-position: -416px 0px; width:42px; left: 416px; }
body#welcome li#con2 a:hover	{ background-position: -416px -128px;  }


body#webdesign li#wel a 			{ background-position: 0 -32px; width: 94px; left: 0; }
body#webdesign li#wel a:hover		{ background-position: 0 0; }
body#webdesign li#pro a 			{ background-position: -94px -32px; width:115px; left: 94px; }
body#webdesign li#pro a:hover		{ background-position: -94px -32px; }
body#webdesign li#sup a 			{ background-position: -208px -0px; width:103px; left: 208px; }
body#webdesign li#sup a:hover		{ background-position: -208px -64px; }
body#webdesign li#con a 			{ background-position: -313px 0px; width:102px; left: 313px; }
body#webdesign li#con a:hover		{ background-position: -313px -96px; }
body#webdesign li#con2 a 			{ background-position: -416px 0px; width:42px; left: 416px; }
body#webdesign li#con2 a:hover		{ background-position: -416px -128px;  }

body#solutions li#wel a 			{ background-position: 0 -96px; width: 94px; left: 0; }
body#solutions li#wel a:hover		{ background-position: 0 0; }
body#solutions li#pro a 			{ background-position: -94px -0px; width:115px; left: 94px; }
body#solutions li#pro a:hover		{ background-position: -94px -32px; }
body#solutions li#sup a 			{ background-position: -208px -64px; width:103px; left: 208px; }
body#solutions li#sup a:hover		{ background-position: -208px -64px; }
body#solutions li#con a 			{ background-position: -313px 0px; width:102px; left: 313px; }
body#solutions li#con a:hover		{ background-position: -313px -96px; }
body#solutions li#con2 a 			{ background-position: -416px 0px; width:42px; left: 416px; }
body#solutions li#con2 a:hover		{ background-position: -416px -128px;  }

body#portfolio li#wel a 			{ background-position: 0 -96px; width: 94px; left: 0; }
body#portfolio li#wel a:hover		{ background-position: 0 0; }
body#portfolio li#pro a 			{ background-position: -94px -0px; width:115px; left: 94px; }
body#portfolio li#pro a:hover		{ background-position: -94px -32px; }
body#portfolio li#sup a 			{ background-position: -208px -0px; width:103px; left: 208px; }
body#portfolio li#sup a:hover		{ background-position: -208px -64px; }
body#portfolio li#con a 			{ background-position: -313px -96px; width:102px; left: 313px; }
body#portfolio li#con a:hover		{ background-position: -313px -96px; }
body#portfolio li#con2 a 			{ background-position: -416px 0px; width:42px; left: 416px; }
body#portfolio li#con2 a:hover		{ background-position: -416px -128px;  }


body#contact li#wel a 			{ background-position: 0 -96px; width: 94px; left: 0; }
body#contact li#wel a:hover		{ background-position: 0 0; }
body#contact li#pro a 			{ background-position: -94px -0px; width:115px; left: 94px; }
body#contact li#pro a:hover		{ background-position: -94px -32px; }
body#contact li#sup a 			{ background-position: -208px -0px; width:103px; left: 208px; }
body#contact li#sup a:hover		{ background-position: -208px -64px; }
body#contact li#con a 			{ background-position: -313px 0px; width:102px; left: 313px; }
body#contact li#con a:hover		{ background-position: -313px -96px; }
body#contact li#con2 a 			{ background-position: -416px -128px; width:42px; left: 416px; }
body#contact li#con2 a:hover	{ background-position: -416px -128px;  }