@charset "UTF-8";
/* CSS Document Kylie Norton for Utopia */


/* =Reset
--------------------------------------------------------------  vertical-align: baseline; */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;

}

footer, header,nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	font-family: "Century gothic",  Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
  line-height: 20px;
	color: #8f8f8f;	background-color: #fff;
	margin: 0px; padding: 0px;
}

#wrapper {
	max-width: 960px; min-height:600px; margin-left: auto; margin-right: auto;
	background-color:#ffffff;
}



a:link, a:visited {color: #8f8f8f; text-decoration:none;}
a:hover, a:active {color: #333; text-decoration:none;}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}

img {border:none; color:#666;}

.selected{
    font-weight: bold; color:#333;}


/* header */
#logo {margin-left:auto; margin-right:auto; max-width:520px; height:65px;margin-top:5px; }
#logo img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; margin-bottom:40px;
  }

#navbar-mobile {display:none;}
 #navbar { font-size:11px; height:45px; margin-top:15px;}
#navbar a:link, #navbar a:visited {color: #8f8f8f; text-decoration:none;}
#navbar a:hover, #navbar a:active {color: #333; text-decoration:none;}

#nav {width: 960px; }

ul#nav {width: 960px; margin: 0px; padding: 0px;}
ul#nav li {
			display:block;
			float:left;list-style-type:none;
			}
			ul#nav li a {
				display:block;
				outline:none;
				height:30px;
				/* background:transparent url(../images/nav.png) no-repeat 0 0; 
				text-indent:-9009px;
				width:0px;
				*/
								margin:0  37px;
				font-size:14px;
				letter-spacing:2px;
				padding-top:6px;
				
				}
				ul#nav li a:

				ul#nav li a:hover
				{background-position:0 -30px ; color:#000;}
				ul#nav li:first-child a{ margin-left:0px;}
				ul#nav li:last-child a{ margin-right:0px;}

		/*	ul#nav li#artists-nav a {
				width:100px;
				background-position:-0px 0;
				}
				ul#nav li#artists-nav a:hover, body#artists ul#nav li#artists-nav a  {
					background-position:-0px -30px
					}



			ul#nav li#exhibitions-nav a {
				width:160px;
				background-position:-100px 0;
				}
				ul#nav li#exhibitions-nav a:hover, body#exhibitions ul#nav li#exhibitions-nav a {
					background-position:-100px -30px
					}



			ul#nav li#stockroom-nav a {
				width:170px;
				background-position:-260px 0;
				}
				ul#nav li#stockroom-nav a:hover, body#stockroom ul#nav li#stockroom-nav a  {
					background-position:-260px -30px
					}





			ul#nav li#about-nav a {
				width:150px;
				background-position:-430px 0;
				}
				ul#nav li#about-nav a:hover, body#about ul#nav li#about-nav a  {
					background-position:-430px -30px
					}

					ul#nav li#news-nav a {
				width:125px;
				background-position:-580px 0;
				}
				ul#nav li#news-nav a:hover, body#news ul#nav li#news-nav a  {
					background-position:-580px -30px
					}

			ul#nav li#subscribe-nav a {
				width:150px;
				background-position:-705px 0;
				}
				ul#nav li#subscribe-nav a:hover, body#subscribe ul#nav li#subscribe-nav a  {
					background-position:-705px -30px
					}

			ul#nav li#contact-nav a {
				width:105px;
				background-position:-855px 0;
				}
				ul#nav li#contact-nav a:hover, body#contact ul#nav li#contact-nav a {
					background-position:-855px -30px
					}
*/
body#home a#artists-nav, body#about a#about-nav, body#artists a#artists-nav, body#exhibitions a#exhibitions-nav, body#stockroom a#stockroom-nav,   body#media a#media-nav, body#subscribe a#subscribe-nav, body#contact a#contact-nav {

}
.worklink {
  font-size: 12px;
}

.m-enlarge {margin-bottom:20px;}

#artists #side-content {float: left;
  width: 240px;
  margin: 0px;
  min-height: 350px; font-size:11px; line-height:18px;}

 #artists #main-content, #stockroom #main-content {
  float: right;
  width: 720px;
}
.side-text2 {
  margin-right: 30px;
  font-size: 12px;
  line-height: 20px;
}

.copyright {
  font-size: 10px;
  text-align: center;
  font-style: italic;
}

#enlargement {
  min-height: 520px;
  vertical-align: middle;
}
#exhibitions #side-content {float: left;
  width:200px;
  margin:30px 0px 20px 20px;
  min-height: 350px; font-size:11px; line-height:18px; }

 #exhibitions #main-content {
  float: right;
  width: 720px; margin-top:30px;
}
 #about #main-content, #terms #main-content, #privacy #main-content, #subscribe #main-content {
  float: right;
  width: 665px;
}
#contact #main-content{
  float: right;
  width: 500px;   margin-right: 30px;
}
#about #side-content, #terms #side-content, #privacy #side-content, #subscribe #side-content {
  float: left;
  width: 295px;
  margin: 0px;
  min-height: 350px;
}
#about #side-content, #terms #side-content, #privacy #side-content, #subscribe #side-content img{max-width:255px;}
#contact #side-content {
  float: left;
  width: 360px;
  margin: 0px;
  min-height: 350px;
}

