/*
Theme Name: M.C. Escher
Author: Pixelday
Version: 1.0
*/

/***************************************************
	Global styles
***************************************************/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "Helvetica", Arial, sans-serif;
	background: black;
	color: #bbb;
	font-size: 11px;
	min-width: 990px;
	/* transform-style: preserve-3d; */
/* 	-webkit-transform-style: preserve-3d; */
}

#mce-wallpaper {
	background: #0f0f0f url(images/gallery-landing-bg.jpg) center top no-repeat;
	width: 100%;
	height: auto;
}

a {
	outline: none;
	text-decoration: none;
	border: none;
}

a img {
	border: none;
}

header, nav, footer, article, section, figure {
	display: block;
	margin: 0;
	padding: 0;
}

header {
	width: 100%;
	height: 120px;
	position: relative;
	background: url(images/shd-hdr-top.png) top center repeat-x;
}

#logo {
	width: 270px;
	height: 57px;
	background: url(images/logo.png) bottom left no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -497px;
	top: 35px;
}

#logo a {
	display: block;
	width: 260px;
	height: 40px;
	margin: 5px;
}

nav {
	width: 100%;
	height: 28px;
	background: rgba(120,110,110,.9) url(images/bg-nav.png) top center repeat-x;
	position: absolute;
	bottom: 0;
}

ul.menu, ul.menu li, ul.menu a {
	display: block;
	padding: 0;
	margin: 0;
}

nav ul.menu {
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -483px;
}

ul.menu li {
	float: left;
}

#language {
	position: absolute;
	left: 50%;
	margin-left: 272px;
	top: 58px;
}

#language a {
	color: #666;
	text-transform: uppercase;
	padding: 8px;
	font-size: 10px;
	transition: .15s color;
	-webkit-backface-visibility: hidden;
}

ul#language li.selected a {
	color: #aaa;
}

#language a:hover {
	color: #757575;
}

#language a:active {
	color: #555;
	transition-duration: .05s;
}

nav ul.menu li a {
	width: auto;
	padding: 0 12px;
	line-height: 28px;
	font-size: 10px;
	font-weight: bold;
	color: #c4c1bf;
	text-transform: uppercase;
	text-shadow: -1px 1px #313130;
	/*IE shadow filter
	background: transparent;
	filter: Shadow(Color=#313130, OffX=-1, OffY=1, Strength=1);*/
	transition: .15s color, .15s background;
	-webkit-backface-visibility: hidden;
}

nav ul.menu li a:hover {
	color: #e5e5e5;
}

header nav ul.menu li a:active,
#language a:active {
	background: none !important;
}

header nav ul.menu li a:active {
	color: #999;
	transition-duration: .05s;
}

header nav ul.menu li.selected a, header nav ul.menu li.selected a:active {
	background: rgba(255,255,255,.16);
	color: #fff;
}

form#searchform {
	display: block;
	padding: 0;
	width: 216px;
	height: 20px;
	background: url(images/searchbox.png) no-repeat;
	position: absolute;
	top: 4px;
	left: 50%;
	margin: 0 0 0 271px;
}

#searchform input {
	margin: 0;
	padding: 0;
}

#searchform input#s {
	display: block;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	height: 7px;
	width: 175px;
	height: 13px;
	border: none;
	color: #858585;
	background: transparent;
	position: relative;
	top: 0;
	left: 4px;
	padding: 3px 9px 3px 5px;
}

nav #searchform input#s:focus {

}

#searchsubmit {
	display: block;
	width: 23px;
	height: 19px;
	background: url(images/search_glyph.png) 4px 4px no-repeat;
	/*SVG: background: url(images/glyph_search.svg) 4px 4px no-repeat;*/
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

#searchsubmit[disabled="true"] {
	opacity: .5;
	cursor: default;
}

input:focus {
	outline: none;
}

#content_wrapper {
	width: 100%;
	height: auto;
	position: relative;
	background: url(images/shd-hdr-btm.png) top center repeat-x;
}

#content {
	width: 930px;
	margin: 0 0 0 -482px;
	position: relative;
	padding: 44px 18px;
	left: 50%;
	min-height: 670px;
}

ul#breadcrumbs {
	clear: both;
	margin-left: -4px;
	position: absolute;
	width: 750px;
	height: 30px;
	left: 50%;
	top: 135px;
	z-index: 9;
	margin-left: -468px;
}

ul#breadcrumbs.menu li a,
.search-results .breadcrumbs li {
	color: #888;
	padding: 6px 14px 11px 16px;
	font-size: 10px;
	font-weight: bold;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0cHgnIGhlaWdodD0nN3B4JyB2aWV3Qm94PScwIDAgNCA3JyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCA0IDcnIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxwb2x5Z29uIG9wYWNpdHk9JzAuNScgZmlsbD0nIzc4Nzg3OCcgcG9pbnRzPScwLDAuNDA2IDAsMi4yNTcgMS43NjcsMy42MDkgMCw0Ljk2MSAwLDYuODEyIDQsMy42MDkgJy8+PC9zdmc+") left 9px no-repeat;
	transition: .15s color;
	-webkit-backface-visibility: hidden;
}

ul#breadcrumbs li.last a, ul#breadcrumbs li.last a:active {
	color: #c0bfbf !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 460px;
}

ul#breadcrumbs.menu li a:hover {
	color: #aaa;
}

ul#breadcrumbs.menu li a:active {
	color: #666;
	transition-duration: .05s;
}

ul#breadcrumbs li:first-child a {
	padding-left: 5px;
	background: none !important;
}

h1, h2, h3, .copy p {
	display: block;
	padding: 0;
	margin: 0;
	font-weight: normal;
	cursor: default;
}

a h1 {
	cursor: pointer;
	transition: .15s opacity;
	-webkit-backface-visibility: hidden;
}

a:hover h1 {
	color: #fff;
}

h1,
body.search-results #results a.result.gallery h2 {
	font-size: 39px;
	height: 50px;
	height: auto;
	line-height: 50px;
	color: #ccc;
	color: #e5e5e5;
	font-family: 'Raleway', sans-serif;
	letter-spacing: -.07em;
	margin-left: -1px;
	font-weight: 100;
}

