@charset "UTF-8";
/* CSS Document OLSEN GRUIN 2017 CREATED BY KYLIE NORTON, all rights reserved */

/* =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-size: 100%; 
	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;
}

 hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 1.5em 0; clear:both;
}
/* Text elements */
p {
	margin-bottom: 1.25em;
	
}
ul, ol {
	margin: 0 0 0em 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;
}


.tablelist td {
    border: 1px solid #cccccc; padding:2px;
}


input,
select,
textarea {
	font-size: 90%; /* Corrects font size not being inherited in all browsers */
	margin: 2px 0px 2px 0px; /* 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: #fff;
	border: 1px solid #ccc;
	padding:2px; 
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
input:focus,
select:focus,
textarea:focus {
	background:#fff; 
	outline: none;
}




/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:9pt;  color:#000; min-height:930px;
}


a:link {color:#000; text-decoration: none;}
a:visited {color:#000; text-decoration: none;}
a:hover {color:#666; text-decoration: none;}
a:active {color:#666; text-decoration: none;} 

#wrapper{
	min-height: 100%;
width: 99%;
max-width: 1100px;
margin: 0 0;
padding: 0 15px;
position: relative;
}
 
.hidden {display:none; visibility:hidden;}
 
* html #wrapper{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/
header{
	max-width: 1100px;
	min-height:215px;
	position:relative; margin-bottom:15px;
}
* html header{height:225px}
.logo {float:left; width:250px;min-height:200px; margin:0 0 0 0px;}
.logo img{width:100%; height: auto; }

#navbar {width:400px; float:right; font-size:9pt; margin-top:5px; margin-right:5px; }
.column {width:25%; float:left;}

#navbar a:link, #navbar a:visited {color:#000; text-decoration: none;}
#navbar a:hover, #navbar a:active {color:#b9b9b9; text-decoration: none;}
li #sydney-nav, li #newyork-nav, li #blog-nav {font-weight:bold;}
li #blog-nav {padding-left:20px;}

body#about ul#nav li#about-nav a    {color: #b9b9b9; font-weight:bold;} 
body#artists ul#nav li#artists-nav a    {color: #b9b9b9; font-weight:bold;} 
body#exhibitions ul#nav li#exhibitions-nav a    {color: #b9b9b9; font-weight:bold;} 
body#stockroom ul#nav li#stockroom-nav a    {color: #b9b9b9; font-weight:bold;}
body#videos ul#nav li#videos-nav a    {color: #b9b9b9; font-weight:bold;} 
body#publications ul#nav li#publications-nav a    {color: #b9b9b9; font-weight:bold;} 
body#press ul#nav li#press-nav a    {color: #b9b9b9; font-weight:bold;} 
body#consulting ul#nav li#consulting-nav a    {color: #b9b9b9; font-weight:bold;} 
body#registry ul#nav li#registry-nav a    {color: #b9b9b9; font-weight:bold;} 
body#contact ul#nav li#contact-nav a    {color: #b9b9b9; font-weight:bold;} 

.menu_btn {display:none;}


#side {
	position:relative;/*ie needs this to show float */
	width:27%; max-width: 315px;
	float:left;
	bottom:0; min-height:100%; display:block;
}

#main {
	width:70%; padding-right:1%; 
	float:right; margin-bottom:20px;font-size:9pt;
}

#address {position:absolute; bottom:0; width:170px; height:155px; padding-bottom:5px; font-size:8pt; clear:both}

#clearfooter {width:100%;height:45px;clear:both} /* to clear footer */


/* footer */
footer {
	width:60%;
	clear:both;
	height:43px;
	text-align:right;
	margin-left:35%;
	bottom:0;
	position: absolute; 
}
.addthis_inline_follow_toolbox {float:right;}
.artsy {margin:10px 0px 0px 20px; float:right;}

* html footer {/*only ie gets this style*/
	\height:45px;/* for ie5 */
	he\ight:43px;/* for ie6 */
	margin-bottom:-1px;  
}


/* main content */

div,p  {margin-top:0}/*clear top margin for mozilla*/

#map {
        width: 100%;
        height: 470px;
        
      }
.columns {padding-left:0px;}
.columns ol, .columns ul {margin-bottom:20px;}

#pages .columns ol, #pages .columns ul {list-style-type: disc; margin-left:10px!important;}
#artists .columns {padding-left:0px;}

.main ul {list-style-type:none;}

.col {width:55%; float: left; padding-right:10px; height:520px;}
.col ul {-moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-fill: auto;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   -webkit-column-fill: auto;
   column-count: 2;
   column-gap: 20px;
   column-fill: auto;}
.col1 {width:45%; float: left; padding-right:50px;}
.col2 {width:45%; float: left; }