#stockroom #side-content {
  float: left;
  width: 200px;
  margin: 0px;
  min-height: 0px; margin-top:0px;
}
 /* footer primary */

#footer .mobile {display:none;}
 #footer {
	background-color:#fff;
	font-size: 10px;
	max-width:960px; margin-top:20px;
	margin-right:auto; margin-left:auto;
}
#footer a:link, #footer a:visited {color: #8f8f8f; text-decoration:none;}
#footer a:hover, #footer a:active {color: #333; text-decoration:none;}
#footer ul {margin: 0px; padding: 0px;}
#footer-left {float: left;margin-left:0px;}
#footer-left ul li {display: inline; padding-right:30px;}

#footer-right {float: right; width:150px; height:20px; margin-bottom:2px;}

 .submit {background-color:#efefef; color:#333; border: solid 1px #333; padding:1px 10px 1px 10px; margin-top:10px;}
.sold {color:#990000;}
.thumb img {max-height:120px; max-width:120px;}

/* Headings */
h1, h2, h3, h4, h5 {
	color: #8f8f8f;
	text-rendering: optimizelegibility;
	font-family:"Century gothic",  Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal; text-transform:lowercase; letter-spacing: 2px;
}
h1{font-size:18px; line-height: 22px; margin-bottom:20px;}
h2{font-size:14px; line-height: 20px;margin: 3px 0px 12px 0px;}
h3{font-size:12px; }
h4{font-size:11px; }
h5{font-size:11px; }
h6{font-size:11px; }
h1,h2,h3,h4,h5,h6 {
	clear: both;
}

  hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
/* Text elements */
p {
	margin-bottom: 1.5em;
	line-height:18px;
}
ul, ol {
	margin: 0 0 1.5em 0em;
}
ul {
	list-style-type:none; margin-left:0px;
}
ol {
	list-style-type:none; margin-left:0px;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
	background: #efefef;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding:6px;
}
input:focus,
select:focus,
textarea:focus {
	background:#fff;
	outline: none;
}

  textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* home page */

#home-slideshow {margin: 0px 0px 30px 0px; clear:both;}

#leftside-home {width:60%; float:left;}
.ex-title {text-transform:none; letter-spacing: 2px; font-size:18px; }
.ex-subtitle { font-style: italic; padding-left:20px; font-size:14px; letter-spacing:2px;}
.ex-comment {clear:both; margin-top:20px; width:440px;}

#rightside-home {width:40%; float:right; font-size:14px; letter-spacing:2px; text-align:right;}
#leftside-home .home-list ul li {display: inline;}

.home-list li + li::before {
    content:"|";
}

 #side-content a:link {
  color: #8f8f8f;
  text-decoration: none;
}
#side-content a:visited {
  color: #8f8f8f;
  text-decoration: none;
}
#side-content a:hover {
  color: #666;
  text-decoration: none;
}
#side-content a:active {
  color: #666;
  text-decoration: none;
}

/* SOCIAL MEDIA */
#socialicons {font-size:10px; margin:20px 0px 20px 0px;}

#social li {display: inline;}
.social-share {
    margin-top: 2px;
}
.social-share .image-replace{display:inline;margin-right:4px}

.social-share a,.social-share strong {float:right;margin-right:5px}
.image-replace {
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.facebook.image-replace a{width:18px;height:18px;background:url('/images/facebook-gray.png')}
.facebook.image-replace a:hover{background:url('/images/facebook-blue.png')}

.instagram.image-replace a{width:18px;height:18px;background:url('/images/instagram-gray.png')}
.instagram.image-replace a:hover{background:url('/images/instagram-blue.png')}

.twitter.image-replace a {
    background: url("/images/twitter-gray.png") repeat scroll 0 0 transparent;
    height: 18px;
    width: 18px;
}
.twitter.image-replace a:hover {
    background: url("/images/twitter-blue.png") repeat scroll 0 0 transparent;
}

/* ================================= */

#mc_embed_signup{background:#fff; clear:left;margin-left:-10px!important; max-width:450px;  }
#mc_embed_signup{font-size: 12px;
	margin:5px 0px 10px 0px;
    text-transform: lowercase; letter-spacing:2px; font-weight:normal; }
	#mc_embed_signup .asterisk {
    color: #666 !important;
    font-size: 16px!important;
}
#mc_embed_signup .mc-field-group .asterisk {
    position: absolute;
    top: 25px;
    right: 0px!important;
}

#mc_embed_signup .indicates-required {
    text-align: left!important;
    font-size: 10px!important;
    margin-left: 10px;
}

