icon@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, .big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

/*included below in body*/
/*body {
	line-height: 1;
}*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ******************************************
	box include
****************************************** */
*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



/* ******************************************
	Web Fonts
****************************************** */
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aaarghnormal';
    src: url('../fonts/Aaargh-webfont.eot');
    src: url('../fonts/Aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aaargh-webfont.woff') format('woff'),
         url('../fonts/Aaargh-webfont.ttf') format('truetype'),
         url('../fonts/Aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}


/********************************************
	Fluid Media
********************************************/

	figure {
	    position: relative;
	}

	figure img,
	figure object,
	figure embed,
	figure video {
	    display: block;
	    max-width: 100%; 
	}

	img {
	    border: 0;
	    -ms-interpolation-mode: bicubic;
	}

	/* 
	interpolation-mode
	http://css-tricks.com/ie-fix-bicubic-scaling-for-images/
	 */

/*******************************************
 Float Clearing http://nicolasgallagher.com/micro-clearfix-hack 
 *******************************************/

.group:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear: both;
}

.group {
    *zoom: 1; /* 3 */
    }
	
	 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
	



html {
	  font-size: 100%;
	  line-height: 1;
	  -moz-text-size-adjust: 100%;
	  -ms-text-size-adjust: 100%;
	  -webkit-text-size-adjust: 100%;
	}

body {
	background-repeat: repeat-x;
	background-color: #ffffff;
	margin: 0;
	font-family: 'open_sansregular', Arial, Helvetica, san-serif;
	color: #333;
	line-height: 1;
	font-size:1em;
	text-align: center;
	width: 100%;
	}
	
#wrapper {
	margin: 0 auto;
	padding:0 ;
	text-align:left;
	max-width:62em; /*992px*/
	z-index:2;
	}
	
header {
	float:left;
	width:100%;
	padding:.5em 0 0 0;
	margin:0;
	border-bottom:1px solid #ccc;
	clear:both;
		}
		
	/* ******************************************
    Advanced Checkbox Hack
****************************************** */	
			/*for toggle */
	#navmenu {
	position:relative;
	margin:0;
	min-width:100%;
	padding:0;
	z-index:100;
	}
	#navmenu a {
   display: inline-block;
	}
	/*start for navigation on small	*/
	#navmenu nav {
	height:0;
	overflow:hidden;
	}
	
	


body { 
    -webkit-animation: bugfix infinite 1s; 
	}

@-webkit-keyframes bugfix {
    from {padding: 0;} 
    to {padding: 0;} 
	}

/* 
1. Hide <nav> off-screen / -9999px/-999em technique works best.
*/

#navmenu input[type=checkbox] {
    position: absolute;
    top: -999em;
    left: -999em;
	z-index:0;
	
	}
#navmenu label { 
    display: block;
	height:1.8em;
    background: url("../images/menu.png") no-repeat right center;
    text-indent: -999em;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
	z-index:0;
	}
/* 6. Show <nav> on-screen / drop-down menu */
#navmenu input[type=checkbox]:checked ~ nav {
    height:auto;
    overflow: hidden; 
	z-index:0; 
	}
		
nav {
	position:relative;
	z-index:10;
	clear:both;
	margin:0;
	padding:0
	}
/* ******************************************
    End Advanced Checkbox Hack
****************************************** */		
		
ul.topnav {
	list-style:none; 
	text-align:center;
	padding:.5em 0;
	}
	
	ul.topnav li {
	font-size:.875em;
	font-family: 'aaarghnormal', Arial;
	color:#666;
	padding:.65em;border-top:1px solid #ccc;
	}
		
		
		
h1,h2,h3,h4,p {
	font-weight:100;
	}
	
h1,h2,h3,h4 {
		text-align:center;
		color:#616e64;
		}
			
			
h1.name {
	font-family:'open_sanslight';
	font-size:1.8em; 
	color:#7c7c7c;
	letter-spacing: .1em;
	text-transform:uppercase;
	text-align:center; 
	line-height:1;
	padding:.25em 0 ;
	margin:0
	}
	
	.more {font-size:1.15em;}
	
.gallerycontainer h2 {font-family: 'open_sanslight';text-align:center;clear:both;font-size:1.3em;margin:1.2em 0 .3em}	

/*******************
	image styles	
	****************/

img {
	border:0px;
	z-index:0;
	max-width:100%;
	padding: 1em;
	}
	
	img.spaceright {
		max-width:100%;
		padding: 0;
		margin:0 .625em .625em .625em;
		}
		
	img.spaceleft {
		max-width:100%;
		padding: 0;
		margin:0 .625em .625em .625em;
		}
		
	img.bigimg {
		max-width:100%;
		padding:1em 0;
		margin:0 ;
		}

		
