#nav, #nav2 {
	margin: 0;
	padding: 0;
	height: 32px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li, #nav2 li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#nav a, #nav2 a {
	float: left; /* essentially specifies order of the tabs! ie first one onthe left  */
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:32px; /* for IE5/Win only */
	}
	
#nav a:hover, #nav a:active, #nav a.selected,  #nav2 a:hover, #nav2 a:active, #nav2 a.selected  {
	background-position: 0 -32px;
	}
	
#menuhosting a {
	width: 100px;
	background: url(gfx/hosting.gif) top left no-repeat;
	}

#menudesign a  {
	width: 100px;
	background: url(gfx/design.gif) top left no-repeat;
	}

#menuportfolio a  {
	width: 99px;
	background: url(gfx/portfolio.gif) top left no-repeat;
	}

#menurepair a  {
	width: 99px;
	background: url(gfx/repair.gif) top left no-repeat;
	}
	
#menuabout a  {
	width: 97px;
	background: url(gfx/about.gif) top left no-repeat;
	}

#menucontact a  {
	width: 100px;
	background: url(gfx/contact.gif) top left no-repeat;
	}