#mc_embed_signup input[type=radio] {
  margin-right:10px;
}
/* ================================= */
#home-slideshow img {max-height:420px;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  max-height:420px;
  }
  #contact #side-content .rslides img{ width:auto; max-width:100%;}
  #subscribe .rslides img {
  display: block;
  height: auto;
  float: none;
  width: 100%;
  border: 0;
  }

  /* ================================= */
  /* show / hide feature for base */

/* show hide */

.accordion {margin-top:20px; margin-bottom:20px;}

.dhtmlgoodies_question{
	color:#8f8f8f;
	font-style: normal;
	font-size: 12px;
    letter-spacing: 2px;
    padding-left: 13px;
    text-transform: lowercase;
	background-image: url("../images/accordion.gif");
    background-position: left 4px;
    background-repeat: no-repeat;
	background-color:#fff;
	width:190px;
	margin-bottom:3px;
	margin-top:2px;
	overflow:hidden;
	cursor:pointer;
}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */

	background-color:#fff;
	width:190px;
	padding-left: 13px;
	/* End layout CSS */
	margin-bottom:5px;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	line-height:18px;

}
.accordion ul {margin:0px; padding:0px;}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px 1px 1px 0px;
	font-size:11px;
	position:relative;
}

.dhtmlgoodies_answer_content a {text-decoration: none; text-transform:lowercase;}

/* ============================ */
  .news-body {
  width: 700px;
  margin-left: 240px;
}

  .news-text {
  float: right;
  width: 440px;
  margin-bottom: 20px;
  margin-right: 20px; word-wrap: break-word;
}

.news-image {
  float: left;
  width: 240px;
}
.news-image img {
  max-width: 200px;
  margin-bottom: 30px;
}


/* allow room for 3 columns */
 .list1 ul
  {
    width: 700px; list-style:none; margin-left:0px; padding-left:0px; 
  }  /* float & allow room for the widest item */
  .list1 ul li
  {
    float: left;
    width: 220px;
  }  /* stop the float */
   .list1 br
  {
    clear: left;
  }  /* separate the list from subsequent markup */
  div.list1
  {
    margin-bottom: 30px;
  }


  .list2 ul
  {
    width: 700px; list-style:none;  margin-left:0px; padding-left:0px;
  }  /* float & allow room for the widest item */
  .list2 ul li
  {
    float: left;
    width: 220px;
  }  /* stop the float */
   .list2 br
  {
    clear: left;
  }  /* separate the list from subsequent markup */
  div.list2
  {
    margin-bottom: 1em;
  }

  .list1, .list2 {text-transform:lowercase;}


.mobile-artistlist {display:none;}
.main-text{ padding-right:10px; line-height:18px;}
.sidelist {font-size:11px; text-transform:lowercase;}


/* 4 column ================================ */
#artist-grid {width:730px;}
#artist-grid ul {margin:0px;padding:0px;margin-top:-5px;max-width:730px;}
#artist-grid li
{

     width: 170px;
  height: 200px;

    text-align:center;
    list-style-type:none;
    margin-bottom:40px;
	padding-right:9px;
	display:inline-block;
   margin-right:auto;
   margin-left:auto;
    vertical-align:bottom !important;

}
.artist-grid-image {display:table;height: 180px;width: 170px; margin:0 auto; vertical-align:bottom !important;}
.artist-grid-name {clear:both; text-transform:lowercase; margin:5px auto 10px; font-size:11px;}
#artist-grid li img
{
      max-width: 160px;
  max-height: 170px;vertical-align: bottom; padding-bottom:10px; vertical-align:bottom !important;
}





#artist-grid2 {width:750px;}
#artist-grid2 ul {margin-left:30px;margin-top:0px;padding:0px;max-width:750px;}
#artist-grid2 li
{

     width: 200px;
  height: 230px;

    text-align:center;
    list-style-type:none;
    margin-bottom:40px;
	padding-right:35px;
	display:inline-block;
   margin-right:auto;
   margin-left:auto;
    vertical-align:bottom !important;

}
.artist-grid-image2 {display:table;height: 200px;width: 100%; margin:0 auto; vertical-align:bottom !important;}
.artist-grid-name2 {clear:both; margin:5px auto 10px; font-size:11px;}
#artist-grid2 li img
{
      max-width: 200px;
  max-height: 200px;vertical-align: bottom; padding-bottom:10px; vertical-align:bottom !important;
}


/* EXHIBITIONS ============================= */

.m-essay {display:none;}
.ex-list {font-size:12px; line-height:22px;}
.ex-left {float:left; width:480px; display: inline-block; }
div.ex-right {width:210px;float:right; height:233px; margin:0; display: inline-block; padding-left:10px;
    }


div.bottom  {vertical-align:bottom !important; display:table-cell;height:233px}
div.40padtop {margin-top:40px;}

.main-content-indent {margin:20px 0px 0px 0px;}

