/*=========================================
banner background is different on each page
=========================================*/
div#banner {
	background: url(../site_graphics/banner-illustration-back.jpg) no-repeat right bottom;
}
ul.nav {
	width: 877px;
	height: 102px;
	margin: 0 auto 20px auto;
	background: #fff url(../illustration/thumbs-row-1.jpg) no-repeat 0px 0px;
	position: relative;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 102px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
.nav .one a:link, .nav .one a:visited {
	left: 0;
	width: 127px;
}
.nav .one a:hover, .nav .one a:active, .nav .one a:focus {
	background: url(../illustration/thumbs-row-1.jpg) no-repeat 0 -102px;
}
.nav .two a:link, .nav .two a:visited {
	left: 127px;
	width: 127px;
}
.nav .two a:hover, .nav .two a:active, .nav .two a:focus {
	background: url(../illustration/thumbs-row-1.jpg) no-repeat -127px -102px;
}
.nav .three a:link, .nav .three a:visited {
	left: 254px;
	width: 127px;
}
.nav .three a:hover, .nav .three a:active, .nav .three a:focus {
	background: url(../illustration/thumbs-row-1.jpg) no-repeat -254px -102px;
}
.nav .four a:link, .nav .four a:visited {
	left: 381px;
	width: 127px;
}
.nav .four a:hover, .nav .four a:active, .nav .four a:focus {
	background: url(../illustration/thumbs-row-1.jpg) no-repeat -381px -102px;
}
.nav .five a:link, .nav .five a:visited {
	left: 508px;
	width: 127px;
}
.nav .five a:hover, .nav .five a:active, .nav .five a:focus {
	background: url(../illustration/thumbs-row-1.jpg) no-repeat -508px -102px;
}
.nav .six a:link, .nav .six a:visited {
	left: 635px;
	width: 127px;
}
.nav .six a:hover, .nav .six a:active, .nav .six a:focus {
	background: url(../illustration/thumbs-row-1.jpg) no-repeat -635px -102px;
}
.nav .seven a:link, .nav .seven a:visited {
	left: 762px;
	width: 115px;
}
.nav .seven a:hover, .nav .seven a:active, .nav .seven a:focus {
	background: url(../illustration/thumbs-row-1.jpg) no-repeat -762px -102px;
}
/*=================
second row of thumbs
===================*/
ul.navTwo {
	background: #fff url(../illustration/thumbs-row-2.jpg) no-repeat 0px 0px;
}

.nav .eight a:link, .nav .eight a:visited {
	left: 0;
	width: 127px;
}
.nav .eight a:hover, .nav .eight a:active, .nav .eight a:focus {
	background: url(../illustration/thumbs-row-2.jpg) no-repeat 0 -102px;
}
.nav .nine a:link, .nav .nine a:visited {
	left: 127px;
	width: 127px;
}
.nav .nine a:hover, .nav .nine a:active, .nav .nine a:focus {
	background: url(../illustration/thumbs-row-2.jpg) no-repeat -127px -102px;
}
.nav .ten a:link, .nav .ten a:visited {
	left: 254px;
	width: 127px;
}
.nav .ten a:hover, .nav .ten a:active, .nav .ten a:focus {
	background: url(../illustration/thumbs-row-2.jpg) no-repeat -254px -102px;
}
.nav .eleven a:link, .nav .eleven a:visited {
	left: 381px;
	width: 127px;
}
.nav .eleven a:hover, .nav .eleven a:active, .nav .eleven a:focus {
	background: url(../illustration/thumbs-row-2.jpg) no-repeat -381px -102px;
}
.nav .twelve a:link, .nav .twelve a:visited {
	left: 508px;
	width: 127px;
}
.nav .twelve a:hover, .nav .twelve a:active, .nav .twelve a:focus {
	background: url(../illustration/thumbs-row-2.jpg) no-repeat -508px -102px;
}
.nav .thirteen a:link, .nav .thirteen a:visited {
	left: 635px;
	width: 127px;
}
.nav .thirteen a:hover, .nav .thirteen a:active, .nav .thirteen a:focus {
	background: url(../illustration/thumbs-row-2.jpg) no-repeat -635px -102px;
}
.nav .fourteen a:link, .nav .fourteen a:visited {
	left: 762px;
	width: 115px;
}
.nav .fourteen a:hover, .nav .fourteen a:active, .nav .fourteen a:focus {
	background: url(../illustration/thumbs-row-2.jpg) no-repeat -762px -102px;
}
/*=================
third row of thumbs
===================*/
ul.navThree {
	background: #fff url(../illustration/thumbs-row-3.jpg) no-repeat 0px 0px;
}

.nav .fifteen a:link, .nav .fifteen a:visited {
	left: 0;
	width: 127px;
}
.nav .fifteen a:hover, .nav .fifteen a:active, .nav .fifteen a:focus {
	background: url(../illustration/thumbs-row-3.jpg) no-repeat 0 -102px;
}
.nav .sixteen a:link, .nav .sixteen a:visited {
	left: 127px;
	width: 127px;
}
.nav .sixteen a:hover, .nav .sixteen a:active, .nav .sixteen a:focus {
	background: url(../illustration/thumbs-row-3.jpg) no-repeat -127px -102px;
}
.nav .seventeen a:link, .nav .seventeen a:visited {
	left: 254px;
	width: 127px;
}
.nav .seventeen a:hover, .nav .seventeen a:active, .nav .seventeen a:focus {
	background: url(../illustration/thumbs-row-3.jpg) no-repeat -254px -102px;
}
.nav .eighteen a:link, .nav .eighteen a:visited {
	left: 381px;
	width: 127px;
}
.nav .eighteen a:hover, .nav .eighteen a:active, .nav .eighteen a:focus {
	background: url(../illustration/thumbs-row-3.jpg) no-repeat -381px -102px;
}
.nav .nineteen a:link, .nav .nineteen a:visited {
	left: 508px;
	width: 127px;
}
.nav .nineteen a:hover, .nav .nineteen a:active, .nav .nineteen a:focus {
	background: url(../illustration/thumbs-row-3.jpg) no-repeat -508px -102px;
}
.nav .twenty a:link, .nav .twenty a:visited {
	left: 635px;
	width: 127px;
}
.nav .twenty a:hover, .nav .twenty a:active, .nav .twenty a:focus {
	background: url(../illustration/thumbs-row-3.jpg) no-repeat -635px -102px;
}
.nav .twentyOne a:link, .nav .twentyOne a:visited {
	left: 762px;
	width: 115px;
}
.nav .twentyOne a:hover, .nav .twentyOne a:active, .nav .twentyOne a:focus {
	background: url(../illustration/thumbs-row-3.jpg) no-repeat -762px -102px;
}

/*=================
fourth row of thumbs
===================*/
ul.navFour {
	background: #fff url(../illustration/thumbs-row-4.jpg) no-repeat 0px 0px;
}

.nav .twentyTwo a:link, .nav .twentyTwo a:visited {
	left: 0;
	width: 127px;
}
.nav .twentyTwo a:hover, .nav .twentyTwo a:active, .nav .twentyTwo a:focus {
	background: url(../illustration/thumbs-row-4.jpg) no-repeat 0 -102px;
}
.nav .twentyThree a:link, .nav .twentyThree a:visited {
	left: 127px;
	width: 127px;
}
.nav .twentyThree a:hover, .nav .twentyThree a:active, .nav .twentyThree a:focus {
	background: url(../illustration/thumbs-row-4.jpg) no-repeat -127px -102px;
}
.nav .twentyFour a:link, .nav .twentyFour a:visited {
	left: 254px;
	width: 127px;
}
.nav .twentyFour a:hover, .nav .twentyFour a:active, .nav .twentyFour a:focus {
	background: url(../illustration/thumbs-row-4.jpg) no-repeat -254px -102px;
}
.nav .twentyFive a:link, .nav .twentyFive a:visited {
	left: 381px;
	width: 127px;
}
.nav .twentyFive a:hover, .nav .twentyFive a:active, .nav .twentyFive a:focus {
	background: url(../illustration/thumbs-row-4.jpg) no-repeat -381px -102px;
}
.nav .twentySix a:link, .nav .twentySix a:visited {
	left: 508px;
	width: 127px;
}
.nav .twentySix a:hover, .nav .twentySix a:active, .nav .twentySix a:focus {
	background: url(../illustration/thumbs-row-4.jpg) no-repeat -508px -102px;
}
.nav .twentySeven a:link, .nav .twentySeven a:visited {
	left: 635px;
	width: 127px;
}
.nav .twentySeven a:hover, .nav .twentySeven a:active, .nav .twentySeven a:focus {
	background: url(../illustration/thumbs-row-4.jpg) no-repeat -635px -102px;
}
.nav .twentyEight a:link, .nav .twentyEight a:visited {
	left: 762px;
	width: 115px;
}
.nav .twentyEight a:hover, .nav .twentyEight a:active, .nav .twentyEight a:focus {
	background: url(../illustration/thumbs-row-4.jpg) no-repeat -762px -102px;
}