h2,
h1.title {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	color: #bbb;
	margin-top: 7px;
	margin-bottom: 25px;
	font-weight: normal;
	display: block;
	height: auto;
	line-height: auto;
	visibility: hidden;
}

h3 {
	height: 24px;
	height: auto;
	line-height: 24px;
	font-family: 'Raleway', sans-serif;
	font-family: 'Lato', sans-serif;
	font-size: 16px;

	color: #fff;
	font-weight: 300;
}

.copy p, #rightcol .submenu a {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	font-weight: normal;
}

.submenu, .submenu li, .submenu li a {
	color: #838383;
	line-height: 14px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	transition: .15s color;
	-webkit-backface-visibility: hidden;
}

.submenu li a:hover, #rightcol .submenu a:hover {
	color: #ccc;
}

.submenu li a:active, #rightcol .submenu a:active {
	color: #5a5a5a;
	transition-duration: .05s;
}

#rightcol ul.submenu li.selected a,
#rightcol ul.submenu li.selected a:active {
	color: #d5d5d5;
}

#rightcol {
	width: 220px;
	position: absolute;
	left: 751px;
	top: 52px;
	top: 104px;
	top: 116px;
	top: 130px;
	top: 54px;
}

#rightcol.padtop {
	/*padding-top: 76px;*/
	top: 130px;
	top: 114px;
}

#rightcol .submenu a {
	display: block;
	width: 220px;
}

#rightcol figure {
	display: inline-block;
	margin: -11px 0 30px -15px;
	width: 230px;
	float: none;
}

#rightcol .frame a {
	display: block;
	width: 196px;
	height: auto;
	position: relative;
	padding: 18px 17px;
	background: black url(images/sm-frame-tile.jpg) repeat-y;
	box-shadow: 0 6px 60px rgba(0,0,0,1);
	opacity: .85;
	transition: .15s opacity;
	-webkit-backface-visibility: hidden;
}

#rightcol .frame a:hover {
	opacity: 1;
}

#rightcol .frame .top, #rightcol .frame .btm {
	display: block;
	width: 229px;
	height: 13px;
	position: absolute;
	left: 0;
	background: url(images/sm-frame.jpg) 0 0 no-repeat;
}

#rightcol .frame .top {
	top: 0;
}

#rightcol .frame .btm {
	bottom: 0;
	background-position: 0 -13px;
}

#rightcol .frame img {
	display: block;
	width: 196px;
	background: black;
	padding: 0;
	margin: 0;
	border: none;
}

#rightcol .frame figcaption {
	display: block;
	width: 196px;
	height: auto;
	font-size: 10px;
	color: #666;
	padding: 12px 17px;
	position: relative;
	z-index: 2;
	cursor: default;
}

.frame figcaption strong {
	font-weight: normal;
	color: #888;
}

#rightcol .photo {
	display: block;
	margin-top: 40px;
	opacity: .5;
	border: none;
	transition: .15s opacity;
	-webkit-backface-visibility: hidden;
}

#rightcol .photo:hover {
	opacity: 1;
}

/* Global Footer Styles */

footer {
	background: rgba(0,0,0,.4);
	background: black;
	width: 100%;
	/* removed for padding-bottom :: height: 250px; */
	padding-bottom: 10px;
}

footer ul.menu, footer p {
	display: block;
	width: 940px;
	margin: 0 0 0 -477px;
	position: relative;
	left: 50%;
	padding: 0 15px;
}

footer ul.menu {
	padding: 14px 30px 53px 0;
}

footer p {
	clear: both;
	color: #444;
}

footer p a {
	color: #444;
}

footer ul.menu li {
	float: left;
	background: url(images/footernav-sep.gif) right center no-repeat;
}

footer ul.menu li.last {
	background: none;
}

footer ul.menu li a {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	color: #666;
	transition: .15s color;
	-webkit-backface-visibility: hidden;
}

footer ul.menu li a:hover {
	color: #999;
}

footer ul.menu li a:active {
	color: #555;
	transition-duration: .05s;
}

footer .menu .selected a,
footer .menu .selected a:hover,
footer .menu .selected a:active {
	color: #aaa;
}

#validate {
	color: black;
}

#validate:hover {
	color: #333;
}

.hidden, header h1, #logo a img, #logo-store span {
	display: none;
}

.clear {
	clear: both;
}

/* Button */

