hr {
display: none;
}html, body, div,h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, code, hr, img,form, fieldset, legend, label, textarea, span, em, strong, sub, sup, cite, table, tbody, td, tfoot, th, thead, tr, tt, dl, dt, dd, ol, ul, li, figure {margin: 0; padding: 0;}

img {border: 0;vertical-align: bottom;}
iframe {border:none;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6 {font: bold 1em/1.5 georgia, palatino, garamond, "times new roman", times, serif;}
a:active {text-decoration: none;/* outline: none; */}
/*a:active {text-decoration: none; outline: thin dotted #F9F8E2;}
#nav_outer a:active {outline: thin dotted #30353B;}*/
form :focus {outline: 0; /* removes Safari's blue border */}
input, label {vertical-align: middle;}
label {cursor: pointer;}
figure {margin: 1em 0 0;}
figcaption {margin: 0.5em 0; font-style: italic;}
hr {display: none;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}


/* common styles */


body {
background: #30353b url(/images/30353b-bg.gif) repeat scroll 0 0;
color: #222222;
font: 100%/1.5 georgia, palatino, garamond, "times new roman", times, serif;
}

#wrapper_outer {
background: #F9F8E2;
}

#wrapper a {
color: #848a46;
text-decoration: underline;
}

#wrapper a:hover {
text-decoration: underline;
color: #3c3470;
}

#main h2 {
font-size: 1.1em;
padding-top: 1em;
color: #101a26; /* 101a26 dk blue | 3b2d17 brown  */
}

#main h3 {
font-size: 0.9em;
padding-top: 1.5em;
color: #101a26; /* 101a26 dk blue | 3b2d17 brown  */
}

#main .section h2 {padding-top: 1.5em;}

#main h2 + p, .section h2 + p {
padding-top: 0.5em;
}

#main p, .section p {
padding-top: 0.75em;
}

#wrapper ul.general {
padding: 0.75em 0 0 1em;
list-style: none;
}

#wrapper ul.general li {
padding-left: 26px;
background: url(/images/bullet.jpg) scroll no-repeat 0 50%;
}

.contact #wrapper ul.general {
padding-bottom: 1em;
}

.contact #wrapper ul.general li {
padding-left: 26px;
background: url(/images/bullet.jpg) scroll no-repeat 0 5px;
font-size: 0.875em;
padding-bottom: 4px;
}

#main, #footer, .section {
background: url(/images/wide-line.gif) no-repeat scroll 0 0;
margin: 0 auto;
}

.feature img, figure img, .virtual {
-moz-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.6);
box-shadow:2px 2px 12px rgba(0, 0, 0, 0.6);
}

#tour  {
position: relative;
width: 100%;
padding-bottom: 60%;
/* overflow: hidden; */
margin: 1em 0;
}

#tour iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

#audio {padding-top:1em;}

/* gallery styles */

/* new thumb gallery styles */

.thumbgallery {width: 100%; list-style: none; padding-top: 1em; overflow: hidden;}
.thumbgallery li {float: left; width: 100px; height: 100px; margin: 0 10px 10px 0;}
.thumbgallery li img {-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
}

/* workshop/about gallery styles */

.sidegallery {width: 100%; list-style: none; padding-top: 1em; overflow: hidden;}
.sidegallery li {float: left; width: 50px; height: 50px; margin: 0 16px 16px 0;}
.sidegallery li img {-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);}

ul#aboutgallery {
list-style: none;
margin:0;
padding:20px 0 0 0;
overflow:hidden;
width: 264px;
float: right;
}

#aboutgallery li {
float: left;
padding: 0 16px 16px 0;
}

#aboutgallery li img {
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
}

/* slimbox styles */

#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {left: 0;}

#lbPrevLink:hover {background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;}

#lbNextLink {right: 0;}

#lbNextLink:hover {background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(/images/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}

#lbCaption, #lbNumber {margin-right: 71px;}

#lbCaption {font-weight: bold;}

#main h2 + p.persona, #main h3 + p.persona {padding: 15px 0 15px 120px;min-height: 90px;margin-top: 10px;}

.ian {background: url(/events/images/ian-gawler.png) no-repeat 0 0;}
.craig {background: url(/events/images/craig-hassed.png) no-repeat 0 0;}
.alan {background: url(/events/illuminate/images/alan.png) no-repeat 0 0;}
.deirdre {background: url(/events/illuminate/images/deirdre.png) no-repeat 0 0;}

/* desktop styles */

@media only screen and (min-width: 820px) {
	
	.js .nav-collapse, .nav-collapse, .js .nav-collapse.closed, .nav-toggle {
	display: none;
	}
	
	.js .nav-collapse, .nav-collapse, .js .nav-collapse.closed, .nav-toggle {
	display: none;
	}

.commissions .col-wrap .content-left {width:398px}
#header-mob {display:none;}

#wrapper {
background: url(/images/bg3-mid.jpg) scroll repeat-y 0 0;
width: 100%;
}