.col1 img{width:100%; }
.col2 img {width:100%; }

.hidden {display: none;}
.mobile-show {display: none;}
.mobile-hide {}

.ex-left {float:left; width:46%;padding-right:20px;} 
.ex-right {float:right;width:45%; margin-bottom:20px;padding-right:20px;}
.ex-left img{width:100%; margin-bottom:20px; max-width:385px;}
.ex-right  img {width:100%; }

.sidehead {font-weight:bold; text-decoration:underline;}

ul.side-subnav {margin-left:0px;}
/*ul.side-subnav li:before {
  content: "\005F";  
}*/
.side-subnav a.current {color:#888888!important; font-weight:bold;}
ul.side-subnav li:before a.current {color:#000!important; font-weight:normal;}
/*ul.side-subnav2 li:before {
  content: "";  
}*/
.side-subnav2 a.current {color:#888888!important; font-weight:bold;}

 .sqimage {font-size:8pt;  } 
.sqimage img {margin-top: 150px; width:100%; max-width:185px; margin-bottom: 0px; } 
.sqimage p {max-width:185px;  } 

#fullwidth {clear:both; margin:0p 15px 20px 15px; padding-right:0px;}
#home-slideshow {padding: 0px; clear:both;  z-index:1; margin-top: 50px; } 
#home-slideshow img {width: 100%; max-height:562px; margin-bottom:15px;}
body#home h2 {
    color: #000;
    text-rendering: optimizelegibility;
    font-family: TradeGothicLTPro-Bold!important;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 20pt;
    line-height: 20pt;
}
	body#home h3 {
    color: #666;
    text-rendering: optimizelegibility;
    font-family: TradeGothicLTPro-Bold;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase; 
    font-size: 20pt;
    line-height: 20pt;
}
body#home h4 {
    color: #000;
    text-rendering: optimizelegibility;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12pt;
    margin-top: 5px;
}
body#home footer {height:30px;}
.red a:link  {color:#990000; text-decoration: underline!important;}
.red {color:#990000; }


/* Headings */  
h1 {
	color: #000;
	text-rendering: optimizelegibility;
	font-family: TradeGothicLTPro-Bold;
	font-weight: normal;
	font-style: normal; text-transform:uppercase; font-size:20pt; line-height:20pt; 
}

#main h1 {font-size:15pt; line-height:15pt; margin-bottom:10px;}
#side h1 {font-size:13pt; line-height:13pt; margin:10px 0; max-width:225px;}
#press h2 {font-family:"Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", Helvetica, sans-serif; font-size:11pt; 
font-weight: bold; text-transform:none; margin-bottom:10px;}

.hgrey {color:#ccc;}
h2,h3,h4,h5,h6 {
	font-family:"Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Bold Italic", Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	 clear: both;
}
h2 {line-height:12pt;}
h3 {margin-bottom:10px;}

.homeheading {
	color: #000;
	text-rendering: optimizelegibility;
	font-family: TradeGothicLTPro-Bold;
	font-weight: normal;
	font-style: normal;  font-size:20pt; line-height:20pt; 
}



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


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 0 20px 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;
  
  }
 #slides1 img {max-height:850px; max-width: 770px; width:auto;}
 
 #slideshow {margin-bottom:25px;}
 #slideshow img {max-width:750px; max-height:320px; }
 
 li.slideshow-img {max-width:770px; margin: 0 auto;  }
 li.slideshow-img img {height:auto; max-width:770px; max-height:850px; }
 
 .caption {position: fixed; left:15px; top:500px; max-width:200px; width:100%;}
 .caption2 {display:none;}
 
/* works pages  =============== */
div.img {
    margin: 0 0 20px 0;
    float: left;
    width: 47%;
    max-width: 362px;
    height: 156px;
    overflow: hidden;
    padding: 0px 20px 0px 0;
}
div.img img {
    width: 100%;
    height: auto;
    min-height: 160px;
}

 .banner { max-height:390px; overflow:hidden; text-align:center; max-width:750px; margin-bottom: 20px!important;}
 .banner img {max-width:750px;  margin-right:7px; }
 
 .location {position: absolute;
display: block;
bottom: 0px;
left: 0;
right: 0;
padding: 0px 15px 0px 0;
margin-top: 20px;
text-align: right;
color: #fff; display:none;}

#grid ul  {margin:0 0 0 0px; padding:0;}
 
 div.stock {
    margin: 0 0 20px 0;
float: left;
width: 30%;
max-width: 233px;
height: 150px;
padding: 0px 20px 0px 0
} 
 
div.stock2 {
    margin: 0 0 20px 0;
    float: left;
	width:47%;
    max-width: 362px;
	height: 224px;
	overflow:hidden;
	padding:0px 20px 0px 0;
} 

 div.img2 {
    
	
    max-width: 231px;
height: 121px;
overflow: hidden;
	
} 

div.img2 img {
    width: 100%; 
   height:auto;
}

.name {padding:5px 0;}

.work-details {margin:15% 0 10% 0; max-width:240px; }
 
#main-img {max-width:800px;  max-height:800px; }
#main-img img {width:95%; }

#gallery {width:98%;}
#gallery ul li {list-style-type:none; margin:0px; }
#gallery #main-img { margin-right:10px;} 
.gallery-thumb {float: right;}   
.gallery-thumb img {width:90px; border:none; margin:0px 0px 0px 0px; }
div.swop #main-img{ height:auto; max-width:800px; } 

 div.ex-links {margin:0px 0px 15px 0!important; padding:0 0px 10px 0!important;}
.ex-links ul {float: right; }
.ex-links ul li {padding-right:30px;display: inline;}

.ex-links a.current {color:#888!important; font-weight:bold;}



 /* ARTISTS ================================= */
 .artist-pic-single { 	margin-left:35%; float:left;top:255px; width:350px;}
 .artist-pic-single img {max-width:350px;}
 .h1artist {margin-top: 0px}
 .estate {margin-top:-10px; margin-bottom: 20px;}
 .portrait {max-width:185px; font-size:8pt; margin-bottom: 5px; margin-top:100px;}
 .portrait img {margin-top:80px; width:100%;}
 .artist-rollover {margin-left:0px;}
 
    
 
/* MEDIA QUERIES
----------------------------------------------------------------------*/
/* Disable iOS/WinMobile font size changes */

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

div.img {
    margin: 0 0 4% 0;
    float: left;
    width: 48%;
	height: 190px;
	overflow:hidden;
	padding:0px 2% 0px 0;
}
#main-img {max-width:800px;  max-height:800px; }
#main-img img {width:95%; } 
div.swop #main-img { max-width:550px;  } 
 
} 
@media screen and (max-width: 1024px){
.banner {width:96%; }
.banner  img {width:100%; height: auto;}

div.img {
    margin: 0 0 4% 0;
    float: left;
    width: 46%;
	height: 140px;
	overflow:hidden;
	padding:0px 4% 0px 0;
}
  
} 
@media screen and (max-width: 1013px){
 .artist-pic-single { 	margin-left:30%; float:left;top:0px; }

}
@media only screen and (min-width: 1100px) {
 
}
@media screen and (max-width: 980px){
}
@media (min-width: 830px) and (max-width: 980px){
#main-img {width:100%;}
#main-img img {width:100%;max-width:450px;  max-height:700px;  }

 #gallery {width:98%;}
#gallery ul li {display:inline; }
#gallery #main-img { margin-right:0px;}
.gallery-thumb {float:left!important;margin:0 0px 10px 0px;}
.gallery-thumb img {width:auto; height:65px; }
div.swop {width:auto; height:auto; max-width:98%; }

.ex-crop li {height: 185px!important; 
    width: 50%;
    max-width: 345px; 
   }

div.img-ex {
    max-width: 330px;
    overflow: hidden; height: 125px!important; 
}

}
@media (min-width: 768px) and (max-width: 829px){

#main-img {width:100%;}
#main-img img {width:100%;max-width:450px;  max-height:700px;  }

 #gallery {width:98%;}
#gallery ul li {display:inline; }
#gallery #main-img { margin-right:0px;}
.gallery-thumb {float:left!important;margin:0 0px 10px 0px;}
.gallery-thumb img {width:auto; height:65px; }
div.swop {width:auto; height:auto; max-width:98%; }

}
@media screen and (max-width: 890px){
}
@media screen and (max-width: 810px){
}
/* ipad 1 and 2 portrait size */
@media screen and (max-width: 768px){

header {min-height:150px;margin-bottom:5px; }
.logo { margin-left: 0px; }
.logo img{width:100%; height: auto; max-height:200px; margin-left:-15px;}
#navbar {height: 165px;}

/* footer */
footer {width:63%; margin-left:32%;}

#home-slideshow  {width:98%; }
#slideshow {width:98%;}

#press .col1 {width:95%; float: left;  margin:0 10px 35px 0px;}
#press .col2 {width:95%; float: none; margin:0 10px 35px 0px; }

.artist-pic-single { 	margin-left:23%; float:left;top:0px; }
 .artist-pic-single img {max-width:300px;}

#main-img {width:100%;}
#main-img img {width:100%;max-width:450px;  max-height:700px;  }

 #gallery {width:98%;}
#gallery ul li {display:inline; }
#gallery #main-img { margin-right:0px;}
.gallery-thumb {float:left!important;margin:0 0px 10px 0px;}
.gallery-thumb img {width:auto; height:65px; }
div.swop {width:auto; height:auto; max-width:98%; }


}

@media screen and (max-width: 767px){
}

@media screen and (max-width: 600px),
screen and (max-device-width: 520px) {
html {	-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;}

#wrapper {
    
    max-width: 600px;
    margin: 0 ;
    padding: 0 10px 0 10px;
    position: relative;
}
#content{ padding:0 15px 0 0px;}
body {font-size:11pt; line-height:14pt; }
header {margin-bottom:20px;}

.logo {margin-left: 5px;margin-bottom:0px; min-height:150px; }

.mobile-show {display: block;}
.mobile-hide {display:none; }

#side {width:100%; min-height:40px; margin-left:5px; margin-bottom:10px;}
#main {width: 100%; float: left; clear:both; font-size:10pt;}

#side h1 {
    
    max-width: 500px;
}

div.stock {
    margin: 0 0 20px 0;
    float: left;
    width: 40%;
    max-width: 231px;
    height: 100px !important;
    padding: 0px 20px 0px 0;
}
div.img2 {
    max-width: 231px;
    height: 80px !important;
    overflow: hidden;
}

.ex-crop li {height: 215px; margin-bottom:20px;float: left;
    width: 50%;
    max-width: 382px;
   }

.ex-crop h1 {font-size:10px;}

div.img-ex { 
    margin: 0 0 10px 0;
    max-width: 362px;
    overflow: hidden;
    height: 156px;
    padding: 0px 20px 0px 0;
}
div.img-ex img {
    width: 100%; 
   height:auto; 
}


.sqimage img {margin-top: 20px; margin-left:5px;}
.sqimage p {max-width:100%; margin-left:5px;}

.portrait {max-width:185px; font-size:8pt;}
 .portrait img {margin-top:0px; width:100%;}

.col1 {width:98%; float: left; padding-right:10px; margin-left:5px;}
.col2 {width:98%; float: none; padding-right:10px;margin-left:5px; margin-top:0px;}
.col1 #map  {width:92%; margin-bottom:20px;}



.item {padding: 0em 1em 1em 0.25em; width: 92%;}

#navbar{ display:none; padding: 0px 0 0 0 ; width:100%; }
#navbar {width:98%; float:left; height: auto; margin-bottom:5px; font-size:10pt; line-height:14pt!important;}
#navbar ul {margin-left:5px;}
.menu_btn{ text-transform: uppercase; display:block; cursor:pointer; text-align:center; 
margin:20px 20px 0 0; float:right;font-size:13pt;}
.menu_btn i{ padding-left:0px;}

#address { position:relative; padding:0 0 25px 8px; display:block; width:100%; height: 170px; font-size:10pt; line-height:normal; clear:both}

/* footer */
footer {
    width: 98%;
    margin-top: 20px;
    clear: both;
    margin-left: 0;
    height: 20px;
    text-align: left;
    bottom: 0;
    position: relative;
    padding-bottom: 10px;
}

.artsy {margin:15px 20px 0px 20px; float:left;}

#fullwidth {margin:0p 0px 20px 0px; padding-right:5px;}
#home-slideshow {width: 100%; }
 
.ex-left {float:left; width:98%;} 
.ex-right {float:none;width:96%; margin-bottom:20px;}
.ex-left img {width:100%; margin-bottom:20px; max-width:385px;}
#grid ul  {margin:0 0 0 0px; padding-right:5px;}
div.img {
    margin: 0 10px 20px 0px;
    float: left;
    width: 98%;
	height: 140px;
	overflow:hidden;
	padding:0px 0px 0px 0;
} 

#main-img {max-width:98%;  height:auto;}
#main-img img {width:98%; } 
.work-details {margin:0px 0 20px 0; max-width:100%;}

#gallery ul li {display:inline; }
#gallery #main-img { margin-right:0px;}
.gallery-thumb {float:left!important;margin:0 0px 10px 5px;}
.gallery-thumb img {width:auto; height:65px; }
div.swop {width:auto; height:auto; max-width:98%; }


.artist-pic-single { 	margin-left:50%; float:right;top:400px; }
 .artist-pic-single img {max-width:150px;}
 
 div.ex-links {
    margin: 0px 0px 0px 0!important;
    padding: 0 0px 10px 5px !important;
}
.ex-links {float:left; }
.caption {
    display: none;
}
.caption2 {
    display: block; 
}
.slideshow-img img {width:100%!important;}
}

@media (min-width: 520px) and (max-width: 600px){

}
@media screen and (max-width: 519px)
{ 
}
@media screen and (max-width: 480px){
}
@media screen and (max-width: 450px){
	 
}

@media screen and (max-width: 360px){
}	
/* end @media */

/* end Responsive Structure */