@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	margin: 0;
}
p {
	margin: 0 0 15px;
}
a:link, a:visited {
	color: #666;
	text-decoration: none;
	display: block;
}
a:hover {
	color: #999;
}
a:active {
	color: #000;
}
a:link.current, a:visited.current {
	color: #000;
	font-weight: bold;
}
a {
	outline: 0;
}
a img {
	border: none;
}
#container {
	width: 700px;
	margin: auto;
}
#sig, #layout {
	width: 376px;
	margin: 200px 0 0 -188px;
	position: absolute;
	left: 50%;
}
#layout {
	/* width: 630px; */
	width: 756px;
	/* margin: 40px 0 0 -315px; */
	margin: 40px 0 0 -378px;
}
#sig2 {
	width: 140px;
}
#contact, #bio {
	float: right;
	margin: 28px 0 0 28px;
	/*margin-top: 28px;*/
}
.bio { font-size: 13px; line-height: 22px; padding-top: 15px; border-top: solid 1px #999; }




/* NAVIGATION STYLES */

#navcontainer {
	width: 166px;
	float: left;
}
#nav, #nav ul {
	line-height: 26px;
	padding: 0;
	margin: 10px 0 0 16px;
	list-style: none;
}
#nav ul {
	display: none;
	padding-left: 10px;
	margin: 0 0 2px 22px;
	border-left: 1px solid #999;
}
#nav ul ul {
	margin: 0 0 2px 1px;
}
#nav li:hover > ul {
	display: block;
}
#nav > li > a {
	background: url(../images/navsprite.png) no-repeat;
	padding: 0 0 0 21px;
}

#nav li#navy2017 a, #nav li#navy2018 a, #nav li#navy2020 a {
	background: none;
}

#nav li#navy2017 {
	background: url(../images/navsprite-2017.png) no-repeat;
}
#nav li#navy2018 {
	background: url(../images/navsprite-2018.png) no-repeat;
}
#nav li#navy2020 {
	background: url(../images/navsprite-2020.png) no-repeat;
}

#nav li#navy2017:hover, #nav li#navy2018:hover, #nav li#navy2020:hover {
	background-position: 0 -25px;
}


#nav a#flotsam:link, #nav a#flotsam:visited, #nav a#flotsam:active {
	background-position: 0 0;
}
#nav a#flotsam:hover {
	background-position: 0 -25px;
}
#nav a#flotsam:active {
	background-position: 0 0;
}


#nav a#ink:link, #nav a#ink:visited, #nav a#ink:active {
	background-position: 0 -50px;
}
#nav a#ink:hover {
	background-position: 0 -75px;
}
#nav a#ink:active {
	background-position: 0 -50px;
}


#nav a#flora:link, #nav a#flora:visited, #nav a#flora:active {
	background-position: 0 -100px;
}
#nav a#flora:hover {
	background-position: 0 -125px;
}
#nav a#flora:active {
	background-position: 0 -100px;
}


#nav a#fauna:link, #nav a#fauna:visited, #nav a#fauna:active {
	background-position: 0 -150px;
}
#nav a#fauna:hover {
	background-position: 0 -175px;
}
#nav a#fauna:active {
	background-position: 0 -150px;
}


#nav a#geometry:link, #nav a#geometry:visited, #nav a#geometry:active {
	background-position: 0 -200px;
}
#nav a#geometry:hover {
	background-position: 0 -225px;
}
#nav a#geometry:active {
	background-position: 0 -200px;
}


#nav a#backroom:link, #nav a#backroom:visited, #nav a#backroom:active {
	background-position: 0 -250px;
}
#nav a#backroom:hover {
	background-position: 0 -275px;
}
#nav a#backroom:active {
	background-position: 0 -250px;
}


#nav a#navy2019:link, #nav a#navy2019:visited, #nav a#navy2019:active {
	background-position: 0 -300px;
}
#nav a#navy2019:hover {
	background-position: 0 -325px;
}
#nav a#navy2019:active {
	background-position: 0 -300px;
}


.thumb {
	margin: 0 14px 14px 0;
}


#details {
	margin: 30px 0 30px 16px;
}
#dlcontainer {
	margin: 0 0 0 166px;
}
#detailslinks {
	padding: 0;
	margin: 0;
	list-style: none;
}
#detailslinks li {
	float: left;
	margin: 0 4px 0 0;
}
#detailslinks a {
	display: block;
	padding: 0 6px;
}
#detailslinks a.detailscurrent {
	font-weight: bold;
	color: #000;
}


#copyright {
	font-size: 11px;
	margin: 30px 0 30px 16px;
}
/*.copyrighthome {
	margin-top: 314px;
}*/




/* SUB NAVIGATION STYLES */

