/*
******************************************************

       pixpal.com navigation CSS

       handcoded by Francis Booth
       June 2006

******************************************************
       */


/* navigation */

	#navigation li { list-style:none; }
	#navigation li a {
		position:absolute; display:block; border:0;
		text-indent:-9999px;
	}	

	#subNavigation { left:1px; top:40px; position:absolute; }
	#navHome a { 
		width:87px; height:20px; left:512px; top:115px; z-index:4; 
		background-image:url('../images/nav/home.gif');
	}
	#navCorporate a {
		width:145px; height:29px; left:454px; top:90px; z-index:3;
		background-image:url('../images/nav/corporate.gif');
	}
	#navGift a {
		width:76px; height:28px; left:524px; top:62px; z-index:2;
		background-image:url('../images/nav/gift.gif');
	}
	#navAbout a { 
		width:102px; height:37px; left:497px; top:34px; z-index:1; 
		background-image:url('../images/nav/about.gif');
	}
	#navNewsletter a {
		width:24px; height:101px; left:99px; top:318px;
		background-image:url('../images/nav/newsletter.gif');
	}
	#navContact a {
		width:24px; height:71px; left:99px; top:234px;
		background-image:url('../images/nav/contact.gif');
	}
	
	#subNavigation li { padding-bottom:10px; list-style:none; }
	#subNavigation li a {
		display:block; height:15px; border:none; margin:0px;
		text-indent:-9999px; background-repeat:no-repeat;
	}
	#subNavAbout a { width:37px; background-image:url('../images/nav/about/about.gif'); }
	#subNavBackground a { width:75px; background-image:url('../images/nav/about/background.gif'); }
	#subNavReviews a { width:52px; background-image:url('../images/nav/about/reviews.gif'); }
	#subNavKarma a { width:40px; background-image:url('../images/nav/about/karma.gif'); }


/* hover and selected page styles */

	#navHome a:hover, #home #navHome a,
	#navCorporate a:hover, #corporate #navCorporate a,
	#navGift a:hover, #gift #navGift a,
	#navAbout a:hover, #about #navAbout a { background-position:bottom left; }

	#navNewsletter a:hover, #newsletter #navNewsletter a,
	#navContact a:hover, #contact #navContact a { background-position:top right; }

 	#subNavAbout a:hover, #content.about #subNavAbout a,
 	#subNavBackground a:hover, #content.background #subNavBackground a,
 	#subNavReviews a:hover, #content.reviews #subNavReviews a,
 	#subNavKarma a:hover, #content.karma #subNavKarma a { background-position:top right; }