/*
 * Reset.  Copyright (c) 2011, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.com/yui/license.html
 * version: 2.9.0
 * */
html,body{color:#000;background-color:#a2a2a2;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0px;padding:0px}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
a,del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{
	font-family: 'Source Sans Pro','Source Sans Pro ExtraLight','SourceSansPro-ExtraLight', arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}
li {
	list-style-type: disc;
	margin-left: 15px;
	padding-left: 0px;
}
body#home li {
	list-style-type: none;
}
p {
	padding-bottom: 20px;
}

a, a:link, a:active, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #000;
}
hr {
	clear: both;
	background-color: transparent;
	border-top: 1px #dddddd solid;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	margin: 10px 0 20px 0;
	height: 1px;
}

div.floatleft {
	float: left;
}
div.floatright {
	float: right;
}
div.alignright {
	text-align: right;
}
.clearboth {
	clear: both;
}
h1 {
	color: #000;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	padding-bottom: 12px;
}

h2 {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	padding-bottom: 8px;
}

h1.pagetitle {
	text-transform: none;
	text-align: left;
	font-size: 36px;
	line-height: 36px;
	font-weight: 200;
	color: #1e1e1e;
	padding-top: 35px;
	padding-bottom: 25px;
}
div#navcol h1.pagetitle {
	padding-top: 0;
}
h1.terttitle {
	margin-left: 65px;
}
div#homecontent {
	padding-top: 15px;
	width: calc(100% - 98px);
	max-width: 1024px;
}
div.widecontent {
	position: relative;
  	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}
div.widecontent::after,
div#topbar::after,
div#footer::after {
	display: table-row;
	clear: both;
	content: '';
}
div.plaintext {
	margin: 0 auto;
	max-width: 500px;
	width: 90%;
}


/*  ==========  TOPBAR  ==========  */
div#topbar {
  	margin: 0 auto;
  	width: calc(100% - 100px);
	max-width: 924px;
	padding: 25px 75px 9px 25px;
}
a#logo {
	font-family: 'Source Sans Pro','Source Sans Pro ExtraLight','SourceSansPro-ExtraLight', arial, helvetica, sans-serif;
	font-weight: 200;
	font-size: 36px;
	line-height: 24px;
	color: #1e1e1e;
	text-transform: uppercase;
}
div#topbar div.floatright {
	text-align: right;
}
/*  ==========  END TOPBAR  ==========  */



/*  ==========  UNAV  ==========  */
div#unav {
	text-align: left;
	margin-top: 7px;
	text-transform: uppercase;
}
div#lnav {
	background-color: #333;
	text-align: center;
	padding: 8px 0;
}
div#unav a,
div#lnav a {
	font-size: 16px;
	line-height: 14px;
	font-weight: 400;
	padding: 0;
	margin-left: 34px;
}
div#unav a:link, div#unav a:active, div#unav a:visited,
div#lnav a:link, div#lnav a:active, div#lnav a:visited {
	color: #fff;
}
div#unav a:hover, div#unav a.unavon {
	color: #000;
}
div#lnav a:hover, div#lnav a.lnavon {
	color: #ddd;
}
img#arrow,
img#arrowup {
	display: block;
}
/*  ==========  END UNAV  ==========  */



/*  ==========  FOOTER  ==========  */
div#footer {
	clear: both;
	padding-top: 25px;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
div#footer div.floatright {
	text-align: right;
}
div#footer * {
	font-size: 12px;
	line-height: 12px;
}
p#copyright {
	margin-right: 15px;
	color: #000;
}
p#address {
	margin-left: 25px;
	color: #000;
}
/*  ==========  END FOOTER  ==========  */