#ex-full {width:980px; font-size:11px; color:#333; font-size:11px; text-transform:none!important;}
.left-slideshow {float:left; background-color:#efefef; width:240px; height:350px;margin:0px;padding:0px;  color: #333!important; vertical-align:bottom;}
.left-slideshow2 {margin:230px 0px 0px 20px;}

.left-slideshow a:link, .left-slideshow a:visited {
  color: #333 !important;}
.left-slideshowh2  {text-transform:none !important;
  color: #333 !important; font-size:12px!important;letter-spacing: 4px;}
.left-slideshow  h3  {text-transform:none !important;
  color: #333 !important; font-size:11px!important; margin-bottom:15px;}
.left-slideshow a:active, .left-slideshow a:hover {
  color: #666 !important;}
.right-slideshow {float:right; width:720px; margin:0px; padding:0px;  color: #333;}
.right-slideshow img {min-height:350px; max-height:350px;}
.left-slideshow-inner2 {vertical-align:bottom; padding:20px 10px 20px 20px; color:#333; }


div.bottom2 {padding:20px 0px 20px 20px; vertical-align:bottom;}
div.bottom2 h3 {text-transform:none;
  font-size:11px; margin-bottom:15px!important; line-height:18px; padding-right:5px;}

 .ex-image_gallery1 img {
  max-height: 110px;
  max-width: 225px;
}
.ex-imageblock1 {
  height: 120px;
  margin-bottom: 0px;

}
.ex-image_gallery1 li {
  display: inline;
  list-style: none;
  width: 230px;
  min-height: 250px; 
  float: left;
  margin: 0px 10px 20px 0px;
  text-align: left;
  vertical-align: middle;
}
.ex-image_gallery1 {
  font-size: 11px;
  line-height: 18px;
}
.columns {
  -moz-columns: 2;
  -webkit-columns: 2;
  -ms-columns: 2;
   columns: 2;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  -ms-column-gap: 40px;
   column-gap: 40px;
   float:left; width:100%;

}
.40pxbottom h2 {margin-bottom:40px;}
.indent {padding: 0px 20px 20px 20px;}

.mobile-show {display:none; height:0px;}
.mobile-show2 {display:none; height:0px;}
.mobile-hide {display:block;}

#gallery ul li {list-style-type:none;}
#gallery #main-img {max-height: 500px;
max-width: 550px; border: solid 1px #ccc; }
.gallery-thumb img {width:90px; border:none; margin:4px 0px 0px 0px; border: solid 1px #ccc;}
div .swop {width:550px; height:500px;}

.menu_btn{ display:none;}

#exhibitions #artist-grid2{ width:100%; float:left;}
#exhibitions #artist-grid2 li{ box-sizing:border-box; padding:0px 15px 15px 15px; width:33.333%; text-align:center;}
#exhibitions #artist-grid2.artist-grid-col4 li{ box-sizing:border-box; padding:0px 15px 15px 15px; width:25%; text-align:center;}
#exhibitions .artist-grid-image2{ display:table; width:100%;  }
#exhibitions #artist-grid2 ul{ margin-left:-15px; margin-right:-15px;}
#exhibitions #artist-grid2 li img{/*min-width:100%; width:100%;*/}
#exhibitions .artist-grid-image2 a{ display: table-cell; height: 100%; vertical-align: bottom;}

#artists .artist-grid-image a { display: table-cell; height: 100%; vertical-align: bottom;}
#artists .artist-grid-image2 a{ display: table-cell; height: 100%; vertical-align: bottom;}
#stockroom .artist-grid-image2 a{ display: table-cell; height: 100%; vertical-align: bottom;}
#mc_embed_signup .mc-field-group input{ border-radius:0px;}
#artists select, #artists input{ appearance:normal;  -webkit-appearance: none;
  -webkit-border-radius: 0;}
#mc_embed_signup .mc-field-group.input-group input{ display:inline-block;}
.page-nums{ color:#000;} 

.left-slideshow h2{ text-transform:inherit;}
.left-slideshow h3{ text-transform:lowercase !important;}

/*-  MEDIA QUERIES
----------------------------------------------------------------------*/
/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 1024px){
ul#nav { float: left;text-align: center; width: 100%;}
ul#nav li { display: inline-block; float: none; list-style-type: none;}
ul#nav li a{ margin:0 30px;}
#subscribe #main-content{ width:65%;}
#subscribe #side-content{width:30%; max-width:30%;}
#subscribe #side-content img{ max-width: 100%; min-width: 100%; width: 100%;}

#enlargement{ min-height:420px;}
#enlargement_links img {
    height: 30px;
    width: 30px;
}
}
@media screen and (max-width: 980px)

{
	#wrapper{max-width:90%; margin:0 auto;}
	ul#nav{ width:100%; }
	ul#nav li a{margin: 0 20px;}
	#artists #side-content{ width:25%;}
	#artists #main-content, #stockroom #main-content{ width:75%;}
	#artist-grid2 {width:100%;}
	#artist-grid{ width:100%;}
	.left-slideshow{ width:30%; height:auto;}
	.right-slideshow{ width:70%;}
	#artist-grid li{ width:31%;}
	.left-slideshow-inner2{ padding:12px;}
	.left-slideshow2 {
  height: 100%;
  margin: 57% 0 0 20px;
}
#artist-grid2 li{ width:28%;}
#stockroom #side-content{ width:25%;}
.news-body{ margin-left:0px;}
ul#nav { float: left;text-align: center; width: 100%;}
ul#nav li { display: inline-block; float: none; list-style-type: none;}

#exhibitions .left-slideshow{ width:120px; background:none !important;}
#exhibitions .right-slideshow{ width:600px;}
#artist-grid2 li img { max-height: 180px; max-width: 180px;}

}
@media (min-width: 830px) and (max-width: 980px){
    #exhibitions #main-content{ width:600px;}
	.ex-left{ width:380px;}
	.ex-left img{ width:100%;}
	div.bottom{ height:185px;}
	#exhibitions #side-content{ width:120px;}
	#about #main-content, #terms #main-content, #privacy #main-content, #contact #main-content{width:528px; margin-right:0px;}
	#exhibitions #side-content{ width:120px;}
	#about #side-content, #terms #side-content, #privacy #side-content, #contact #side-content{ max-width:200px;}
	#about .list1 ul li{ width:33.333%;}
	#about .list2 ul li{ width:33.333%;}
	#about .list1 ul{ width:100%;}
	#about .list2 ul{ width:100%;}
	
	#artist-grid2 ul{ width:100%; float:left; margin-left:0px;}
	#artist-grid2 ul li{ width:33.333%; float:left; margin:0px 0px 40px 0px; padding:0px 10px; box-sizing:border-box;}
	#artist-grid2 li img{/* min-width:100%; width:100%;*/}
	
	#contact #side-content .rslides img{ width:100%; max-width:100%;}
	}
@media (min-width: 768px) and (max-width: 829px){
    #exhibitions #main-content{ width:79%;}
	.ex-left{ width:310px;}
	.ex-left img{ width:100%;}
	div.bottom{ height:135px;}
	#exhibitions #side-content{ width:120px; margin:30px 0 20px 0px;}
	#about #main-content, #terms #main-content, #privacy #main-content, #contact #main-content{ width:100%; margin-right:0px;}
	#about .list1 ul li{ width:33.333%;}
	#about .list2 ul li{ width:33.333%;}
	#about #side-content, #terms #side-content, #privacy #side-content, #contact #side-content{float: left; max-width: 100%; width: 100%; padding-top:30px;}
	#about #side-content ul, #terms #side-content ul, #privacy #side-content ul, #subscribe #side-content ul, #contact #side-content ul{ float: left; text-align: center;  width: 100%;}
	#about #side-content ul li, #terms #side-content ul li, #privacy #side-content ul li, #subscribe #side-content ul li, #contact #side-content ul li{width: 100%;}
	#side-content .rslides img { display: inline-block; float: none; max-width: 100%; width: auto;}
	
	#exhibitions .left-slideshow{ width:20%;}
	#exhibitions .left-slideshow-inner2{ padding:12px 12px 12px 0;}
	#exhibitions .left-slideshow2{ padding-left:0px; margin-left:0px;}
	#exhibitions .main-content-indent{ margin-top:0px;}
	#exhibitions div.bottom2{ padding:20px 0;}
	#exhibitions .right-slideshow { width: 79%;}
	
    #exhibitions .ex-image_gallery1 li { box-sizing: border-box; margin: 0; min-height: 208px; padding: 10px; width: 50%; height:auto; }
    #exhibitions .ex-image_gallery1 img { max-height: inherit; max-width: 100%; min-width: 100%;}
	#exhibitions .main-content-indent{ margin-top:0px;}
	#exhibitions .main-content-indent .ex-image_gallery1{ margin:0px -10px;}
	
	#artist-grid2 ul{/* width:100%; float:left;*/ margin-left:0px;}
	#artist-grid2 ul li{ width:33.333%; float:left; margin:0px 0px 40px 0px; padding:0px 10px; box-sizing:border-box;}
	#artist-grid2 li img{ /*min-width:100%; width:100%;*/}
	
	#contact .content, #about .content{ display:table; width:100%;}
	#contact .content #main-content, #about .content #main-content{ display:table-footer-group; float:none; width:100%;}
	#footer-left ul li:last-child { display: block;}
	#stockroom #side-content .artist_dropdown{ width:100%;}
	
	#stockroom #main-content{ width:73%;}
	#stockroom form .artist_dropdown{ width:100%;}
	
	#gallery #main-img{ width:100%; margin-right:0px;}
	}	
@media screen and (max-width: 890px){
ul#nav li a{margin: 0 15px;}
#exhibitions #artist-grid2.artist-grid-col4 li{ width:33.333%;}
}
@media screen and (max-width: 810px){
ul#nav li a{margin: 0 12px;}
}
@media screen and (max-width: 768px){
#enlargement{ min-height:420px;}
#enlargement_links img {
    height: 30px;
    width: 30px;
}
#artist-grid2.artist_grid_col3 li img{ width:100%;}
}
@media screen and (max-width: 767px)
{
	#navbar{ display:none;}
	ul#nav{ width:100%; }
	.menu_btn{ display:block; cursor:pointer; text-align:center; font-size:16px; margin-top:20px;}
	.menu_btn i{ padding-left:10px;}
	ul#nav li{ display:block; width:100%;}
	ul#nav li a{ width:100%; text-align:center; margin:0px 0px;}
	#footer-left{ width:100%;}
	#leftside-home{ text-align:left;}
	#artist-grid2 {width:100%;}
	#artist-grid{ width:100%;}
	#artist-grid li{ width:47%;}
	#artist-grid2 li{ width:40%;}
	#artist-grid2 li img{ /*width:100%;*/}
	.left-slideshow{ width:100%; height:auto;}
	.right-slideshow{ width:100%;}
	.left-slideshow-inner2{ padding:20px;}
	#exhibitions #main-content{ width:100%;}
	.ex-left { width: 50%;}
	.ex-left > img {  width: 100%;}
	.ex-left > a > img {  width: 100%;}
	.ex-list .bottom{ height:auto;}
	.left-slideshow2 {
  margin: 30px 0 0 20px;
}

.news-body{ width:100%;}
.news-text{ width:60%;}
.news-image {  float: left;  width: 30%;}
.news-image img {
  max-width: 100%;
}
#navbar{ float:left; height:auto; width:100%;}
    #about #main-content, #terms #main-content, #privacy #main-content, #contact #main-content{ width:100%; margin-right:0px;}
	#about .list1 ul li{ width:33.333%;}
	#about .list2 ul li{ width:33.333%;}
	#about .list1 ul{ width:100%;}
	#about .list2 ul{ width:100%;}
	#about #side-content, #terms #side-content, #privacy #side-content, #contact #side-content{float: left; max-width: 100%; width: 100%; padding-top:30px;}
	#about #side-content ul, #terms #side-content ul, #privacy #side-content ul, #subscribe #side-content ul, #contact #side-content ul{ float: left; text-align: center;  width: 100%;}
	#about #side-content ul li, #terms #side-content ul li, #privacy #side-content ul li, #subscribe #side-content ul li, #contact #side-content ul li{width: 100%;}
	#side-content .rslides img { display: inline-block; float: none; max-width: 100%; width: auto;}
	
	#subscribe #main-content{ width:58%;}
    #subscribe #side-content{width:38%; max-width:38%;}
    #subscribe #side-content img{ max-width: 100%; min-width: 100%; width: 100%;}
	#exhibitions #artist-grid2 ul{ width:auto;}
	
	#contact .content, #about .content{ display:table; width:100%;}
	#contact .content #main-content, { display:table-footer-group; float:none; width:100%;}
	#about .content #main-content{  float:none; width:100%;}
	
	#exhibitions .left-slideshow{ width:30%;}
    #exhibitions .right-slideshow{ width:70%;}
	#exhibitions #side-content{min-height:inherit;}
	#artist-grid2.artist_grid_col3 li img{ width:auto;}
}


@media screen and (max-width: 600px),
screen and (max-device-width: 520px) {
	
	
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
	
	#artists #main-content, #stockroom #main-content {
  width: 70%;
}
#artists #side-content {
  width: 30%;
}

.site {padding:15px; }
#wrapper {max-width:100%;}
body {font-size:13px;line-height: 22px; font-family:"Century gothic", Arial, sans-serif;}


header #navbar-mobile { display:block; font-size:11px; height:45px; margin-top:15px;}


#home-slideshow {margin: 0px 0px 20px 0px; clear:both;}
p {
  margin-bottom: 1.5em;
  line-height: 22px;
}
#logo img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  margin-bottom: 20px;
}
#leftside-home {float:none; width:100%; }
.ex-title {text-transform:none; letter-spacing: 2px; font-size:18px; }
.ex-title:after {
    content:"\a";
    white-space: pre;
}
.ex-subtitle { clear:left;font-style: italic; padding-left:0px!important; font-size:14px; letter-spacing:2px; width:90%;}
.ex-comment {clear:both; margin-top:20px; max-width:100%; margin-bottom:f20px;}


#leftside-home .home-list ul li { display:list-item; background-color:#efefef; padding:2px 2px 2px 10px; 
margin-bottom:3px; }

.home-list li + li::before {
    content:"";
}


#rightside-home {float:none; font-size:14px; letter-spacing:2px;width: 100%; text-align:left;  }



.ex-title {text-transform:none; letter-spacing: 2px; font-size:18px; }
.ex-subtitle {clear:left; font-style: italic; padding-left:20px; font-size:14px; letter-spacing:2px;}
.ex-comment {clear:both; margin-top:20px; width:440px; text-align:left;}

#footer .primary {display:none;}
#footer {width:100%; margin-top:20px;}
#footer .mobile {display:block; border-top: solid 1px #ccc; margin-top:10px; padding-top:10px; font-size:100%;  }
#footer .pad-right {padding-right:20px;}

.mobile #footer-left ul li {display: inline;}
.mobile #footer-right {margin:10px 0px 10px -80px; clear:both; float:left; }


li .arrow-right  {
  background-image: url("right-arrow.gif");
  background-position: left top;
  background-repeat: no-repeat;
  list-style: none outside none;
  margin: 0;
  padding: 0 0 2px 25px;
}

.stwrapper.stwrapper5x {
  margin: 0 0 0 -256px;
  max-height: 419px;
  max-width: 514px;
}
#about #main-content, #terms #main-content, #privacy #main-content, #subscribe #main-content {
  float: none; margin-bottom:30px;
  width: 100%;
}
#about #side-content, #terms #side-content, #privacy #side-content{
  float: none;
  max-width: 520px; /* note change */
  margin: 0px auto;
  min-height: 350px;
}
#subscribe #side-content{  float: none;
  max-width: 520px; /* note change */
  margin: 0px auto;
  min-height:auto;}