.section.mob {display:none;}

#nav {
width: 820px;
margin: 0 auto;
padding: 10px 0 2px;
}

#nav ul {
list-style: none;
padding-left: 25px;
}

#nav li {
/* 	float:left; */
display:inline-block;
padding: 0 25px 6px 0;
}

#nav #contact {padding-right: 0;}

#nav a {text-decoration: none;}

#nav a {
color: #F9F8E2;
font-size: 1.125em;
padding-bottom: 6px;
background: url() scroll no-repeat 0 100%;
}

#nav a:hover, #nav a:active {
color: #bec47c;
font-size: 1.125em;
padding-bottom: 6px;
background: url(/images/nav-line.gif) scroll no-repeat -200px 100%;
}

.home #home a, .about #about a, .gallery #gallery a, .commissions #commissions a, .workshops #workshops a, .contact #contact a, .events #events a {
color: #F9F8E2;
font-size: 1.125em;
padding-bottom: 6px;
background: url(/images/nav-line.gif) scroll no-repeat 0 100%;
}

#wrapper_outer {
width: 820px;
margin: 0 auto 35px;
}

#top-strip {
height:25px;
background: url(/images/bg3-top.jpg) scroll no-repeat 0 0;
}

#bot-strip {
height:25px;
background: url(/images/bg3-bot1.jpg) scroll no-repeat 0 0;
}

#header {
width: 780px;
padding: 12px 20px 0;
}

#header h2 {
overflow: hidden;
position: relative;
font-size: 3em;
text-align: center;
}

#header h2, #header h2 span, #header h2 a {
width: 780px;
height: 260px;
display: block;
text-decoration: none;
}

#header h2 span {
background: transparent url(/images/logo.jpg) no-repeat scroll 0 0;
top: 0;
left: 0;
position: absolute;
}

#header h2 b {
font-weight: normal;
font-size: 0.5em;
display: block;
}

#header h2 a, #header h2 a:visited {
color: #222222;
}

#header h2 a:hover {
color: #663366;
text-decoration: none;
}

#main, #footer, .section {
width: 660px;
}

#main {
padding: 25px 0 30px;
margin: 25px auto 0;
}

#main h1 {
font-size: 1.5em;
}

/* column styles */

div.content-left {
float: left;
width: 360px;
}

div.content-right {
float: right;
}

.home div.content-right, .commissions div.content-right {
padding-top: 0.75em;
width: 236px;
}

.home div.content-right p, .commissions div.content-right p {
padding-top: 0.75em;
text-align: center;
font-size: 0.8125em;
padding: 0 22px 0 18px;
}

.contact div.content-right {
width: 190px;
padding: 30px 15px 15px 30px;
margin-top: 26px;
background-image: url(/contact/address-bg.jpg) ;
background-size: 100% 100%;
background-repeat: no-repeat;
}

/*.contact div.content-right {
width: 190px;
height: 320px;
background: transparent url(/contact/address-bg.jpg) scroll no-repeat 0 0;
padding: 30px 15px 15px 30px;
margin-top: 26px;
}*/

.contact #wrapper .content-right h2 {
font-size: 1em;
font-weight: bold;
padding: 0;
}

.contact #wrapper .content-right p + h2 {
font-size: 1em;
font-weight: bold;
padding-top: 15px;
}

.contact #wrapper .content-right p {
font-size: 1em;
padding: 0 0 15px;
}

div.col-wrap {width: 100%;}

.gallery div.col-wrap, .contact div.col-wrap {padding-top: 1em;}

/*.about div.content-left, .workshops div.content-left {width: 360px;}*/

.home .content-left {width: 398px;}

.sidebar {width: 264px; float: right;}

/* extra content section (exhibitions etc.) */

.section {
margin: 25px auto 0;
padding: 0;
width: 660px;
}

blockquote {margin: 1em 0 0.5em; padding: 1em; background: rgba(48,53,59,0.1); border-radius: 1em;}

.feature {margin: 0.5em 0 1.5em;}

.feature img, figure img, .virtual {
-moz-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.6);
box-shadow:2px 2px 12px rgba(0, 0, 0, 0.6);
}

img.img-right {float:right;margin-left:20px; width:236px;
-moz-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.3);
box-shadow:2px 2px 12px rgba(0, 0, 0, 0.3);}

/* Gallery CSS */
/* Gallery page */

ul#imagegallery, ul#imagegallery1 {
list-style: none;
margin:0;
padding:9px 0 0 0;
overflow:hidden;
width: 330px;
float:right;
}

#imagegallery li, ul#imagegallery1 li {
float: left;
padding: 0 16px 16px 0;
}

#imagegallery li img, ul#imagegallery1 li img {
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
}

#enlargement, #enlargement1 {float:left;}

#wrapper p#desc, #wrapper p#desc1 {
float: left;
width: 260px;
font-size: 0.875em;
text-align: center;
padding: 0 20px;
clear:left;
}