a.button.round {
	width: auto;
	height: auto;
	display: inline-block;
	padding: 6px 14px 7px 14px;
	margin: 0 0 0 -2px;
	background: #393939;
	background: -moz-linear-gradient(top,  #393939 0%, #1c1c1c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(100%,#1c1c1c));
	background: -webkit-linear-gradient(top,  #393939 0%,#1c1c1c 100%);
	background: -o-linear-gradient(top,  #393939 0%,#1c1c1c 100%);
	background: -ms-linear-gradient(top,  #393939 0%,#1c1c1c 100%);
	background: linear-gradient(to bottom,  #393939 0%,#1c1c1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#1c1c1c',GradientType=0 );
	border-radius: 12px;
	color: #cbcbcb;
	font-size: 11px;
	text-shadow: -1px -1px rgba(0,0,0,.6), 1px 1px rgba(255,255,255,.1);
	border: none;
	cursor: pointer;
	box-shadow:  inset 1px 1px 0 rgba(255,255,255,.1), 1px 1px 0 rgba(0,0,0,.6), 5px 5px 9px rgba(0,0,0,.3);
	backface-visibility: hidden;
	transition: background .2s;
	-webkit-backface-visibility: hidden;
	font-family: Helvetica, Arial, sans-serif;
}

a.button.round:hover {
	background: #4b4b4b;
	background: -moz-linear-gradient(top,  #4b4b4b 0%, #282828 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#282828));
	background: -webkit-linear-gradient(top,  #4b4b4b 0%,#282828 100%);
	background: -o-linear-gradient(top,  #4b4b4b 0%,#282828 100%);
	background: -ms-linear-gradient(top,  #4b4b4b 0%,#282828 100%);
	background: linear-gradient(to bottom,  #4b4b4b 0%,#282828 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#282828',GradientType=0 );
	color: #eee;
}

a.button.round:active {
	opacity: .7;
	transition-duration: 0;
}

/***************************************************
	Home
***************************************************/

body.home {
	background: #0f0f0f !important;
}

.home h1.title {
	display: none;
}

.home #content {
	opacity: 1;
	-webkit-animation: mce-home-transition 1.5s ease-in 1;
	animation:         mce-home-transition 1.5s ease-in 1;
}

@-webkit-keyframes mce-home-transition {
	0%   {opacity: 0;}
	100%  {opacity: 1;}
}

@keyframes mce-home-transition {
	0%   {opacity: 0;}
	100%  {opacity: 1;}
}

.home-slides {
	position: relative !important;
	height: auto;
	display: block;
	margin: 214px 0 0 540px;
}

body.home #mce-wallpaper {
	background: #0f0f0f !important;
	position: relative;
	overflow: hidden;
}

.mce-wallpaper-cycle {
	min-height: 100% !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
}

.mce-wallpaper-cycle div {
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #0f0f0f center top no-repeat;
	opacity: 0;
	-webkit-backface-visibility: hidden;
}

#mce-home1 {
	background-image: url(images/home-bg-relativity.jpg);
}

#mce-home2 {
	background-image: url(images/home-bg-clowns.jpg);
}

#mce-home3 {
	background-image: url(images/home-bg-daynight.jpg);
}

#mce-home4 {
	background-image: url(images/home-bg-m3.jpg);
}

.home .mce-wallpaper-cycle div.regular {
	-webkit-transition: opacity 2s ease-in, -webkit-transform 30s ease-out;
	transition: opacity 2s ease-in, transform 22s linear;
}

.home .mce-wallpaper-cycle div.fast {
	-webkit-transition: opacity 0.3s ease-in, -webkit-transform 30s ease-out;
	transition: opacity 0.3s ease-in, transform 22s linear;
}

.home .mce-wallpaper-cycle div.ken-burns-odd {
	-webkit-transform: scale(1.0) translate(0px);
	transform: scale(1.0) translate(0px);
}

.home .mce-wallpaper-cycle div.ken-burns-even {
	-webkit-transform: scale(1.15) translate(20px);
	transform: scale(1.15) translate(20px);
}

.home .mce-wallpaper-cycle div.ken-burns-odd.active {
	-webkit-transform: scale(1.15) translate(20px);
	transform: scale(1.15) translate(20px);
}

.home .mce-wallpaper-cycle div.ken-burns-even.active {
	-webkit-transform: scale(1.0) translate(0px);
	transform: scale(1.0) translate(0px);
}

.home .mce-wallpaper-cycle div.active {
	opacity: 1;
}

.home .mce-wallpaper-cycle div.front {
	z-index: 2;
}

.home .mce-wallpaper-cycle div.front-behind {
	z-index: 1;
}

.home header,
.home #breadcrumbs,
.home #content_wrapper,
.home footer {
	z-index: 3;
}
.home footer {
	position: relative;
}

.home .slide {
	position: absolute;
	height: auto;
	width: 340px;
	height: 230px;
	display: none;
}

.home .copy p {
	padding: 5px 0;
}

.home .slide.first {
	display: block;
}

.home .slide div {
	opacity: 0;
	transition: opacity 2s;
	-webkit-backface-visibility: hidden;
}

.home .slide.active div {
	opacity: 1;
}

.home #page-control,
.home #page-control li,
.home #page-control span {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 0;
	list-style: none;
}

.home #page-control {
	position: absolute;
	top: 591px;
	left: 550px;
	opacity: 1;
	transition: opacity 1s;
	-webkit-backface-visibility: hidden;
}

.home #page-control.disabled {
	opacity: .5;
}

.home #page-control li {
	width: 25px;
	height: 20px;
	cursor: pointer;
}

.home #page-control li:last-child {
	width: 30px;
}

.home #page-control span {
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius:4px;
	margin: 7px 9px;
	opacity: .12;
	transition: opacity .2s;
	-webkit-backface-visibility: hidden;
}

.home #page-control li:hover span {
	opacity: .3;
}

.home #page-control li:active span {
	opacity: .08;
	transition-duration: 0;
}

.home #page-control li.activeSlide span,
.home #page-control li.activeSlide:hover span,
.home #page-control li.activeSlide:active span {
	opacity: .45;
}


a.title-link {
	position: absolute;
	top: 325px;
	left: 100px;
	opacity: .4;
	transition: opacity .2s;
	-webkit-backface-visibility: hidden;
	display: block;
	width: auto;
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
}

a.title-link:hover {
	opacity: 1;
}

a.title-link:active {
	opacity: .3;
	transition-duration: 0;
}

a.title-link .caption {
	color: #aaa;
}

a.title-link .caption strong {
	color: #fff;
	font-weight: normal;
}

.preview {
	display: block;
	position: relative;
	width: 180px;
	height: 120px;
}

.preview span {
	display: block;
	font-size: 12px;
	position: absolute;
	left: 0;
	transition: opacity .2s;
	-webkit-backface-visibility: hidden;
}

.preview .img {
	width: 97px;
	height: 43px;
	background: url(images/homepreview.jpg) 0 0 no-repeat;
	top: 16px;
	opacity: .4;
}

.home .gallery .preview .img {
	width: 146px;
}

.home .news .preview .img {
	background-position: -146px 0;
}

.home .store .preview .img {
	background-position: -243px 0;
}

.preview .link {
	opacity: .3;
	top: 80px;
	width: auto;
	position: absolute;
	padding-right: 12px;
	color: #666;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0cHgnIGhlaWdodD0nN3B4JyB2aWV3Qm94PScwIDAgNCA3JyBlbmFibGUtYmFja2dyb3VuZD0nbmV3IDAgMCA0IDcnIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxwb2x5Z29uIG9wYWNpdHk9JzAuNScgZmlsbD0nIzc4Nzg3OCcgcG9pbnRzPScwLDAuNDA2IDAsMi4yNTcgMS43NjcsMy42MDkgMCw0Ljk2MSAwLDYuODEyIDQsMy42MDkgJy8+PC9zdmc+") right center no-repeat;
}

.preview:hover span {
	opacity: 1;
}

.preview:active span {
	opacity: .3;
	transition-duration: 0;
}

body.home footer {
	background: transparent;
}

/***************************************************
	About
***************************************************/

body.about #mce-wallpaper {
	background: #0f0f0f url(images/about-landing-bg.jpg) center top no-repeat;
}

