/* general */

	body {
		background: #ffffff;
		margin: 0 35px;		
		padding: 0;
		font-size:12px;
		line-height: 16px;
		letter-spacing: .01em;		
		}
					
	img {
		border: 0;
		margin: 0;
		padding: 0;
		display:inline;
		}
		
	table,tr,td {
		margin: 0;
		padding: 0;
		}
		
	h1   {
		color:#000000;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		line-height: 20px;
		margin: 0 0 40px 0;
		padding: 0;
		text-transform:uppercase;
		}
		
	h2   {
		color:#000000;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		line-height: 20px;		
		margin: 0 0 0 0;
		padding: 0;
		text-transform:uppercase;
		}
		
	h3   {
		color:#000000;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		line-height: 20px;
		margin: 0;
		padding: 0;
		text-transform:uppercase;
		}
		
	h4   {
		color:#565656;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		line-height: 20px;
		margin: 0 0 0 0;
		padding: 0;
		text-transform:uppercase;
		}
		
	h5   {
		color:#565656;
		font: italic 9px Helvetica, Arial, Verdana, Sans Serif;
		line-height: 15px;		
		margin: 0 0 0 0;
		padding: 0;
		text-transform:uppercase;
		}
				
	ul  {
		color:#555555;
		font: normal 13px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 60px 18px;
		padding: 0;
		line-height:17px;
		}	
		
	p   {
		color:#000000;
		font: normal 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 15px 0;
		padding: 0;
		line-height:20px;
		}	
		
	.clear {
		clear: both;	
	}
	ul.social-links {
		font-size: 15px;
		font-weight: 700;
		line-height: 30px;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	ul.social-links li a {
		color: #000;
		text-decoration: none;
	}
	.bold2{
		font-weight: 700;
		margin-bottom: 3px;
	}
	ul.social-links li a:hover{
	  color: #555555;
	}
/* text */

		
	p.bold   {
		color:#000000;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 15px 0;
		padding: 0;
		line-height:20px;
		}				
		
	p.date   {
		color:#30AF60;
		font: bold 12px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		}
		
		
	p.image   {
		color:#555555;
		font: normal 13px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-align:right;
		}	
		
	p.bio   {
		color:#000000;
		font: normal 13px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 15px 0;
		padding: 0;
		line-height:20px;
		}	
		
	p.caption   {
		color:#000000;
		font: normal 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 10px 0;
		padding: 0;
		line-height:20px;
		}	
		
	p.null   {
		color:#000000;
		font: normal 13px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		line-height:18px;
		}	

		
/* links  */

	a {
		color:#555555;
		/*font: normal 1.1em Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 15px 0;
		padding: 0;
		line-height:1.3em;*/
		}

	a:hover	{
		text-decoration: underline;
		}
		
	a.alt1 {
		color:#000000;
		font: bold 1.0em Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 15px 0;
		padding: 0;
		line-height:1.3em;
		text-decoration: none;
		}

	a.alt1:hover	{
		text-decoration: underline;
		}
		
	a.alt2 {
		color:#000000;
		font: normal 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}

	a.alt2:hover	{
		text-decoration: underline;
		}
		
	a.nav {
		color:#000000;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}

	a.nav:hover	{
		color:#555555;
		}
		
	a.navActive {
		color:#555555;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}

	a.navActive:hover	{
		color:#555555;
		}
		
	a.subNav {
		color:#555555;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-decoration: none;
		line-height:25px;
		
		}

	a.subNav:hover	{
		color:#000000;
		}
		
	a.subNavActive {
		color:#000000;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-decoration: none;
		line-height:25px;
		}

	a.subNavActive:hover	{
		color:#000000;
		}
		
	a.small {
		color:#555555;
		/*font: normal 9px Helvetica, Arial, Verdana, Sans Serif;*/
		margin: 0;
		padding: 0;
		text-decoration: underline;
		}

	a.small:hover	{
		text-decoration: underline;
		}
		
	a.large {
		color:#555555;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}

	a.large:hover	{
		color:#000000;
		}
		
	a.exhibition {
		text-decoration: none;
		}

	a.exhibition:hover *	{
		color: #565656 !important;
		text-decoration: underline;
		}
		
	a.exhibition + p {
		font-size: 15px;
		line-height: 20px;
	}

	a.subSubNav {
		color:#555555;
		font: bold 10px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-decoration: none;
		line-height:18px;
		
		}

	a.subSubNav:hover	{
		color:#000000;
		}
		
	a.subSubNavActive {
		color:#000000;
		font: bold 10px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		text-decoration: none;
		line-height:18px;
		}

	a.subSubNavActive:hover	{
		color:#000000;
		}
		
	a.contact {
		color:#555555;
		font: normal 1.1em Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 15px 0;
		padding: 0;
		line-height:1.3em;
		}

	a.contact:hover	{
		text-decoration: underline;
		}



/* forms */

	input {
		padding: 4px;
		margin: 1px 0 8px 0;
		color: #555555;
		font: normal 15px Helvetica, Arial, Verdana, Sans Serif;
		background-color:#ffffff;
		border: 1px solid #555555;
		}

	select {
		display: inline;
		margin-bottom: 5px;
		font: normal 10px Verdana, Geneva, Arial, Sans Serif;
		color: #555555;
		background-color:#ffffff;
		}

	input[type=submit] {
		-webkit-appearance:none;
		font: bold 15px Helvetica, Arial, Verdana, Sans Serif;
		padding: 0;
		margin: 0;
		text-decoration: underline;
		text-transform: uppercase;
		border: 0;
		color: #000000;
	}

	input[type=submit]:hover {
		color: #555555;
		cursor: pointer;
	}

	form {
		padding: 0;
		margin: 0;
		}
		
	textarea {
		padding: 2px;
		margin: 1px 0 5px 0;
		color: #555555;
		font: normal 10px Helvetica, Arial, Verdana, Sans Serif;
		background-color:#ffffff;
		}



/* divs */

	#wrapper-outer {
		width:100%;
		max-width: 1200px;
		margin: auto;
		position: relative;
	}
	
	#wrapper {
		width:120px;
		height:460px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0;
		padding:0px;
		text-align:left;
		}

	#header {
		position:absolute;
		top: 80px;
		left:0;
		height: 75px;
		width: 100%;
		z-index: -1;
		border-bottom: 1px solid silver;
	}
			
	#logo {
		position:absolute;
		left:0;
		top: 80px;
		width:160px;
		margin:0;
		padding:0;
		text-align:left;		
		z-index:100;	
		}
		
	#navigation {
		position:absolute;
		left:20%;
		top: 80px;
		margin:0;
		padding:0;
		text-align:left;
		vertical-align:bottom;
		width: 80%;
		min-width: 600px;
		}

	#main {
		position: absolute;
		top: 175px;
		width: 100%;
	}

	#main.artists-specializing {
		position: absolute;
		top: 590px;
	}
		
	#image {
		width:250px;
		margin: 400px 0 0 520px;
		padding:0px;
		text-align:left;
		position:absolute;
		border-top:1px solid #CCCCCC;
		}
		
	#content {
		position:absolute;
		left:35px;
		top:155px;
		width:750px;
		margin:0;
		padding:0;
		text-align:left;
		}

	#col100 {
		position:absolute;
		left:0;
		top:0;
		margin:0;
		width:100%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}
		
	#col1 {
		position:absolute;
		left:0;
		top:0;
		margin:0;
		width:16%;
		min-width: 160px;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}		
		
	#col1-2 {
		position:absolute;
		left:0;
		top:0;
		margin:0;
		width:33%;
		min-width: 160px;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}
		
	#col2 {
		position:absolute;
		left:20%;
		min-width: 160px;
		top:0;
		margin:0;
		width:16%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}
		
	#col2-2 {
		position:absolute;
		left:20%;
		top:0;
		margin:0;
		width:33%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}

	#col2-3 {
		position:absolute;
		left:20%;
		top:0;
		margin:0;
		width:50%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}
		
	#col2-4 {
		position:absolute;
		left:20%;
		top:0;
		margin:0;
		width:80%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}
		
	#col3-2 {
		position:absolute;
		left:41%;
		top:0;
		margin:0;
		width:33%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}

	#col3-4 {
		position:absolute;
		left:41%;
		top:0;
		margin:0;
		width:59%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}

	#col4-2 {
		position:absolute;
		left:50%;
		top:0;
		margin:0;
		width:33%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}

	#col4-3 {
		position:absolute;
		left:56%;
		top:0;
		margin:0;
		width:44%;
		padding:24px 0 0 0;
		float:left;
		border-top:1px solid transparent;
		}

	#scroll {
		margin:0 0 30px 0;
		width:100%;
		padding:0 15px 0 0;
		float:left;
		min-width: 462px;
		}
	
	#scrollWide {
		margin:0 0 30px 0;
		padding:0 15px 0 0;
		float:left;
		}
										