figure 	{
		max-width:100%;
		z-index:0;
		}
figcaption {
	 font-size:.84em;
	 line-height:1.12;
	 margin:0 0 3em .28em;
	 }
.left {
	text-align:left;
	}
.center {text-align:center;}
	
.none {
	margin:0;
	padding:0
	}
	
	
		
p {
	margin: 1em 1em 0 1em;
	padding: 0; /*3/4 scale*/
	font-size: .875em; /*(15px)*/
	line-height: 1.4; /*.9375 x 1.4=1.3125 1.3 is scale 1.3/.9375=1.386*/
	text-align:left;
}

p.ann {
	margin: 3px 0 0 0;
	padding: 0; 
	font-size: .875em; 
	line-height: 1.4; 
	text-align:left;
	color:#353434;
	}
	
	.break-new {
	margin:0 ;
	padding:0 0 0 0;
	border-bottom:1px solid #ccc;
	min-width:200px;	
		}
strong {
	font-family: 'open_sansbold';
}

em {
	font-family: 'open_sansitalic';
}

main {
	float:left;
	min-width: 100%;
	display:block;
	margin: 0;
	padding:1em;
	text-align:center;
	z-index:3;
}

A.navl:link { 
	color: #333; 
	text-decoration: none; 
}	
A.navl:visited { 
	color: #333; 
	text-decoration: none; 
}
A.navl:active { 
	color: #333; 
	text-decoration:none;
}
A.navl:hover {
	color: #6191aa; 
	text-decoration:none;
}


A:link { 
	color: #6191aa; 
	text-decoration: none; 
}	
A:visited { 
	color: #6191aa; 
	text-decoration: none; 
}
A:active { 
	color: #6191aa; 
	text-decoration:none;
}
A:hover {
	color: #0f72a6; 
	text-decoration:none;
}
		

footer {
	/*position:fixed;*/
	position:relative;
	top:4em;
	clear:both;
	width:100%;
	padding:.56em;
	border-top: 1px solid #e9e9e9;
	text-align:center;
	background-color: #ffffff;
	display:block;
	z-index: 200;
	}
	
	.bottomsocial {
/*	position: fixed;*/
    background-color: rgba(255,255,255,.9);
    /*bottom:0;
    right: 0;*/
	width:100%;
	font-size:.65em;
	/*height: 5em;*/
	line-height:2;
	text-align:center;
	padding:.5em 0;
	
	box-sizing:border-box;
	}
	.social {
	padding:0;
	margin:0 1em -1em 1em
	}
	