#exhibitions #side-content {float: none;
  width: 95%;
  margin: 10px auto;
  min-height: 0px; font-size:12px; line-height:22px;}

 #exhibitions #main-content {
  float: none;
  width: 95%; margin:30px auto;
}

.indent {padding: 0px 0px 0px 0px;}
.m-essay { }


.ex-list {font-size:12px; line-height:22px; width:100%;}
.ex-left {float:none; width:100%; display:inline;}
.ex-left img {float:left; width:100%;}
div.ex-right {width:100%;;float:none; height:100px; margin:0; display:inline; padding:0px;
    }

.columns {  display:none; }
.columns.exhibition-essay{ display:block;}
.columns.exhibition-essay {
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
  -webkit-column-gap:0px;
  -moz-column-gap:0px;
  column-gap:0px;

}
.left-slideshow {float:left; width:100%; height:100%;margin:0px;padding:0px;  color: #333!important; font-size:14px; }
.left-slideshow h2, .left-slideshow h3 {font-size:14px!important;}

.left-slideshow2 {width:95%; margin:0px auto;}
.right-slideshow {float:right; width:100%; margin:0px; padding:0px; }

div.bottom {
  vertical-align: none;
  display: block;
  height: auto;
}

.left-slideshow-inner2 {vertical-align:none; padding:0px 0px 0px 10px;  }
.m-buttons li {display: block;
  padding: 5px;
  background-color: #efefef;
  margin: 10px 0px 0px -10px;}

div.bottom2 {padding:0px 0px 0px 10px;}
.bottom2 h2, .bottom2 h3 {font-size:14px!important; color:#333!important; text-transform:none!important;}
.bottom2 .m-buttons {font-size:12px!important; }

.dhtmlgoodies_question{

	font-size: 14px;

	width:240px;
	margin-bottom:5px;
	margin-top:5px;

}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */


	width:240px;
	font-size:14px;
	line-height:26px;

}
.accordion ul {margin:0px; padding:0px;}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:2px 2px 2px 0px;
	font-size:14px;
	line-height:26px;

}