/* classes */

	.highlight   {
		color:#cccccc;
		font: bold 1.0em Helvetica, Arial, Verdana, Sans Serif;
		margin: 0 0 15px 0;
		padding: 0;
		line-height:1.3em;
		}
				
	.error   {
		color:red;
		font: normal 13px Helvetica, Arial, Verdana, Sans Serif;
		margin: 0;
		padding: 0;
		}
		
	.errorText   {
		color:red;
		}
		
		
/* navigation */

	#menu-button {
		display: none;
	}
		
	#navlist  {
		margin: 0;
		padding: 0;
		}
		
	#navlist li {
		display: inline;
		list-style-type: none;
		padding: 0 15px 0 0;
		margin:0;
		}

	#navlist li.last {
		padding-right: 0;
	}

	#navlist {
		width: 100%;
	    list-style-type: none;
	    text-align: justify;/*justify*/
	    height: 21px;
	}

	#navlist li {
	    display: inline;
	}
	#navlist .stretch {
		display: inline-block;
    	width: 100%;
    
    	/* if you need IE6/7 support */
    	*display: inline;
    	zoom: 1;
	}

	#navlist li a {
		font-size: 15px;
	}


/* exhibition thumb lists */

	.exhibition-block {
		display: inline-block;
		float: left;
		width: 48%;
	}

	.exhibition-block:nth-child(odd) {
		margin-right: 4%;
		clear: left;
	}

	.exhibition-thumb-container {
		width:40%;
		height:auto;
		vertical-align: top;
	}

	.exhibition-thumb-container > div {
		margin-right:10px;
	}
	.exhibition-thumb-container img {
		width: 100%;
		height: auto;
	}

