/* CSS Document - Fifth Element Gems - Nav CSS */
#navlist {
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

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

#navlist a, #gallerynavlist a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
	
#navlist a:hover {
	background-position: 0 -25px;
	}

/* -- active page indicator --*/
body.homepage #navitem-home a,
body.section-about #navitem-about a,
body.section-gallery #navitem-gallery a,
body.section-products #navitem-products a,
body.section-contact #navitem-contact a {
	background-position: 0 -50px;
	}
	
#navitem-home a  {
	width: 71px;
	background: url(/images/nav_home.gif) no-repeat left top;
}
#navitem-about a  {
	width: 82px;
	background: url(/images/nav_about.gif) top left no-repeat;
}
#navitem-gallery a  {
	width: 96px;
	background: url(/images/nav_gallery.gif) top left no-repeat;
}
#navitem-products a  {
	width: 114px;
	background: url(/images/nav_products.gif) top left no-repeat;
}
#navitem-shop a  {
	width: 68px;
	background: url(/images/nav_shop.gif) top left no-repeat;
}
#navitem-contact a  {
	width: 107px;
	background: url(/images/nav_contact.gif) top left no-repeat;
}
#navitem-close a,
body#gallery-index #navitem-home a,
body#gallery-index #navitem-about a,
body#gallery-index #navitem-gallery a,
body#gallery-index #navitem-shop a,
body#gallery-index #navitem-contact a   {
	display:none;
}
body#gallery-index #navitem-close a  {
	width: 163px;
	background: url(/images/nav_close.gif) top left no-repeat;
	display:block;
}