/* archive page */

 .ex-image_gallery1 img {
  max-height:100%;
  max-width: 100%;
}
.ex-imageblock1 {
  height: 100%;
  margin-bottom: 10px;

}
.ex-image_gallery1 li {
  display: inline;
  list-style: none;
  width: 100%;
  height: auto;
  float: left;
  margin: 0px 0px 20px 0px;
  text-align: left;
  vertical-align: middle;
}
.ex-image_gallery1 {
  font-size: 12px;
  line-height: 22px;
}

/* ============================ */

/* mobile EXHIBITIONS END ======================================= */

#contact #main-content {
  float: none; margin-bottom:30px;
  width: 100%;
}
#contact #side-content {
  float: none;
  max-width: 350px;
  margin: 0px auto;
  min-height: 350px;
}




.backtop {text-align:right; margin-top:100px;}



.news-body {
  max-width: 100%;
  margin-left: 0px;
}

  .news-text {
  float: right;
  width: 70%;
  margin-bottom: 20px;

  text-wrap:normal;
}

.news-image {
  float: left;
  width: 20%;
}
.news-image img {
  max-width: 100%;
  margin-bottom: 20px;margin-right:0px;
  min-width:100%;
}

.artistlist {display:none;}

.mobile-artistlist {display:block; margin-top:20px;}


