#navWrapper {
	background-color: #fff;
	width: 400px;
	height: 24px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		height: 23px;
}

html>body #navWrapper {
	width: 400px;
	height: 23px;
}

#topNav {
	float: left;
	list-style: none;
	height: 21px;
	margin: 0;
	padding: 2px 23px 0 15px;
	display: inline;
	overflow: hidden;
}


#topNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#topNav a {
	float: left;
	padding: 21px 0 0 0;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win */
}


#aboutMe a	{
	width: 77px;
	background: url("../images/aboutMe.gif") no-repeat top left;
}

#portfolio a {
	width: 77px;
	background: url("../images/portfolio.gif") no-repeat top left;
}

#stockists a {
	width: 83px;
	background: url("../images/stockists.gif") no-repeat top left;
}

#contact a {
	width: 73px;
	background: url("../images/contact.gif") no-repeat top left;
}

#goBack a {
	width: 73px;
	background: url("../images/goBack.gif") no-repeat top left;
}


#topNav a:hover {
	background-position: 0 -30px;
}

#topNav a:active, #topNav a.selected {
	background-position: 0 -60px;
}

/*---------------------------------------------------------------------------------
Thumbnail Navigation
---------------------------------------------------------------------------------*/

#portfolio #thumbnailNav {
	float: left;
	list-style: none;
	height: 75px;
	margin: 0 0 10px 0;
	padding: 0;
	display: inline;
	overflow: hidden;
}


#portfolio #thumbnailNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	border: 1px solid #DDD;
	list-style-type: none;
}

#portfolio #thumbnailNav a {
	float: left;
	padding: 75px 0 0 0;
	height: 0px !important; 
	overflow: hidden;
	height /**/:75px; /* for IE5/Win */
}


#portfolio #gallery1 a	{
	width: 75px;
	margin: 0 10px 10px 0;
	background: url("../images/portfolio/thumbnail1.jpg") no-repeat top left;
}

#portfolio #gallery2 a	{
	width: 75px;
	margin: 0;
	background: url("../images/portfolio/thumbnail2.jpg") no-repeat top left;
}

#portfolio #gallery3 a	{
	width: 75px;
	margin: 0 10px 10px 0;
	background: url("../images/portfolio/thumbnail3.jpg") no-repeat top left;
}

#portfolio #gallery4 a	{
	width: 75px;
	margin: 0;
	background: url("../images/portfolio/thumbnail4.jpg") no-repeat top left;
}

#portfolio #gallery5 a	{
	width: 75px;
	margin: 0 10px 10px 0;
	background: url("../images/portfolio/thumbnail5.jpg") no-repeat top left;
}

#portfolio #gallery6 a	{
	width: 75px;
	margin: 0;
	background: url("../images/portfolio/thumbnail6.jpg") no-repeat top left;
}

#portfolio #gallery7 a	{
	width: 75px;
	margin: 0 10px 0 0;
	background: url("../images/portfolio/thumbnail7.jpg") no-repeat top left;
}

#portfolio #gallery8 a	{
	width: 75px;
	margin: 0;
	background: url("../images/portfolio/thumbnail8.jpg") no-repeat top left;
}




#portfolio #thumbnailNav a:hover {
	background-position: 0 -75px;
}

#portfolio #thumbnailNav a:active, #thumbnailNav a.selected {
	background-position: 0 -150px;
}