/* gallery for About and Worhshops pages */

ul#aboutgallery {
list-style: none;
margin:0;
padding:20px 0 0 0;
overflow:hidden;
width: 264px;
float: right;
}

#aboutgallery li {
float: left;
padding: 0 16px 16px 0;
}

#aboutgallery li img {
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
box-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);
}

#enlarge {
float: right;
width: 248px;
clear: right;
padding-right: 8px;
}

#wrapper p#descr {
float: right;
width: 238px;
font-size: 0.875em;
text-align: center;
padding: 12px 20px 4px 20px;
clear: right;
}



/* Contact Form */




	/* ===================== Footer ======================= */



#footer {
padding: 20px 0 40px;
margin: 0 auto;
font-size: 0.75em;
}

#wrapper #footer a {
color: #222;
text-decoration: none;
}

#wrapper #footer a:hover {
color: #222;
text-decoration: underline;
}



	/* ===================== Bits and Bobs ======================= */


.hide {
margin-left: -9999px;
position: absolute;
}

.warning {
display: none;
}

.offscreen {
left: -9999px;
position: absolute;
}

span.leafl {
display:inline-block;
padding-left: 30px;
background: url(/images/bullet.jpg) no-repeat 0 50%;
}

span.leafr {
display:inline-block;
padding-right: 30px;
background: url(/images/bulletr.jpg) no-repeat 100% 50%;
}

#audio {
display:block;
width:264px;
/* height:30px; */
margin-top: 1em;
background: #F9F8E2;
/*overflow: auto;*/
}

noscript {
padding-top: 0.75em;
color: red;
display: block;
}



	/* ===================== CLEARFIX STYLES ======================= */



#nav:after, #header:after, #main:after, .section:after, .col-wrap:after, .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

#nav, #header, #main, .section, .col-wrap, .clearfix { display: inline-block; }

/* start commented backslash hack \*/
*html #nav, * html #header, * html #main, # html .section, * html .col-wrap, * html .clearfix { height: 1%; }
#nav, #header, #main, .section, .col-wrap, .clearfix { display: block; }
/* stop commented backslash hack */

#nav .nav-toggle {display: none;}

}/* end desktop styles*/


/* Mobile styles */

@media only screen and (max-width: 819px) {
	
body {font-size: 120%;}

.events .img-right {float: none; display:block; max-width:100%;margin:20px 0;}

#wrapper_outer {background: #f9f8e2 url(/images/f9f8e2-bg.jpg) repeat scroll 0 0;}
.feature img, figure img, .virtual {
width:100%;
}

#main {width: 100%;}
.section {margin: 20px 0;}
#main, #footer, .section {width: 100%;}

#bot-strip {display:none;}
#top-strip {display:none;}

.nav-collapse {display: block;background: #30353b url(/images/30353b-bg.gif) repeat scroll 0 0;}

.nav-collapse ul {
margin: 5px 0 0 0;
padding: 25px 0 10px 20px;
width: 100%;
display: block;
list-style: none;
overflow: hidden;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.nav-collapse li {
width: 33%;
float:left;
padding: 5px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#nav_outer .nav-collapse a {
display: block;
color: #fff;
padding: 5px;
font-size:1.2em;
text-decoration:none;
}

#nav_outer .nav-collapse a:hover, #nav_outer .nav-collapse a:active {background: rgba(0,0,0,0.2);}

.js .nav-collapse {
clip: rect(0 0 0 0);
max-height: 0;
position: absolute;
display: block;
overflow: hidden;
zoom: 1;
}

.nav-collapse.opened {max-height: 9999px;}

.nav-toggle {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
position: relative;
float: right;
overflow:hidden;
top: 5px;
right: 5px;
text-indent:-9999px;
width: 39px;
height:34px;
/* background: url(/images/hamburger.png) no-repeat 0 0; */
background: url(/images/hamburgerl.png) no-repeat 0 0;
background-size: 39px auto;
}

.nav-toggle.active {background-position: 0 100%}

#header {display:none;}
#header-mob {width: 100%; background: #30353b url(/images/30353b-bg.gif) repeat scroll 0 0; margin-top:10px;}
#header-mob img {display:block; width: 100%; padding-top:15px; background: #f9f8e2 url(/images/f9f8e2-bg.jpg) repeat scroll 0 0; }

#main, #footer {padding: 20px;}

#nav_outer {position: relative; min-height:35px;}

#nav {display:none;}

#main, #footer {background: none;}

.section.mob {padding-top: 5px;}

.home #home a, .about #about a, .gallery #gallery a, .commissions #commissions a, .workshops #workshops a, .contact #contact a, .events #events a {
color: #F9F8E2;
background: rgba(0,0,0,0.2);
}

}/* end mobile 819 styles */


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

.nav-collapse li {
width: 50%;
float:left;
padding: 5px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

}/* end mobile 500 styles */