/* allow room for 3 columns */
 .list1 ul
  {
    width: 100%; list-style:none; margin-left:0px; padding-left:0px;
  }  /* float & allow room for the widest item */
  .list1 ul li
  {
    float: left;
    width: 40%; padding-right:5%;
  }  /* stop the float */
   .list1 br
  {
    clear: left;
  }  /* separate the list from subsequent markup */
  div.list1
  {
    margin-bottom: 30px; font-size:11px;
  }

  .mobile-hide {display:none;}
  .mobile-show {display:table-cell;}

li.mobile-hide {display:none;}
.mobile-show2 {width:100%; height:50px; display:block; margin-bottom:20px; }

.main-text {margin-bottom:10px; font-size:14px; line-height:22px;}




#artist-grid {max-width:100%; }
#artist-grid ul {margin:0px 0px 0px 10px;padding:0px;max-width:100%;}
#artist-grid li
{

     width: 150px;
  height: 180px;

    text-align:center;
    list-style-type:none;
    margin-bottom:30px;
	padding-right:0px;
	display:inline-block;
   margin-right:auto;
   margin-left:auto;
    vertical-align:bottom !important;

}
.artist-grid-image {display:table;height: 160px;width: 130px; margin:0 auto; vertical-align:bottom !important;}
.artist-grid-name {clear:both; text-transform:lowercase; margin:5px auto 10px; font-size:11px;}
#artist-grid li img
{
      max-width: 130px;
  max-height: 150px;vertical-align: bottom; padding-bottom:10px; vertical-align:bottom !important;
}