.about #content {
	min-height: 635px;
}


/***************************************************
	Text Pages
***************************************************/

.text h1.title {

	visibility: visible;
	font-weight: 200;
	padding: 0 21px;
	width: 658px;
	position: absolute;
	margin: 0;
	top: 104px;
	left: -1px;
	z-index: 9;
	height: 70px;
	line-height: 70px;

	/* background gradient */
	background: #4b4b4a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #4b4b4a 0%, #727271 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4b4b4a), color-stop(100%,#727271)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #4b4b4a 0%,#727271 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #4b4b4a 0%,#727271 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #4b4b4a 0%,#727271 100%); /* IE10+ */
	background: linear-gradient(135deg,  #4b4b4a 0%,#727271 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4a', endColorstr='#727271',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.text .first {
	padding-top: 70px;
}

.text .post {
	width: 608px;
	padding: 36px 46px;
}

.text h3 {
	color: #a75d17;
	font-weight: normal;
}

.text .post p,
.text .post li {
	font-size: 12px;
}

.text .post a.button,
.email_form input.button {
	display: inline-block;
	background: rgba(0,0,0,.35) url(images/glyph_arrow_rt.png) right 10px center no-repeat;
	margin: 15px 30px 0 0;
	padding: 0 40px 0 10px;
	width: auto;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	transition: background-color .2s, opacity .2s;
	-webkit-backface-visibility: hidden;
	cursor: pointer;
}

.text .post a.button:hover,
.email_form input.button:hover {
	color: #fff;
	background-color: rgba(200,0,0,.8);
}

.text .post a.button:active,
.email_form input.button:active {
	background-color: rgb(140,0,0);
	opacity: .8;
	transition-duration: .05s;
}

.text .post p + h3.padtop {
	margin-top: 35px;
}

.text .post ul.small-list {
	font-size: 10px;
}

.text .left,
.text .right {
	float: left;
	width: 292px;
}

.text .left {
	margin-right: 24px;
}

.text figure {
	margin: 14px 0;
}

.text figure + figure {
	margin-top: 36px;
}

.foundation-logo {
	margin-bottom: 20px;
}

/***************************************************
	Forms
***************************************************/

.email_form {
	display: block;
	padding: 0;
	width: auto;
	height: auto;
}

.text h4#header-tag {
	position: absolute;
	color: #fff;
	top: -20px;
	right: 10px;
	z-index: 99999;
	display: none;
}

.text .email_form label {
	font-size: 11px;
	color: #434343;
	line-height: 18px;
}

.email_form h3,
#campaign_info h3 {
	display: block;
	clear: both;
	margin-bottom: 20px;
	margin-top: 30px;
}

.email_form h3:first-child {
/* 	margin-top: 0; */
}

.email_form label,
.email_form input,
.email_form textarea {
	display: inline-block;
	border: none;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 388px;
	height: 18px;
	resize: none;
	border: none;
	vertical-align: top;
	padding: 6px;
}

.email_form .select-container {
	display: inline-block;
	padding: 0;
	width: 400px;
	height: 30px;
	text-align: left;
	vertical-align: top;
}

.email_form select {
	margin: 0;
}

.req {
	font-weight: bold;
}

.req:after {
	content: "*";
}

.email_form input:focus,
.email_form textarea:focus {
	outline: 1px solid #666;
	outline-offset: 0;
}

.email_form select:focus {
	outline-color: #666 !important;
}

.email_form textarea {
	width: auto;
	min-width: 388px;
	min-height: 70px;
	height: auto;
}

.email_form label {
	width: 185px;
	text-align: right;
	padding-right: 10px;
	padding-top: 0;
	border: none;
}

.email_form div {
	clear: both;
	padding-bottom: 10px;
	display: inline-block;
	height: auto;
	text-align: right;
	width: 608px;
}

.email_form div.form-toolbar {
	padding-top: 40px;
	width: auto;
	display: block;
	text-align: right;
}

.email_form input.button {
	margin: 0;
}

.email_form input.button:focus {
	outline: none !important;
}

#campaign_info {
	text-align: left;
}

#campaign_info,
#pub_type_description_container {
	display: none;
}


/***************************************************
	Biography
***************************************************/

.about-template #rightcol figure {
	margin-top: 50px;
}


/***************************************************
	Books
***************************************************/

.books #content_wrapper {
	background: url(images/shd-hdr-btm.png) top center repeat-x, url(images/bottomshine.png) bottom center repeat-x;
}

.books h1.page {
	display: none;
}

.books #books {
	width: 710px;
	height: auto;
	padding-bottom: 16px;
	margin-top: -22px;
}

.books div.book {
	float: left;
	width: 233px;
	height: auto;
	padding: 0 0 60px 0;
}

.books div.book.wide {
	width: 247px;
}

.books div.book.short {
	width: 213px;
}

.books .book a,
.books .book img {
	box-shadow: 0 0 90px rgba(0,0,0,0.5);
	padding: 0;
	margin: 0;
	border: none;
	display: inline-block;
	font-size: 0;
	background: black;
	width: auto;
	height: 222px;
}

.books .book a {
	box-shadow: 5px 10px 40px rgba(0,0,0,0.7);
	margin-bottom: 20px;
	opacity: .7;
	transition: .15s opacity;
	-webkit-backface-visibility: hidden;
}

.books .book a:hover {
	opacity: 1;
	box-shadow: 5px 10px 40px rgba(0,0,0,0.6);
}

.books .book a:active {
	opacity: .6;
	transition-duration: .05s;
}

.books .book strong,
.books .book span {
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #bab7b5;
	width: 180px;
	padding-left: 2px;
}

.books .book span {
	color: #6e6e6e;
}

/***************************************************
	Quotes
***************************************************/

.quotes #content {
	padding-bottom: 80px;
}

.quotes blockquote {
	width: 600px;
	font-size: 21px;
	margin-top: -10px;
	margin-bottom: 65px;
	font-family: Times, Times New Roman, serif;
	font-style: italic;
	color: #fff;
	opacity: .5;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 20px rgba(255,255,255,0);
	transition: opacity .2s, text-shadow .2s;
	-webkit-backface-visibility: hidden;
	line-height: 32px;
}

.quotes blockquote .open-quote:before {
	content: open-quote;
}