/*  ==========  THUMBNAV  ==========  */
div#thumbnav,
div#thumbnav_tert {
	text-align: center;
}
div#thumbnav_tert {
	margin-left: 35px; /* 35px + 30px of thumbnail margin for max of 65px to match longtitle */
}
div.thumbimg {
	padding: 50px 80px 0 80px;
	display: inline-block;
}
div#thumbnav_tert div.thumbimg {
	padding: 0px 30px 35px 30px;
	display: inline-block;
}
div.thumbspacer {
	width: 60px;
	display: inline;
}
/*  ==========  END THUMBNAV  ==========  */


div#contentcolumn {
	float: left;
	margin-top: 25px;
	width: 600px;
	width: calc(58%);

	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
}
div#navcol {
	padding-top: 25px;
	margin-left: 25px;
	margin-right: 50px;
	float: left;
	width: 325px;
	width: calc(32%);
}
div#internalslides {
	/* margin-left: 28px; */
}
a#goto {
	display: block;
	margin-top: 12px;
	background-image: url('../img/thumbnail_grid.png');
	background-repeat: no-repeat;
	line-height: 18px;
	font-size: 12px;
	padding-left: 28px;
	text-transform: uppercase;
}
a#prevlink,
a#nextlink {
	margin-top: calc(50% - 12px);
}
a#prevlink img {
	margin-right: 5px;
}
a#nextlink img {
	margin-left: 5px;
}

/* ========== OVERLAY ========== */
img.artwork,
div.overlay img {
	cursor: pointer;
}
div.blackscreen {
	background-color: #000;
	width: 100%;
	height: 1000px;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 2;
}
a.xclose {  /* the close [x] of the overlay */
	position: absolute;
	top: 6px;
	right: 10px;
	background-image: url('../img/icon_x.png');
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	text-indent: -2000px;
	cursor: pointer;
}
div.overlay {
	display: none;
	position: absolute;
	top: 50px;
	padding-bottom: 50px;
	width: 100%;
	text-align: center;
	z-index: 899;
}
#overlay {
	position:fixed;
	top:0px;
	left:0px;
	width:90%;
	height:96%;
	padding:2% 5%;
	cursor:-webkit-zoom-out;
	cursor:-moz-zoom-out;
	z-index:99999999999999;
	display:none;
	background-color:black;
}
#overlay #enlarged-image {
	display: block;
	width:100%;
	height:95%;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}
img.artwork {
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
	max-width: calc(100% - 48px);
}
/* ========== END OVERLAY ========== */


/* ========== FORMS ========== */
.formtable td {
	padding-bottom: 3px;
	padding-top: 3px;
}
input.boxed, textarea.boxed {
	border: 1px solid #999999;
	color: #000000;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 2px;
	width: 310px;
}
ul.formerror {
	padding-bottom: 20px;
}
/* ========== END FORMS ========== */

@media only screen and (max-width: 850px) {
	div#topbar {
		padding: 25px 0 9px 0;
		width: 100%;
	}
	div.floatleft {
		float: none;
	}
	div.floatright {
		float: none;
	}
	div#topbar div.floatleft,
	div#footer div.floatleft {
		text-align: center;
	}
	div#footer div.floatright,
	div#topbar div.floatright {
		text-align: center;
	}
	div#unav {
		text-align: center;
	}
	div#unav a,
	div#lnav a {
		margin-left: 17px;
		margin-right: 17px;
	}
	p#copyright {
		margin-right: 0;
	}
	p#address {
		margin-left: 0;
	}
	div#contentcolumn,
	div#navcol {
		float: none;
		margin: 0 auto;
		padding: 25px 0;
		max-width: 90%;
		width: 90%;
	}
	div#thumbnav_tert {
		margin-left: 0; /* thumbnails have 30px margin */
	}
	h1.terttitle {
		margin-left: 30px;
	}
}
@media only screen and (max-width: 600px) {
	img#arrowdown,
	img#arrowup {
		display: none;
	}
	a.unavon,
	a.lnavon	{
		text-decoration: underline;
	}
}
@media only screen and (max-width: 500px) {
	div.thumbimg {
		display: block;
		padding: 50px 0 0 0;
		margin: 0 auto;
	}
}