#artist-grid2 {max-width:100%; }
#artist-grid2 ul {margin:0px ;padding:0px;width:100%;}
#artist-grid2 li
{
 width: 150px;
  height: 190px;
    text-align:center;
    list-style-type:none;
    margin-bottom:20px;
	padding:0 10px;
	display:inline-block;
   margin-right:auto;
   margin-left:auto;
    vertical-align:bottom !important;

}
.artist-grid-image2 {display:table;height: 175px;width: 100%; margin:0 auto; vertical-align:bottom !important;}
.artist-grid-name2 {clear:both; text-transform:lowercase; margin:5px auto 10px; font-size:11px;}
#artist-grid2 li img
{
      max-width: 140px;
  max-height: 140px;vertical-align: bottom; padding-bottom:10px; vertical-align:bottom !important;
}



.40pxbottom h2 {margin-bottom:-20px;}

#gallery #main-img {max-height:100%;
max-width: 100%; border: solid 1px #ccc; }
.gallery-thumb img {width:90px; border:none; margin:4px 0px 0px 0px; border: solid 1px #ccc;}
div .swop {width:100%;}

#enlargement {
  min-height: 0px;
  vertical-align: middle; margin:0 auto;
  width:90%;
}

#enlargement_links img {
  min-height: 0px;
  vertical-align: middle;
  width:40px; height:40px; padding-right:5px; margin-bottom:10px; clear:both;
}

table#enlargement_links  {margin:0 auto;}

.side-text2 {
  margin-right: 0px;
  font-size: 12px;
  line-height: 20px;
}

.m-centre {text-align:center; width:100%;}
.worklink {display:block; padding:5px; background-color:#efefef; margin-top:5px;}
p .worklink {margin-bottom:0px;}
.m-enlarge {display:none; height:1px;}

	#about .list1 ul li{ width:50%; padding-right:0px;}
	#about .list2 ul li{ width:50%; padding-right:0px;}
	#exhibitions #artist-grid2 ul{ width:auto;}
	
	#exhibitions .left-slideshow{ width:100%;}
    #exhibitions .right-slideshow{ width:100%;}
}
@media (min-width: 520px) and (max-width: 600px){
#artists .mobile-show2{ display:none;}
#stockroom #main-content{ width:73%;} 
#stockroom form .artist_dropdown{ width:100%;}
}
@media screen and (max-width: 519px)
{ 
#artists #main-content, #stockroom #main-content{ width:100%;}
#artist-grid li{ width:49%;}
#artists #side-content{ width:100%;}
#artist-grid ul{margin-left:0px;}
#artist-grid2 li{ width:42%;}
#stockroom #side-content {
  width: 100%;
}

.news-text{ width:90%;}
.news-image {  float: left;  width: 100%;}
.news-image img {
  max-width: 100%;
}
#contact #side-content{ max-width:100%;}
	#about .list1 ul li{ width:50%; padding-right:0px;}
	#about .list2 ul li{ width:50%; padding-right:0px;}
	#exhibitions #artist-grid2.artist-grid-col4 li{ width:33.333%;}
}
@media screen and (max-width: 480px){
	.m-buttons li{ margin:10px 0 0;}
	#exhibitions #side-content{ float:left;}
	#exhibitions #artist-grid2.artist-grid-col3 li{ min-height:200px;}
}
@media screen and (max-width: 450px){
	#footer #footer-left li:first-child{ padding-right:0px; width:100%; float:left;}
	#exhibitions #artist-grid2 li{ width:50%; min-height:190px; height:auto;}
	#exhibitions #artist-grid2.artist-grid-col4 li{width:50%;}
	#contact #side-content .rslides img{ width:100%;}
	}
@media screen and (max-width: 360px){
	#about .list1 ul li{ width:100%; padding-right:0px;}
	#about .list2 ul li{ width:100%; padding-right:0px;}
	#artist-grid2.artist_grid_col3 li img{ width:100%;}
	}	
/* end @media */

/* end Responsive Structure */