.quotes blockquote .close-quote:after {
	content: close-quote;
}

.quotes blockquote span {
	font-size: 66px;
	line-height: 22px;
	display: inline-block;
	margin-top: 16px;
	margin-bottom: -36px;
	padding: 0 5px;
	vertical-align: top;
	color: #999;
}

.quotes blockquote em {
	font-size: 14px;
	opacity: 0;
	transition: opacity .2s;
	-webkit-backface-visibility: hidden;
	color: #999;
}

.quotes blockquote:hover,
.quotes blockquote:hover em {
	opacity: 1;
	text-shadow: 0 0 20px rgba(255,255,255,.3);
}

/***************************************************
	Exhibitions
***************************************************/

.exhibitions #content_wrapper {
	background: url(images/shd-hdr-btm.png) top center repeat-x, url(images/bottomshine.png) bottom center repeat-x;
	padding-bottom: 40px;
}

.exhibitions .copy p {
	max-width: 660px;
}

.exhibitions .copy p a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	padding-top: 10px;
	padding-bottom: 10px;
}

.exhibitions a.ride {
	margin: 20px 2px 30px 0;
	float: left;
	opacity: .7;
}

.exhibitions a.ride:hover {
	opacity: 1;
}

.exhibitions a.ride img {
	width: 218px;
	height: 166px;
}

.exhibitions a.ride span {
	display: block;
	color: #999;
	text-align: center;
	width: 200px;
	font-size: 12px;
	line-height: 30px;
}

.exhibitions .copy ul,
.exhibitions .copy li,
.exhibitions .copy li a {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #6c6c6c;
	padding-bottom: 10px;
}

.exhibitions .copy li a:hover {
	color: #8b8b8b;
}

.exhibitions .copy li a strong {
	color: #999;
}

.exhibitions .copy li a:hover strong {
	color: #b8b8b8;
}

/***************************************************
	Gallery
***************************************************/

body.gallery-landing #mce-wallpaper {
	background: #0f0f0f url(images/gallery-landing-bg.jpg) center top no-repeat;
}

.gallery-landing #content {
	min-height: 670px;
}

.gallery-landing .copy,
.gallery-landing #collections {
	margin-top: 96px;
	margin-top: 82px;
	position: absolute;
}

.gallery-landing .copy {
	width: 230px;
	height: auto;
	padding-top: 4px;
}

.gallery-landing h1,
.gallery-results h1 {
	margin-bottom: 5px;
}

.gallery-landing h3,
.gallery-results h3 {
	margin-bottom: 2px;
}

.gallery-landing #collections {
	margin-left: 265px;
	width: 678px;
	height: auto;
	background: url(images/3spheres.gif) left top no-repeat;
}

.gallery-landing #collections .column {
	width: 196px;
	height: auto;
	float: left;
	position: relative;
	padding: 215px 15px 0 15px;
}

.gallery-landing .column h3 {
	cursor: default;
}

.gallery-landing .submenu {
	margin-top: 8px;
}

.gallery-landing ul.submenu,
.gallery-landing ul.submenu li,
.gallery-landing ul.submenu a {
	width: 196px;
	height: auto;
	display: block;
}

.gallery-landing #preview1,
.gallery-landing #preview2,
.gallery-landing #preview3 {
	width: 226px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
}

.gallery-landing .preview a,
.gallery-landing .preview div {
	width: 226px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}

.gallery-landing .preview a {
	display: none;
}

.gallery-landing .preview div {
	background: url(images/3spheres.gif) 0 0 no-repeat;
}

.gallery-landing #preview2 div {
	background-position: -226px 0;
}

.gallery-landing #preview3 div {
	background-position: -452px 0;
}


/***************************************************
	Gallery Results Set (Category Thumbs)
***************************************************/

.gallery-results .floatbox {
	width: 966px;
	overflow: visible;
	margin-left: -18px;
	padding: 16px 0 66px 0;
}

.gallery-results .copy {
	width: 347px;
	height: 230px;
	float: right;
	padding: 70px 0 0 135px;
}

.gallery-results .copy p strong {
	display: block;
	padding: 0;
	margin: 0;
	cursor: default;
	height: auto;
	line-height: 24px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 2px;
}

.gallery-results .frame {
	width: 241px;
	height: 300px;
	float: left;
	opacity: .7;
/* 	position: relative; */
	display: table-cell;
/*     text-align: center; */
    vertical-align: middle;
    transition: .15s opacity;
    -webkit-backface-visibility: hidden;
}

.gallery-results .artwork {
	display: inline-block;
	margin-top: -260px;
}

.gallery-results .caption {
	padding-top: 24px;
	color: #bbb;
	position: relative;
	z-index: 9;
	display: block;
	text-align: left;
	padding-left: 5px;
	max-width: 165px;
	min-height: 40px;
}

.gallery-results .caption strong {
	font-weight: normal;
	color: #eee;
}

.gallery-results .frame:hover {
	opacity: 1;
}

.gallery-results .frame:active {
	opacity: .5;
	transition-duration: .05s;
}

.gallery-results .frame .artwork {
	vertical-align: middle;
}

.gallery-results .spcr {
	display: inline-block;
    height: 100%;
    width: 1px;
}

.gallery-results .frame img {
	width: auto;
	height: auto;
	max-width: 180px;
	max-height: 180px;
	box-shadow: 5px 13px 10px #000, 0 0 60px rgba(0,0,0,.4);
/* 	position: relative; */
	z-index: 9;
	background: black;
}

.gallery-results .frame:hover img {
	box-shadow: 5px 13px 10px #000, 0 0 60px rgba(0,0,0,.4), 0 50px 120px rgba(254,251,219,.15);
}

.gallery-results .frame.m1 {
	width: 482px;
}

.gallery-results .frame.m2,
.gallery-results .frame.m3 {
	width: 964px;
}

.gallery-results .frame.m1 img {
	max-width: 421px;
	height: 89px !important;
}

.gallery-results .frame.m2 img,
.gallery-results .frame.m3 img {
	max-width: 903px;
}

/***************************************************
	Gallery Detail
***************************************************/

body.gallery-detail #mce-wallpaper {
	background-image: url(images/bg-gallery-detail.jpg);
}

.gallery-detail #rightcol.padtop p {
	line-height: 18px;
	margin-top:20px;
	margin-bottom:28px;
}