#y2017 #subnav-container {
	display: none;
}
#subnav-container {
	position: absolute;
	top: 28px;
	/*left: 197px;*/
	left: 166px;
}
/*#subnav-container.jcar {
	position: absolute;
	top: 28px;
	left: 197px;
}*/
#subnav {
	padding: 0;
	margin: 0;
	list-style: none;
}
#subnav li {
	float: left;
}
#subnav a {
	display: block;
	width: 12px;
	height: 0;
	padding: 12px 0 0 0;
	margin: 0 10px 0 0;
	overflow: hidden;
}
#subnav.flotsam a {
	background: url(../images/flotsam-sprite.png);
}
#subnav.ink a {
	background: url(../images/ink-sprite.png);
}
#subnav.flora a {
	background: url(../images/flora-sprite.png);
}
#subnav.fauna a {
	background: url(../images/fauna-sprite.png);
}
#subnav.geometry a {
	background: url(../images/geometry-sprite.png);
}
#subnav.backroom a {
	background: url(../images/backroom-sprite.png);
}


#subnav1 a:hover {
	background-position: 0 -12px;
}
#subnav1 a:active {
	background-position: 0 0;
}
#subnav1 a.subcurrent {
	background-position: 0 -24px;
}


#subnav2 a:link, #subnav2 a:visited {
	background-position: -20px 0;
}
#subnav2 a:hover {
	background-position: -20px -12px;
}
#subnav2 a:active {
	background-position: -20px 0;
}
#subnav2 a.subcurrent {
	background-position: -20px -24px;
}


#subnav3 a:link, #subnav3 a:visited {
	background-position: -40px 0;
}
#subnav3 a:hover {
	background-position: -40px -12px;
}
#subnav3 a:active {
	background-position: -40px 0;
}
#subnav3 a.subcurrent {
	background-position: -40px -24px;
}


#subnav4 a:link, #subnav4 a:visited {
	background-position: -60px 0;
}
#subnav4 a:hover {
	background-position: -60px -12px;
}
#subnav4 a:active {
	background-position: -60px 0;
}
#subnav4 a.subcurrent {
	background-position: -60px -24px;
}


#subnav5 a:link, #subnav5 a:visited {
	background-position: -80px 0;
}
#subnav5 a:hover {
	background-position: -80px -12px;
}
#subnav5 a:active {
	background-position: -80px 0;
}
#subnav5 a.subcurrent {
	background-position: -80px -24px;
}


#subnav6 a:link, #subnav6 a:visited {
	background-position: -100px 0;
}
#subnav6 a:hover {
	background-position: -100px -12px;
}
#subnav6 a:active {
	background-position: -100px 0;
}
#subnav6 a.subcurrent {
	background-position: -100px -24px;
}


#subnav7 a:link, #subnav7 a:visited {
	background-position: -120px 0;
}
#subnav7 a:hover {
	background-position: -120px -12px;
}
#subnav7 a:active {
	background-position: -120px 0;
}
#subnav7 a.subcurrent {
	background-position: -120px -24px;
}


#subnav8 a:link, #subnav8 a:visited {
	background-position: -140px 0;
}
#subnav8 a:hover {
	background-position: -140px -12px;
}
#subnav8 a:active {
	background-position: -140px 0;
}
#subnav8 a.subcurrent {
	background-position: -140px -24px;
}


#subnav9 a:link, #subnav9 a:visited {
	background-position: -160px 0;
}
#subnav9 a:hover {
	background-position: -160px -12px;
}
#subnav9 a:active {
	background-position: -160px 0;
}
#subnav9 a.subcurrent {
	background-position: -160px -24px;
}


#subnav10 a:link, #subnav10 a:visited {
	background-position: -180px 0;
}
#subnav10 a:hover {
	background-position: -180px -12px;
}
#subnav10 a:active {
	background-position: -180px 0;
}
#subnav10 a.subcurrent {
	background-position: -180px -24px;
}


#subnav11 a:link, #subnav11 a:visited {
	background-position: -200px 0;
}
#subnav11 a:hover {
	background-position: -200px -12px;
}
#subnav11 a:active {
	background-position: -200px 0;
}
#subnav11 a.subcurrent {
	background-position: -200px -24px;
}


#subnav12 a:link, #subnav12 a:visited {
	background-position: -220px 0;
}
#subnav12 a:hover {
	background-position: -220px -12px;
}
#subnav12 a:active {
	background-position: -220px 0;
}
#subnav12 a.subcurrent {
	background-position: -220px -24px;
}


#subnav13 a:link, #subnav13 a:visited {
	background-position: -240px 0;
}
#subnav13 a:hover {
	background-position: -240px -12px;
}
#subnav13 a:active {
	background-position: -240px 0;
}
#subnav13 a.subcurrent {
	background-position: -240px -24px;
}


#subnav14 a:link, #subnav14 a:visited {
	background-position: -260px 0;
}
#subnav14 a:hover {
	background-position: -260px -12px;
}
#subnav14 a:active {
	background-position: -260px 0;
}
#subnav14 a.subcurrent {
	background-position: -260px -24px;
}


#subnav15 a:link, #subnav15 a:visited {
	background-position: -280px 0;
}
#subnav15 a:hover {
	background-position: -280px -12px;
}
#subnav15 a:active {
	background-position: -280px 0;
}
#subnav15 a.subcurrent {
	background-position: -280px -24px;
}