/* publications */

	.publication {
		height:505px;
		width: 32%;
		margin:0 2% 12px 0;
		float: left;
		/*border-bottom:1px dotted silver;*/
		padding-bottom:10px
	}

	.publication img {
		max-height: 250px;
		max-width: 100%;
	}

	#publications .publication:nth-child(3n) {
		margin-right: 0;
	}

/* iframe slideshows */

	iframe.slideshow {
		width: 100%;
		height: 100%;
		max-height: 712px;
		max-width: 960px;
		margin: auto;
	}

	body.slideshow {
		margin: 0;
	}

	/*body.slideshow .caption,
	body.slideshow img {	
		opacity: 0;
	}

	body.slideshow.loaded .caption,
	body.slideshow.loaded img {	
		opacity: 1;
	}*/	

	body.slideshow img {
		//height: 0;
		//width: 0;
		//width: 100%;
		//height: calc(100vh - 57px);
	}

	body.slideshow .caption {
		/*position: absolute;
		left: 0;*/
		bottom: 32px;
	}

	body.slideshow .slideshow-controls {
		/*position: absolute;
		left: 0;
		bottom: 0;*/
		font-size: 10px;
		line-height: 16.5px;
	}

	body.slideshow .slideshow-controls a {
		font-size: 20px;
		text-decoration: none;
		display: inline-block;
		vertical-align: bottom;
	}

	body.slideshow .slideshow-controls a.disabled {
		color: #cccccc;
		pointer-events: none;
		-webkit-user-select: none;        
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;		
	}

	body.slideshow .slideshow-controls a:not(.disabled):hover {
		color: #555555;
	}	

	body.slideshow #slideshow-next {
		margin-left: 18px;
	}

	body.oneimageslideshow .slideshow-controls {
		visibility: hidden;
	}

	body.oneimageslideshow a {
		pointer-events: none;
	}

/* #scroll year fix */

	#scroll h1 {
		clear: both;
		margin: 50px 0 30px;
	}
	#scroll h1:first-child	 {
		margin-top: 0;
	}

/* scroll upcoming extra padding */

	#scroll > div {
		margin-bottom: 30px;
	}

	#scroll > div p {
		margin-bottom: 30px;
	}

/* more content */

	#artists-list td {
		width: 200px;
	}

	#artists-list a {
		font-size: 15px;
	}

	#artists-list img {
		margin-bottom: 5px;
		border:0;
		height: 200px;
		width:auto;
	}

	#mobile-news-filter {
		display: none;
	}

