/*
*
*	Styles that control the page navigation (image rollovers by repositioning the background image)
*
*/

/*
	PAGE HEADER
*/

/* IE 6 doesn't like to do the background in a div */
body {
	background-image: url(/images/nav/nav_header_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
}


.pageMenu {
/*
	background-image: url(/images/nav/nav_header_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
*/
	text-align:left;
}

.pageMenu .pageHeader {
	background-image: url(/images/nav/nav_header.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align:middle;
	height: 71px;
	width: 319px;
	margin: 0px;
}
.pageMenu .pageHeader a {
	display:block;
	height: 100%;
	width: 100%;
}
.pageMenu .pageHeader span {
	display:none;
}

.pageMenu .navmenu {
	border:0px;
	margin:0px;
	padding:0px;
	margin-top:-18px;
	margin-left:100px;
	vertical-align:top;
}


/*
	NAV ROLLOVER
*/

.pageMenu .navmenu td {
	height:20px;
	margin:0px;
	padding:0px;
}

.pageMenu .navmenu span {
	display:none;
}

.pageMenu .navmenu .portfolio a,
.pageMenu .navmenu .about a,
.pageMenu .navmenu .contact a {
	display:block;
	background: url(/images/nav/nav_main_css.gif) no-repeat bottom left;
	background-position: 0px 0px;
	text-decoration:none;
	width:100%;
	height:100%;
}

.pageMenu .navmenu .portfolio,
.pageMenu .navmenu .portfolio a{
	background-position: 0px 0px;
	width:75px;
}
.pageMenu .navmenu .portfolio a:hover {
	background-position: 0px -20px;
}

.pageMenu .navmenu .about,
.pageMenu .navmenu .about a{
	background-position: -100px 0px;
	width:80px;
}
.pageMenu .navmenu .about a:hover {
	background-position: -100px -20px;
}

.pageMenu .navmenu .contact,
.pageMenu .navmenu .contact a{
	background-position: -200px 0px;
	width:70px;
}
.pageMenu .navmenu .contact a:hover {
	background-position: -200px -20px;
}

/*
*	Left & Right Arrow Graphics, replace "<" or ">"
*/
.absMiddle {
	vertical-align:middle;
}