/*=========================================
banner background is different on each page
=========================================*/
div#banner {
	background: url(../site_graphics/banner-painting-back.jpg) no-repeat right bottom;
}
/*=================================
backgrounds etc for tumbnail links
=================================*/
ul.nav {
	width: 877px;
	height: 102px;
	margin: 0 auto 20px auto;
	background: #fff url(../painting/thumbs-row1-7.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;
}
/*==========
first row
===========*/
.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(../painting/thumbs-row1-7.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(../painting/thumbs-row1-7.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(../painting/thumbs-row1-7.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(../painting/thumbs-row1-7.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(../painting/thumbs-row1-7.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(../painting/thumbs-row1-7.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(../painting/thumbs-row1-7.jpg) no-repeat -762px -102px;
}
/*=================
second row of thumbs
===================*/
ul.navTwo {
	background: #fff url(../painting/thumbs-row2-7.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(../painting/thumbs-row2-7.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(../painting/thumbs-row2-7.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(../painting/thumbs-row2-7.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(../painting/thumbs-row2-7.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(../painting/thumbs-row2-7.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(../painting/thumbs-row2-7.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(../painting/thumbs-row2-7.jpg) no-repeat -762px -102px;
}
/*=================
third row of thumbs
===================*/
ul.navThree {
	background: #fff url(../painting/thumbs-row3-7.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(../painting/thumbs-row3-7.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(../painting/thumbs-row3-7.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(../painting/thumbs-row3-7.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(../painting/thumbs-row3-7.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(../painting/thumbs-row3-7.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(../painting/thumbs-row3-7.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(../painting/thumbs-row3-7.jpg) no-repeat -762px -102px;
}