/* content */

	.template-contact #col1 strong {
		white-space: nowrap;
	}



@media only screen and (max-width:1160px){

	#navlist li a {
		font-size: 13px;
	}
	
	#col2,
	#col2-2,#col2-3,#col2-4 {
		left: 230px;
	}

	#col2-4 {
		width: calc(100% - 230px);
	}

	#col3-4,
	#col3-2 {
		left: 420px;
	}


	#navigation {
		width: 100%;
		left: 0;
	}

	#navlist {
		padding-left: 230px;			
		width: auto;
	}
}

@media only screen and (max-width:1000px){


	#col2,
	#col2-2,#col2-3,#col2-4 {
		left: 190px;
	}

	#col2-4 {
		width: calc(100% - 190px);
	}

	#col3-4,
	#col3-2 {
		left: 380px;
	}

	#navigation {
		width: 100%;
		left: 0;
	}

	#navlist {
		padding-left: 190px;			
		width: auto;
	}

	.template-contact #col1 strong {
		white-space: normal;
	}

}


@media only screen and (max-width:880px){

	#scrollWide td {
		display: block;
	}

	#navlist li a {
		font-size: 13px;
	}
	#navlist li {
		padding: 0 5px 0 0;
	}
}


@media only screen and (max-width:768px){

	body {
		margin: 0 15px;
	}

	#navigation,
	#logo,
	#header {
		top: 40px;
	}

	#navigation {
		max-width: 800px;	
		min-width: 0;	
	}

	#main {
		top: 120px;
	}

	#navlist li a {
		font-size: 15px;
	}

	.template-contact #col3-4,
	.template-contact #col3-2 {
		left: 190px;
		top: 367px;
	}

	.exhibition-block {
		display: block;
		width: 100%;
	}

	#publications .publication {
		width: 48%;
		margin-right: 4%;
	}

	#publications .publication:nth-child(even) {
		margin-right: 0;
	}

	iframe.slideshow {
		max-width:100%;
	}
	body.slideshow iframe {
		//max-width: 100%;
		max-height: 100%;
	}

	#main.artists-specializing {
		position: static;
		margin-top: 44px;
	}	
}

@media only screen and (max-width:760px){

	#content,#main,
	#col100,#col1,#col2,#col2-2,#col2-3,#col2-4,#col3-2,#col3-4,#col4-2,#col4-3,
	#scroll,#scrollWide {
		position: static;
		float: none;
		width: 100%;
		max-width: 100%;
		min-width: 0;	
		padding-top: 0;
		padding-bottom: 20px;
	}

	#main {
		padding-top: 30px;
		border-top: 1px solid silver;		
		position: relative;
		top: 56px;
	}

	h1 {
		margin-bottom: 20px;
	}

	#header {
		display: none;
	}

	#navigation {
		position: relative;
		top: 0;
	}

	#logo {
		top: 20px;
	}

	#menu-button {
		display: block;
		position: absolute;
		top: 20px;
		right: 0;
	}

	#menu-button:after {
		font-family: Arial,serif;
		font-size: 15px;
		text-transform: uppercase;
		font-weight: bold;
		content: "Menu";
		cursor:pointer;
	}

	#navlist {
		display: none;
	}

	.menu-active #menu-button {
		color: #cccccc;
	}

	.menu-active #navlist {
		display: block;
		padding-top: 46px;
		padding-left: 0;
		height: auto;
	}

	#navlist li {
		display: block;
		clear: all;
		padding: 5px 0;
	}

	#artists-list tr {
		display: inline;
	}

	#artists-list td {
		width: 49.9%;
		display: inline-block;
	}

	#artists-list img {
		width: 75%;
		max-height: 9999em;
		height: auto;
	}


	p.bio {
		font-size: 12px;
		line-height: 18px;
	}

	iframe.slideshow {
		width: 100%;
		min-height: 340px;
	}

	#news-filter-artists {
		display: none;
	}

	#mobile-news-filter {
		display: block;
	}

	#mobile-news-filter:after {
		font-family: Arial,serif;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: bold;
		content: "+ Filter By Artist";
		cursor:pointer;		
	}

	.news-filter-active #news-filter-artists {
		display: block;
		padding-top: 10px;
	}

	.template-publications table td > div {
		height: auto !important;
		margin: 0 0 35px 0 !important;
		padding: 0 0 20px 0 !important;
	}

	.template-home #wrapper-outer {
		overflow-y: hidden;
	}

}