.gallery-detail #artwork {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: auto;
	background: black url(images/artwork-frame.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 23px;
	border: 1px solid black;
	box-shadow: 0 0 150px rgba(0,0,0,.8), 0 30px 15px rgba(0,0,0,.3);

	margin: 55px 0 55px 50px;
}

.gallery-detail #artwork .img {
	display: block;
	border: 13px solid #dad9cd;
	/*border: 13px solid #f3f2e9;			*/
	width: 528px;
	height: 428px;
	background: #111;
	box-shadow: inset 0 2px 15px rgba(0,0,0,.2), inset 0 0 1px rgba(0,0,0,.6);
}

.gallery-detail #artwork .img img {
	display: block;
	opacity: 0;
}

/***************************************************
	Metamorphosis
***************************************************/

.gallery-detail #content_wrapper {
	overflow: auto;
}

.m1 #rightcol,
.m2 #rightcol,
.m3 #rightcol {
	width: 600px;
	position:fixed;
	top: 660px;
	left: 50%;
	margin-left: -442px;
}

.m1 #artwork,
.m2 #artwork,
.m3 #artwork {
	margin-right: 200px;
}

/***************************************************
	News
***************************************************/

.news #content_wrapper,
.text #content_wrapper,
.search-results #content_wrapper,
.gallery-results #content_wrapper {
	background: url(images/shd-hdr-btm.png) top center repeat-x, url(images/bottomshine.png) bottom center repeat-x;
	padding-bottom: 60px;
}

.post_wrapper {
	width: 700px;
	height: auto;
	margin: 10px 0 22px -19px;
	box-shadow: 0 6px 60px rgba(0,0,0,1);
}

.post {

	display: block;
	margin: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index: 2;
	width: 660px;

	background: #b5b5b5 url(images/bg-post.jpg) left top no-repeat;
	background-size: 100%;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#f4f4f4), to(#b5b5b5));
	background-image: -webkit-linear-gradient(-45deg, #f4f4f4, #b5b5b5);
	background-image:    -moz-linear-gradient(-45deg, #f4f4f4, #b5b5b5);
	background-image:     -ms-linear-gradient(-45deg, #f4f4f4, #b5b5b5);
	background-image:      -o-linear-gradient(-45deg, #f4f4f4, #b5b5b5);

	box-shadow: 0 0 20px rgba(0,0,0,1);
	padding: 20px;
}

.post header {
	width: 700px;
	height: auto;
	margin: -20px 0 0 -20px;
	background: none;
	padding-bottom: 4px;
}

.post header a {
	display: block;
	width: 660px;
	height: 100%;
	padding: 20px;
	padding-bottom: 0;
	border-bottom: 1px solid;
	border-color: #a9a9a9;
	border-color: rgba(0,0,0,.05);
}

.post header a:active {
	border-color: rgba(0,0,0,.08);
	background: rgba(0,0,0,.01);
}

.news .entry-meta {
	padding-bottom: 14px;
}

.news figure {
	float: left;
	margin-bottom: 1em;
	margin-right: 20px;
}

.post p,
.post figcaption,
.post img {
	display: inline-block;
	padding: 0;
}

.post img {
	max-width: 658px;
}

.post p,
.post ul,
.post ol,
.post blockquote {
	display: block;
	font-size: 14px;
	color: #434343;
	line-height: 18px;
	margin: 1em 0;
}

.post blockquote {
	font-size: 13px;
	font-style: italic;
	color: #666;
}

.post figcaption {
	font-size: 10px;
	font-style: italic;
	color: #888;
	line-height: 16px;
	margin: 0;
	width: auto;
	display: block;
}

.post img.border {
	border: 1px solid;
	border-color:  #3e3e3e;
	border-color: rgba(0,0,0,.4);
	/*background: url( - INSERT SPINNER IMAGE - ) center center no-repeat;*/
	background-color: rgba(0,0,0,.1);
}

.news .meta-prep,
.news .entry-utility-prep {
	color: #494949;
}

.post header a:hover .meta-prep {
	color: #777;
}

.post header a:active .meta-prep {
	color: #444;
}

.post footer {
	background: none;
	width: auto;
	height: auto;
}

.news .entry-utility {
	padding-top: 16px;
	clear: both;
}

.news .entry-date,
.news .cat-links a {
	color: #666;
}

.post header a:hover
.news .entry-date {
	color: #888;
}

.post header a:active
.news .entry-date {
	color: #555;
}

.news h2.entry-title {
	margin: -4px 0 7px -1px;
	padding: 0;
	line-height: normal;
	display: inline-block;
	height: auto;
	color: black;
	visibility: visible;
}

.post a:hover,
.post a:hover h2 {
	color: #ff0000;
	cursor: pointer;
}

.post a:active,
.post a:active h2 {
	color: #a50000;
}

.post p a {
	color: #434343;
	color: black;
}

.news a.more-link {
	display: block;
	background: rgba(0,0,0,.74) url(images/glyph_arrow_rt.png) 144px center no-repeat;
	margin: 0;
	padding: 0 0 0 10px;
	position: absolute;
	width: 150px;
	height: 34px;
	line-height: 34px;
	right: 0;
	bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	transition: background-color .2s, opacity .2s;
	-webkit-backface-visibility: hidden;
}

.news a.more-link:hover {
	color: #fff;
	background-color: rgba(200,0,0,.8);
}

.news a.more-link:active {
	background-color: rgb(140,0,0);
	opacity: .8;
	transition-duration: .05s;
}

.news #rss {
	margin: 42px 0 0 -1px;
}

.news #rss span {
	display: inline-block;
	width: 24px;
	height: 18px;
	vertical-align: middle;
	margin-top: -2px;
	background: url(images/glyph_rss.png) no-repeat;
}

.news #rss span,
.news li#rss a:active span {
	background-position: -1px -1px;
}

.news #rss a:hover span {
	background-position: -1px -21px;
}

.news a {
	transition: .15s color, transiton .15s opacity;
	-webkit-backface-visibility: hidden;
}

.news a:active {
	transition-duration: .05s;
}

.news #content,
.text #content {
	padding-top: 94px;
}

.news #rightcol {
	padding-top: 60px;
}

/* Pagination */

