@charset "utf-8";
/* Navigation Bar Matrix
   Created by Dan Rubin*/

#navbarBG {
	position: relative;
	top: 0px;
	left: 0px;
	width: 950px;
	height: 70px;
	background-attachment: scroll;
	background-image: url(images/backgrounds/navbar_bg.gif);
	background-repeat: no-repeat;
}

ul#navbar {
	position: relative;
	top: 0px;
	left: 165px;
	width: 640px;
	margin: 0px;
	height: 70px;
	list-style-type: none;
	overflow: hidden;
}

body#homepage ul#navbar { background: transparent url(images/buttons/navbarMatrix.jpg) no-repeat 0 0; }
body#aboutMe ul#navbar { background: transparent url(images/buttons/navbarMatrix.jpg) no-repeat 0 -80px; }
body#portfolio ul#navbar { background: transparent url(images/buttons/navbarMatrix.jpg) no-repeat 0 -160px; }
body#contact ul#navbar { background: transparent url(images/buttons/navbarMatrix.jpg) no-repeat 0 -240px; }

ul#navbar li a {
	position: absolute;
	top: 0px;
	width: 160px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 70px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:80px; /* IE5/Win */
	background: transparent url(images/buttons/navbarMatrix.jpg) no-repeat;
}

body#homepage li#home a						{ background-position: 0 0; width: 160px; left: 0; }
body#homepage li#home a:hover				{ background-position: 0 0; }
body#homepage li#about a					{ background-position: -160px -320px; left: 160px; }
body#homepage li#about a:hover				{ background-position: -160px 0; }
body#homepage li#port a						{ background-position: -320px -320px; left: 320px; }
body#homepage li#port a:hover				{ background-position: -320px 0; }
body#homepage li#con a						{ background-position: -480px -320px; left: 480px; }
body#homepage li#con a:hover				{ background-position: -480px 0; }

body#aboutMe li#home a						{ background-position: 0 -320px; width: 160px; left: 0; }
body#aboutMe li#home a:hover				{ background-position: 0 -80px; }
body#aboutMe li#about a						{ background-position: -160px -80px; left: 160px; }
body#aboutMe li#about a:hover				{ background-position: -160px -80px; }
body#aboutMe li#port a						{ background-position: -320px -320px; left: 320px; }
body#aboutMe li#port a:hover				{ background-position: -320px -80px; }
body#aboutMe li#con a						{ background-position: -480px -320px; left: 480px; }
body#aboutMe li#con a:hover					{ background-position: -480px -80px; }

body#portfolio li#home a					{ background-position: 0 -320px; width: 160px; left: 0; }
body#portfolio li#home a:hover				{ background-position: 0 -160px; }
body#portfolio li#about a					{ background-position: -160px -320px; left: 160px; }
body#portfolio li#about a:hover				{ background-position: -160px -160px; }
body#portfolio li#port a					{ background-position: -320px -160px; left: 320px; }
body#portfolio li#port a:hover				{ background-position: -320px -160px; }
body#portfolio li#con a						{ background-position: -480px -320px; left: 480px; }
body#portfolio li#con a:hover				{ background-position: -480px 0; }

body#contact li#home a						{ background-position: 0 -320px; width: 160px; left: 0; }
body#contact li#home a:hover				{ background-position: 0 -240px; }
body#contact li#about a						{ background-position: -160px -320px; left: 160px; }
body#contact li#about a:hover				{ background-position: -160px -240px; }
body#contact li#port a						{ background-position: -320px -320px; left: 320px; }
body#contact li#port a:hover				{ background-position: -320px -240px; }
body#contact li#con a						{ background-position: -480px -240px; left: 480px; }
body#contact li#con a:hover					{ background-position: -480px -240px; }