/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/



.nav {
	background: url(navmenu.gif) no-repeat;
	
	width: 601px;
	height: 48px;
	position: absolute;
	top: 96px; 
	left: 36%;
	
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
/* start of home css */
	.nav .home a:link, .nav .home a:visited {
		left: 23px;
		width: 76px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(navmenu.gif) no-repeat -23px -49px;
	}
	.nav .home a:active {
		background: url(navmenu.gif) no-repeat -23px -98px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(navmenu.gif) no-repeat -23px -147px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 23px;
		width: 76px;
		height: 48px;
		background: url(navmenu.gif) no-repeat -23px -49px;
	}
	.nav-home-click {
		background: url(navmenu.gif) no-repeat -23px -98px;
	}


/* start of services css */
	.nav .services a:link, .nav .services a:visited {
		left: 100px;
		width: 102px;
		
	}
	.nav .services a:hover, .nav .services a:focus {
		background: url(navmenu.gif) no-repeat -100px -49px;
	}
	.nav .services a:active {
		background: url(navmenu.gif) no-repeat -100px -98px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(navmenu.gif) no-repeat -100px -147px;
		cursor: default;
	}
	.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 100px;
		width: 102px;
		height: 48px;
		background: url(navmenu.gif) no-repeat -100px -49px;
	}
	.nav-services-click {
		background: url(navmenu.gif) no-repeat -100px -98px;
	}



	.nav .software a:link, .nav .software a:visited {
		left: 204px;
		width: 103px;		
	}
	.nav .software a:hover, .nav .software a:focus {
		background: url(navmenu.gif) no-repeat -204px -49px;
	}
	.nav .software a:active {
		background: url(navmenu.gif) no-repeat -204px -98px;
	}
	.current-software .software a:link, .current-software .software a:visited {
		background: url(navmenu.gif) no-repeat -204px -147px;
		cursor: default;
	}
	.nav-software, .nav-software-click {
		position: absolute;
		top: 0;
		left: 204px;
		width: 103px;
		height: 48px;
		background: url(navmenu.gif) no-repeat -204px -49px;
	}
	.nav-software-click {
		background: url(navmenu.gif) no-repeat -204px -98px;
	}


		
	.nav .blog a:link, .nav .blog a:visited {
		left: 309px;
		width: 65px;
	
	}
	.nav .blog a:hover, .nav .blog a:focus {
		background: url(navmenu.gif) no-repeat -309px -49px;
	}
	.nav .blog a:active {
		background: url(navmenu.gif) no-repeat -309px -98px;
	}
	.current-blog .blog a:link, .current-blog .blog a:visited {
		background: url(navmenu.gif) no-repeat -309px -147px;
		cursor: default;
	}
	.nav-blog, .nav-blog-click {
		position: absolute;
		top: 0;
		left: 309px;
		width: 65px;
		height: 48px;
		background: url(navmenu.gif) no-repeat -309px -49px;
	}
	.nav-blog-click {
		background: url(navmenu.gif) no-repeat -309px -98px;
	}
	
		
	.nav .navabout a:link, .nav .navabout a:visited {
		left: 376px;
		width: 82px;
	}
	.nav .navabout a:hover, .nav .navabout a:focus {
		background: url(navmenu.gif) no-repeat -376px -49px;
	}
	.nav .navabout a:active {
		background: url(navmenu.gif) no-repeat -376px -98px;
	}
	.current-navabout .navabout a:link, .current-navabout .navabout a:visited {
		background: url(navmenu.gif) no-repeat -376px -147px;
		cursor: default;
	}
	.nav-navabout, .nav-navabout-click {
		position: absolute;
		top: 0;
		left: 376px;
		width: 82px;
		height: 48px;
		background: url(navmenu.gif) no-repeat -376px -49px;
	}
	.nav-navabout-click {
		background: url(navmenu.gif) no-repeat -376px -98px;
	}

		
	.nav .contact a:link, .nav .contact a:visited {
		left: 462px;
		width: 100px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(navmenu.gif) no-repeat -462px -49px;
	}
	.nav .contact a:active {
		background: url(navmenu.gif) no-repeat -462px -98px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(navmenu.gif) no-repeat -462px -147px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 462px;
		width: 97px;
		height: 48px;
		background: url(navmenu.gif) no-repeat -462px -49px;
	}
	.nav-contact-click {
		background: url(navmenu.gif) no-repeat -462px -98px;
	}