.pagination {
	display: block;
	width: 662px;
	padding: 0;
	height: auto;
	margin: 60px 0 0 0;
	text-align: center;
	font-size: 0;
}

.pagination li {
	display: inline-block;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
}

.pagination li,
.pagination a {
	min-width: 32px;
	min-height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	color: #fff;
}

.pagination #prev,
.pagination #next,
.pagination #prev a,
.pagination #next a {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	min-width: 64px;
}

.pagination #prev {
	margin-right: 44px;
}

.pagination #next {
	margin-left: 44px;
}

.pagination a {
	display: inline-block;
	opacity: .19;
	transition: .1s opacity;
	-webkit-backface-visibility: hidden;
}

.pagination a:hover {
	opacity: 1;
}

.pagination a:active {
	opacity: .15;
	transition-duration: .03s;
}

.pagination .selected a,
.pagination .selected a:active {
	background: rgba(255,255,255,.1);
	opacity: 1;
}

.pagination .disabled {
	opacity: 0;
	cursor: default;
}

/***************************************************
	Search Results
***************************************************/

.search-results #content {
	padding-bottom: 30px;
}

.search-results #results {
	margin: 63px 0 0 -19px;
	font-size: 0;
}

.search-results .result {
	display: block;
	width: 700px;
	height: auto;
	padding: 0 0 8px 0;
	opacity: .7;
	transition: .1s opacity;
	-webkit-backface-visibility: hidden;
}

.search-results .result:hover {
	opacity: 1;
}

.search-results .result:active {
	opacity: .6;
	transition-duration: .03s;
}

.search-results .image,
.search-results .result-content {
	background: rgba(0,0,0,.46);
	box-shadow: 0 5px 46px rgba(0,0,0,.21);
	padding: 20px;
	cursor: pointer;
	display: block;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: top;



}

.search-results .result h1,
.search-results .result h2,
.search-results .result p {
	display: block;
	font-weight: normal;
	margin: 0;
	cursor: pointer;
}

.search-results .result p {
	margin: 16px 0 14px 0;
}

.search-results .result h2,
.search-results .result p {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #afafaf;
	visibility: visible;
}

body.search-results #results a.result .result-content h2 {
	color: #fff;
}

.search-results ul.breadcrumbs {
	height: 20px;
}

.search-results ul.breadcrumbs li {
	color: #777;
	padding: 6px 9px 11px 11px;
}

.search-results .breadcrumbs li:first-child {
	background: none !important;
	padding-left: 0;
}

/* Gallery Results */

.search-results .result.gallery + .result.default {
	padding-top: 16px;
}

.search-results .result.gallery div.image {
	height: auto;
	width: 131px;
	margin-right: 1px;
	min-height: 104px;
}

.search-results .result.gallery div.image .image-frame {
	display: table-cell;
/*     text-align: center; */
    vertical-align: middle;
    width: 131px;
    height: 104px;
}

.search-results .result.gallery div.image img {
	display: inline-block;
}

.search-results .result.gallery div.result-content {
	height: auto;
	width: 447px;
	min-height: 72px;
	padding: 36px 40px;
}

.search-results .result.gallery h2 {
	margin: 0;
}
.search-results .result.gallery p {
	margin: 0;
}

.search-results .result.default div.result-content {
	min-width: 660px;
}

/***************************************************
	Sitemap
***************************************************/

.sitemap #collections {
	background: none;
	position: relative;
	margin-top: 60px;
	padding-bottom: 70px;
}

.sitemap #collections .column {
	padding: 0;
	margin: 0 15px;
	/*background: rgba(255,0,0,0.5);*/
	width: auto;
}

.sitemap .column.sub {
	width: 196px;
}

.sitemap .submenu {
	display: block;
	/*background: rgba(0,255,0,0.5);*/
	padding: 0;
	margin: 0;
}

.sitemap h3 {
	margin: 0;
	padding: 0;
	height: auto;
	line-height: auto;
	margin-bottom: 6px;
}

.sitemap a h2 {
	display: block;
	height: auto;
	line-height: auto;
	opacity: 1;
	width: auto;
	min-width: 196px;
	cursor: pointer;
	padding-bottom: 8px;
	padding-top: 20px;
	/*background: rgba(0,0,255,0.5);*/
	margin: 0;
	margin-bottom: 10px;
	font-weight: 100;
	visibility: visible;
}

.sitemap .sub a h2 {
	border-bottom: 1px solid #666;
}

.sitemap .row.sub h2 {
	margin: 0 15px 10px 15px;
}

.sitemap a:hover h2 {
	color: #fff;
}

.sitemap .row {
	padding-bottom: 20px;
	padding-top: 10px;
	/*background: rgba(255,255,255,0.1);
	margin-bottom: 1px;*/
}

.sitemap .row.sub, .column.sub {
	padding-bottom: 30px;
}

.sitemap .row.thin {
	width: 452px;
}

/***************************************************
	At Work
***************************************************/

.atwork iframe {
	display: block;
	padding: 0;
	margin: -22px 0 0 10px;
	width: 640px;
	height: 480px;
	box-shadow: 0 0 90px rgba(0,0,0,.5);
	position: relative;
	border: 1px solid black;
}

.atwork .play:hover {
	opacity: 1;
}

.atwork .play:active {
	opacity: .85;
}

.atwork #content p {
	position: relative;
	display: block;
	color: #555;
	z-index: 2;
	cursor: default;
	width: 680px;
/* 	text-align: center; */
	text-align: left;
	margin: 20px 0 0 20px;
	z-index: 9;

	text-align: left;
	position: absolute;
	top: 516px;
	left: 732px;
	width: 200px;
	line-height: 1.5em;
	color: #666;
}

/***************************************************
	Error Redirect
***************************************************/

.error-redirect #breadcrumbs {
	display: none;
}

.error-redirect.gallery-landing .copy {
	width: auto;
}

.error-redirect.gallery-landing .copy p {
	width: 230px;
}

/***************************************************
	Loading
***************************************************/

.mce-loading-overlay {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: fixed !important;
	width: 100%;
	height: 100%;
	background: rgba(26,26,26,.8);
	z-index: 999999;
	display: none;
	user-select: none;
}