#subnav16 a:link, #subnav16 a:visited {
	background-position: -300px 0;
}
#subnav16 a:hover {
	background-position: -300px -12px;
}
#subnav16 a:active {
	background-position: -300px 0;
}
#subnav16 a.subcurrent {
	background-position: -300px -24px;
}


#subnav17 a:link, #subnav17 a:visited {
	background-position: -320px 0;
}
#subnav17 a:hover {
	background-position: -320px -12px;
}
#subnav17 a:active {
	background-position: -320px 0;
}
#subnav17 a.subcurrent {
	background-position: -320px -24px;
}


#subnav18 a:link, #subnav18 a:visited {
	background-position: -340px 0;
}
#subnav18 a:hover {
	background-position: -340px -12px;
}
#subnav18 a:active {
	background-position: -340px 0;
}
#subnav18 a.subcurrent {
	background-position: -340px -24px;
}


#subnav19 a:link, #subnav19 a:visited {
	background-position: -360px 0;
}
#subnav19 a:hover {
	background-position: -360px -12px;
}
#subnav19 a:active {
	background-position: -360px 0;
}
#subnav19 a.subcurrent {
	background-position: -360px -24px;
}


#subnav20 a:link, #subnav20 a:visited {
	background-position: -380px 0;
}
#subnav20 a:hover {
	background-position: -380px -12px;
}
#subnav20 a:active {
	background-position: -380px 0;
}
#subnav20 a.subcurrent {
	background-position: -380px -24px;
}


#subnav21 a:link, #subnav21 a:visited {
	background-position: -400px 0;
}
#subnav21 a:hover {
	background-position: -400px -12px;
}
#subnav21 a:active {
	background-position: -400px 0;
}
#subnav21 a.subcurrent {
	background-position: -400px -24px;
}


#subnav22 a:link, #subnav22 a:visited {
	background-position: -420px 0;
}
#subnav22 a:hover {
	background-position: -420px -12px;
}
#subnav22 a:active {
	background-position: -420px 0;
}
#subnav22 a.subcurrent {
	background-position: -420px -24px;
}




/* JCAROUSEL STYLES */

.jcarousel-container-horizontal {
	width: 181px;
	padding-left: 15px;
}

.jcarousel-clip {
 overflow: hidden;
}

.jcarousel-clip-horizontal {
	width: 166px;
	margin: 0;
}

.jcarousel-item {
	width: 12px;
	height: 12px;
}

.jcarousel-item-horizontal {
	margin: 0 10px 0 0;
}

.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
	background: url(../images/next.png) no-repeat 0 0;
	width: 15px;
	height: 12px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.jcarousel-prev-horizontal {
	background: url(../images/prev.png) no-repeat 0 0;
	left: 0;
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus,
.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
	background-position: -15px 0;
}

.jcarousel-next-horizontal:active,
.jcarousel-prev-horizontal:active {
	background-position: -30px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
	background-position: -45px 0;
	cursor: default;
}




/* NEXT/PREVIOUS IMAGE STYLES */

#previmg, #nextimg {
	background: url(../images/prevnext.png);
	width: 25px;
	height: 25px;
	position: absolute;
	top: 52px;
	/* left: 630px; */
	left: 755px;
	cursor: pointer;
}
#nextimg {
	background-position: 25px 0;
	/* left: 655px; */
	left: 780px;
}
#previmg:hover {
	background-position: 0 -25px;
}
#previmg:active {
	background-position: 0 0;
}
#nextimg:hover {
	background-position: 25px -25px;
}
#nextimg:active {
	background-position: 25px 0;
}
#previmg.disabled, #nextimg.disabled {
	background: url(../images/prevnext.png) 0 -50px;
	cursor: default;
}
#nextimg.disabled {
	background-position: 25px -50px;
}




#artwork {
	/* width: 464px; */
	width: 588px;
	float: left;
	margin: 0 0 10px;
}
/* #artwork img {
	border: solid 1px #999;
} */
.imgmargin {
	margin: 0 0 0 14px;
}
.imgmargin2 {
	margin: 0 0 0 4px;
}
.imgmargin3 {
	margin: 4px 0 0 4px;
}
.thumb {
	float: left;
	margin: 0 16px 16px 0;
}
.thumb:nth-child(3n) {
	margin-right: 0;
}
.thumb:nth-last-child(-n+3) {
	margin-bottom: 0;
}
#close {
	text-align: right;
	cursor: pointer;
}



.studies { float: left; }
	.studies p { font-weight: bold; text-align: right; margin: 0 36px 5px 0; }
	.studies a { background: url(../images/prevnext.png) no-repeat right 10px bottom -58px; display: block; padding: 0 36px 0 0; margin: 0 0 16px; transition: all 0.15s linear; }
	.studies a:hover { opacity: .5; }
	.studies img { width: 172px; height: 122px;}
.studies:last-of-type { margin-right: -36px; }