img.thin {
		border:1px #CCC solid;
		padding:.325em;
}
		
	.containslideshow {width:100%;padding:0;}
	.cycle-slideshow { max-width: 100%;margin: .65em 0  }
	.cycle-slideshow img { width:100%; height: auto; padding:0;margin:0 }
	#alt-caption {position:relative;left:0;top:0;width:100%;text-align:center;font-size:.65em;color:#666;padding:.25em .5em;height:4em}	
	
	aside.containsfeature {width:100%;color:#ccc;padding:0 .5em;}
	h3.homefeature {font-family:'open_sansbold';font-size:1em;padding:1.75em 0 .5em 0;text-align:left;color:#e4e1b6;}	
	h2.shows {text-align:left;font-family:'open_sanslight';font-size:110%;line-height:1.2;margin:2em 0 0 0}
	h2.shows + p {margin-top:.25em}
figure.iconhold {width:100%;padding:1em;margin:0 auto;text-align:center;}
	.iconhold figcaption {padding:0;margin:0 0 1.5em 0;text-align:center;text-transform:uppercase;}
	.iconhold img {padding:1em 0 .5em 0;margin:0 auto }
	
	.gallerycontainer {width:100%;}
	.gallerycontainer img {padding:1em .5em;max-width:100%;max-height:200px;}
	.gallerycontainer img.hor {padding:1em 2em;/*max-width:100%:;*/clear:both;}
	.galinfocontainer {width:100%;padding:1em 0 1em 2em;}
	.infocontainer  {width:100%;padding:2em;text-align:left; }
	h3.worksubs {font-size:.875em;font-family: 'open_sansbold';line-height:1;margin:0;padding:0;text-align:left;color:#e4e1b6}
	
	h3.pgtitles {font-size:1.1em;font-family: 'open_sansbold';line-height:1;margin:1em 0;padding:0;text-align:left;color:#e4e1b6}
	
	ul.info {list-style:none; 
	text-align:left;
	list-style:none; 
	padding:0;
	margin:1em 0;
	}

	ul.info li {
	font-size:.875em;
	font-family: 'open_sansregular';
	color:#000;
	padding:.5em 0;
	}
	.locate {font-family:'open_sansbold';color:#000}
	p.dims {margin-top:8em; font-size:.78em;font-family: 'open_sansregular';line-height:1.5;text-align:left;color:#000}
	.arrow {padding:0;margin:0 .5em -.2em .5em}
	.nosidepad {padding:.5em 0;margin:0}
	.lgviewcontainer {width:100%;}
	.lgviewcontainer img {padding:1em .5em;max-width:100%}
	img.horlgs {padding-bottom:2em}
	h4.exhib {font-size:1em;margin:0 0 1em 0;text-align:left;line-height:1.4;font-family:'open_sanslight';color:#000;padding:0}
	p.exhib {font-size:1em;margin:0 0 1em 0;text-align:left;line-height:1.4;font-family:'open_sanslight';color:#000;padding:0}
	h4.series {font-size:1em;margin:3em 0 1em 0;text-align:left;line-height:1.4;font-family:'open_sanslight';color:#000;border-top:1px dashed #ccc;padding:1em 0 0 0}	
	.aboutSeries {font-size:80%;margin:1em 0;}
	img.whitesp {margin-top:-.75em}
	.containsexhibitionsall {float:left;width:100%;border-bottom:1px dashed #ccc}
	.exhibtext {font-size:80%;padding:0;margin:.5em 0;}
	.exhibtextlast {font-size:80%;padding:0;margin:.5em 0 1em 0;}
	.exhibinfocontainer {float:left;width:100%;padding:1em}
	.exhibcontainslideshow {float:left;width:100%;padding:1em}
.exhibcontainslideshow2 {width:100%;padding:1em;margin:0 auto}
	.holdexharrow {margin:1em 0 }
	.returnto {margin:12em 0;font-size:.7em}
	.returntodet {margin:6em 0;font-size:.7em}
	.detblock {float:left;padding:3em 0;font-size:.75em;width:100%}
	p {margin:.875em 0;}
	
/*450px was 23*/
@media screen and (min-device-width: 25em)  {
		
	img.spaceright {
		max-width:30%;
		float:left;
		padding: 0;
		margin:0 2em .625em 0;
		}
		
	img.spaceleft {
		max-width:40%;
		float:right;
		padding: 0;
		margin:0 0 .625em 2em;
		}
	/*checkbox hack removed*/
	
	#navmenu a  {
   display: inline;
	}	
		
	nav {width:100%;padding-left:0em;margin:0 auto}
	
/*checkbox hack removed*/
#navmenu {width:100%;padding-left:0;}

/*start for navigation on small	*/
#navmenu nav {
	height:auto;
	overflow:visible;
	}

#navmenu label { 
    display: none;
	}
	
ul.topnav {
	list-style:none; 
	text-align:center;
	padding:0;
	margin:.5em 0 1.5em 0;
	}
ul.topnav li {
	font-size:.875em;
	font-family: 'aaarghnormal', Arial;
	color:#666;
	padding:0 1em;
	border-top:0px solid #ccc;
	}
	
nav li {
	display:inline;}

h1.name {
	font-family:'open_sanslight';
	font-size:1.8em; 
	color:#7c7c7c;
	letter-spacing: .1em;
	text-transform:uppercase;
	text-align:center; 
	line-height:1;
	padding:.25em .5em .25em 0 ;
	display:inline-block;
	width:100%;
	margin:0
	}
/*	figure.iconhold {width:100%;padding:1em;margin:0 auto;text-align:center;}
	.iconhold figcaption {padding:0;margin:0 0 1.5em 0;text-align:center;text-transform:uppercase;}
	.iconhold img {padding:1em 0 .5em 0;margin:0 auto }*/
	
	figure.iconhold {float:left;max-width:50%;padding:2em;margin:0 auto;text-align:center;}
	.iconhold figcaption{padding:0;margin:0 0 .5em 0;text-align:center;text-transform:uppercase;}
	.iconhold img {padding:2em 0 .75em;margin:0 auto;}
	.gallerycontainer img {padding:1em 2em;}
	.gallerycontainer img.hor {padding:1em 3em;clear:both;margin:0 auto;}
	
	/*.gallerycontainer {float:left;width:79%;}
	.gallerycontainer img {float:left;padding:1em 2.75em 2em 0;}
	.galinfocontainer  {float:left;width:21%;padding:1em 0 }*/
	
	}
	
	
	/*512px*/
@media only screen and (min-device-width: 48em)  {
.gallerycontainer h2 {font-family: 'open_sanslight';text-align:left;clear:both;font-size:1.3em;margin:1.2em 0 .3em}	
#wrapper {
	margin: 0 auto;
	padding:0 .65em;
	text-align:left;
	max-width:62em; /*992px*/
	z-index:2;
}
	
main {padding-left:0
}
	
img.spaceright {
	max-width:40%;
	float:left;
	padding: 0;
	margin:0 2em .625em 0;
}
		
img.spaceleft {
	max-width:40%;
	float:right;
	padding: 0;
	margin:0 0 .625em 2em;
}
		
h1.name {
	font-family:'open_sanslight';
	font-size:1.8em; 
	color:#7c7c7c;
	letter-spacing: .1em;
	text-transform:uppercase;
	text-align:left; 
	line-height:1;
	padding:.25em .5em .25em 0 ;
	display:inline-block;
	width:25em;
	margin:0
}

	
nav {width:50em;padding-left:16em;float:left}
	/*checkbox hack removed*/
	
#navmenu a  {
   display: inline;
	}	

/*start for navigation on small	*/
#navmenu nav {
	height:auto;
	overflow:visible;
	}

#navmenu label { 
    display: none;
	}
	
ul.topnav {
	list-style:none; 
	text-align:left;
	padding:0 0;
	margin:-1.6em 0 1.5em 0;
/*	min-width:20em;*/
	}
	
ul.topnav li {
	font-size:.875em;
	font-family: 'aaarghnormal', Arial;
	color:#666;
	padding:0 1em;
	border-top:0px solid #ccc;
	}
nav li {
	display:inline;}
	
	/*.more {font-size:1.15em;}*/
	
	/*use this when there is an announcement on the left
	.containslideshow {float:left;width:75%;padding:1em 3em 1em 0;}*/
	
	/*use this when there is No announcement on the left*/
	.containslideshow {max-width:100%;padding:1em 0 1em 0;}
	.cycle-slideshow { max-width: 75%;margin: 0 auto  }
	.cycle-slideshow img { max-width: 100%; height: auto; padding:0;margin:0 0 .25em 0 }
	#alt-caption {position:relative;left:0;top:0;max-width: 100%;text-align:center;font-size:.65em;line-height:1.3;color:#666;height:5em}	
	aside.containsfeature {float:left;width:25%;color:#ccc;padding:0;}
	h3.homefeature {font-size:1em;padding:1em 0 1em 0;}
	
	figure.iconhold {float:left;max-width:25%;padding:2em 2em 2em 0;margin:0}
	.iconhold figcaption {margin:0 auto;text-align:center;text-transform:uppercase;}
	.iconhold img {padding:1em 0 .75em;margin:0 auto }
	.gallerycontainer {float:left;width:70%;}
	.miscell {float:left;width:70%; max-width:500px}
	
	.gallerycontainer img {float:left;padding:1em 2.75em 2em 0;}
	.gallerycontainer img.hor {float:left;padding:1em 2.75em 2em 0;/*max-width:100%:;*/clear:none;}
	.galinfocontainer  {float:left;width:30%;padding:1em 0 }
	.lgviewcontainer {float:left;max-width:67%;width:48em}
	.lgviewcontainer img {float:left;padding:1em 5em 2em 0;max-width:100%; max-height:40em}
	.infocontainer  {float:left;width:33%;padding:1em 0 }
	img.horlgspace {float:left;padding:1em 5em 20em 0;max-width:100%; max-height:40em}
	h3.worksubs {font-size:.875em;font-family: 'open_sansbold';line-height:1;margin:0;padding:0;text-align:left;color:#e4e1b6}
	
ul.info {list-style:none; 
	text-align:left;
	list-style:none; 
	padding:0;
	margin:1em 0;
}

ul.info li {
	font-size:.875em;
	font-family: 'open_sansregular';
	color:#000;
	padding:.5em 0;
}
	.locate {font-family:'open_sansbold';color:#000}
	.exhibtext {font-size:80%;padding:0;margin:.5em 0;}
	.exhibtextlast {font-size:80%;padding:0;margin:.5em 0 1em 0;}
	.exhibinfocontainer {float:left;width:50%;}
	.exhibcontainslideshow {float:left;width:50%;padding:1em 2em 1em 0}
	.exhibcontainslideshow2 {float:left;width:50%;padding:1em 0 1em 0}
}

.series-state {
	margin: 2em 0;
	font-size: .875em;
	padding: 1em 0;
	text-align: left;
	border-top: 1px solid #ccc;
}

 .series-state h3 {
	font-size: 1em;
	text-align: left;
}
@media screen and (min-width: 515px){
.series-state {
	margin: 2em 0;
	font-size: .875em;
	padding: 1em 0;
	text-align: left;
	border-top: 1px solid #ccc;
}

 .series-state h3 {
	font-size: 1em;
	text-align: left;
}
	}