.mce-loading-shadow {
	position: absolute;
	top: 50%;
	left: 50%;

	margin-top: -75px;
	margin-left: -50px;
	width: 112px;
	height: 112px;
	border-radius: 66px;
	background: rgba(0,0,0,1);
	box-shadow: 0 0 70px rgba(0,0,0,1);
}

.start-animation .mce-loading-shadow {
	-webkit-animation: mce-loading-transition .2s 1 ease-in;
	animation:         mce-loading-transition .2s 1 ease-in;
}

.mce-loading-base {
	width: 198px;
	height: 173px;
	background: url(images/mce-loading-base.png) no-repeat;
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -99px;
	margin-left: -87px;


	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}

.start-animation .mce-loading-base {
	-webkit-animation: mce-loading-transition .2s 1 ease-in;
	animation:         mce-loading-transition .2s 1 ease-in;
}

.mce-loading-base div {
	background: url(images/mce-loading-sprite.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 198px;
	height: 173px;
	opacity: 0;
}

.start-animation .mce-loading-base div {
	-webkit-animation: mce-loading 1.5s infinite ease-in;
	animation:         mce-loading 1.5s infinite ease-in;
}

.mce-loading-base div.mce-load-1 {
	background-position: 0 0;
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
}

.mce-loading-base div.mce-load-2 {
	background-position: 0 -173px;
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.mce-loading-base div.mce-load-3 {
	background-position: 0 -346px;
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
}

.mce-loading-base div.mce-load-4 {
	background-position: 0 -519px;
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}

.mce-loading-base div.mce-load-5 {
	background-position: 0 -692px;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}

.mce-loading-base div.mce-load-6 {
	background-position: 0 -865px;
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
}

.mce-loading-base div.mce-load-7 {
	background-position: 0 -1038px;
	animation-delay: .7s;
	-webkit-animation-delay: .7s;
}

.mce-loading-base div.mce-load-8 {
	background-position: 0 -1211px;
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
}

.mce-loading-base div.mce-load-9 {
	background-position: 0 -1384px;
	animation-delay: .9s;
	-webkit-animation-delay: .9s;
}

.mce-loading-base div.mce-load-10 {
	background-position: 0 -1557px;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.mce-loading-base div.mce-load-11 {
	background-position: 0 -1730px;
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
}

.mce-loading-base div.mce-load-12 {
	background-position: 0 -1903px;
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.mce-loading-base div.mce-load-13 {
	background-position: 0 -2076px;
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
}

.mce-loading-base div.mce-load-14 {
	background-position: 0 -2249px;
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
}

.mce-loading-base div.mce-load-15 {
	background-position: 0 -2422px;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

@-webkit-keyframes mce-loading {
	0%   {opacity: 1;}
	15%  {opacity: 0;}
}

@keyframes mce-loading {
	0%   {opacity: 1;}
	15%  {opacity: 0;}
}

@-webkit-keyframes mce-loading-transition {
	0%   {-webkit-transform: scale(0,0);}
	100%  {-webkit-transform: scale(1,1);}
}

@keyframes mce-loading-transition {
	0%   {transform: scale(0,0);}
	100%  {transform: scale(1,1);}
}


/***************************************************
	Legacy Browser Fixes
***************************************************/

/* Global */

.legacy #rightcol .frame a {
	filter: alpha(opacity=85);
}

.legacy #rightcol .photo {
	filter: alpha(opacity=50);
}

.legacy #rightcol .frame a:hover,
.legacy #rightcol .photo:hover {
	filter: alpha(opacity=100);
}

.legacy nav {
	background: url(images/bg-nav.png) top center repeat-x;
}

.legacy header nav ul.menu li.selected a,
.legacy header nav ul.menu li.selected a:active {
	background: url(images/ui/bg-nav-selected.png);
}

.legacy ul#breadcrumbs.menu li a,
.legacy .search-results .breadcrumbs li {
	background: url(../images/bc_glyph.png) left 9px no-repeat;
}

.legacy .search-results .image,
.legacy .search-results .result-content {
	background: black;
}

/* About Escher */

.legacy .book a {
	filter: alpha(opacity=90);
}

.legacy .book a:hover {
	filter: alpha(opacity=100);
}

.legacy .book a:active {
	filter: alpha(opacity=80);
}

/* News */

.legacy a.more-link {
	background: #2f2f2f url(images/glyph_arrow_rt.png) 144px center no-repeat;
}

.legacy a.more-link:hover {
	background-color: #c8251e;
}

.legacy a.more-link:active {
	background-color: #8c0000;
	filter: alpha(opacity=80);
}

/***** Added Sander Coppoolse *****/
/* contact7 forms changes June 2018 */

/* use flex containers to shape the form and responses it gives */
.wpcf7-form {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}

.wpcf7-form div {
	order: 2;
}

/* Don't display the screenreader class as it will interfer with the alerts from form */
.screen-reader-response[role=alert] {
	display: none;
}

/* general layout of the alerts normally on bottom */
/* forced on top using flex containers and order  */
.wpcf7-form .wpcf7-response-output {
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
	padding: 10px;
	font-size: large;
	margin-top: 10px;
	margin-bottom :10px;
	order: 1;
}

.wpcf7-validation-errors {
	border-color: red;
}

.wpcf7-mail-sent-ng {
	border-color: red;
}

.wpcf7-spam-blocked {
	border-color: orange;
}

.wpcf7-mail-sent-ok {
	border-color : green;
}

/* tune layout of error message next to inputfield */
.wpcf7-not-valid-tip { 
	padding-left: 10px;
	color:red;
	font-size: 11px;
}
/*  other contact7 styles */
.wpcf7-display-none {
	display: none;
}

/* input fields layout for contact7 form  */
.wpcf7-text {
	width: 80%;
    padding: 5px 5px;
    margin: 5px 0;
    box-sizing: border-box;
	border-radius:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
}

.wpcf7-textarea{
	width: 80%;
    padding: 5px 5px;
    margin: 5px 0;
    box-sizing: border-box;
	border-radius:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	}
.wpcf7-select {
    padding: 5px 5px;
    margin: 5px 0;
    box-sizing: border-box;
	border-radius:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	}
	
.wpcf7-form fieldset{
	border-radius: 7px;
	border-style: groove;
}
.wpcf7-form td {
	vertical-align:top;
}

/*  end june 2018 edits  /*