@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Marcus Lyon
Theme URI: http://www.tenacityworks.com/
Description: Dogsercise theme developed by Tenacity Works in sunny Cape Town.
Author: Tenacity Works
Author URI: http://www.tenacityworks.com/
Vesrion 1.1
.
*/

@import url('menu.css');

/*Eric Meyer's CSS Reset*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
	text-align:left;
}
html {
	margin:0 !important;
}
body {
	line-height: 1;
	font-family: purista-web-1, purista-web-2, Helvetica, Arial, sans-serif;
	text-align:left;
	/*background:#FFF url(images/bg_main.png) repeat-x 0 -7px;*/
	color:#666666;
	-webkit-text-size-adjust:none;
}
body.noBg {
	background:none !important;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight:bold;
}
.clr {
	clear:both;
}
blockquote {
	font-family: purista-web-1, purista-web-2, Helvetica, Arial, sans-serif;
	clear:both;
}
hr {
	margin: 0;
	padding: 0;
	background: url(images/line_hr.png) repeat-x;
	border:none;
}
a, a:visited {
	color:#999;
	text-decoration:underline;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
h1 {
	font-size:20px;
	color:#666666;
	line-height:120%;
	text-transform:uppercase!important;
	font-weight:normal;
	font-family: refrigerator-deluxe-1, refrigerator-deluxe-2, Helvetica, Arial, sans-serif;
	/*margin-left:10px;*/
	padding-bottom:10px;
}
h1 a, h1 a:visited {
	text-decoration:none;
}
h2 {
	font-size:17px;
	color:#666666;
	line-height:120%;
	text-transform:uppercase;
	padding-bottom:7px;
	font-weight:normal;
	font-family:refrigerator-deluxe-1, refrigerator-deluxe-2, Helvetica, Arial, sans-serif;
}
h3 {
	color:#666666;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	padding-bottom: 3px;
	text-transform: uppercase;
	font-weight:normal;
	font-family: refrigerator-deluxe-1, refrigerator-deluxe-2, Helvetica, Arial, sans-serif;
}
p {
	color:#666666;
	line-height:130%;
	text-align: justify;
	padding-bottom:18px;
	font-size:12px;
	text-transform:none;
	font-family: purista-web-1, purista-web-2, Helvetica, Arial, sans-serif;
}
/** Site Structure **/
#wrapper {
	
	width:100%;
	margin-bottom:100px;
}
#landing {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.glassLogo {
	bottom: 0;
	margin: 0 50px 30px;
	position: absolute;
	right: 0;
}
#siteBox {
	overflow:hidden;
	margin:0 auto;
	width:100%;
}
/** Header **/
#headerBox {
	height:70px;
	padding:20px 25px 55px 30px;
	width:auto;
	margin:0 auto;
	background:url(images/bg_line_bottom.png) 0 -10px repeat-x;
}
#category-news h2 {
	padding-bottom: 12px;
}

/*
ENTER THE JACK
*/
.wysija-paragraph input, .mailpoet_text input{
font-size: 12px;
width: 300px;
padding: 4px;
color: #777;
}

.updated{
margin-bottom: 20px!important;
padding: 12px 10px!important;
border: 0!important;
}

input.wysija-submit, input.mailpoet_submit{
margin-top: -5px!important;
margin-bottom: 40px;
border-radius: 0;
text-transform: uppercase;
padding: 4px 8px;
border: 0;
background-color: #0E980E;
color: #fff;
border-bottom: 3px #026102 solid;
font-size: 12px;
cursor: pointer;
}

.newsletter-title{
text-transform: uppercase !important;
font-weight: normal;
font-family: refrigerator-deluxe-1, refrigerator-deluxe-2, Helvetica, Arial, sans-serif;
font-size: 16px;
margin-bottom: 10px;
}

.formError .formErrorContent {
background: none repeat scroll 0 0 #8E2121;
border: 0px solid #BBBBBB !important;
color: #FFFFFF;
font-family: tahoma;
font-size: 11px;
padding: 13px 14px !important;
position: relative;
width: 150px;
z-index: 5001;
margin-top: -3px !important;
font-size: 12px !important;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/ipad-flylist.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/*
#nav{float:left; position:relative; height:75px; width:700px; margin-left:10px;font-family: refrigerator-deluxe-1,refrigerator-deluxe-2, Helvetica, Arial, sans-serif; text-transform:uppercase; border:1px solid red;}
.menu {padding:0; margin:0; list-style:none; clear:left; float:left;}
.menu li a {display:block; width:120px; line-height:120%; font-weight:normal; font-size:16px; color:#999; text-decoration:none; padding:0 0; cursor:pointer;}

.menu ul {float: left;
  width: 460px;
	height:75px;
  margin: 0;
  padding: 0;
  list-style: none;}
.menu ul.short{
	width:130px;
}
.menu ul li.sub {float: left;
  width: 130px;
  margin: 0;
  padding: 0;}
.menu ul li a {line-height:120%; padding:0; font-size:16px; font-weight:normal; }
.menu li a:hover {}
.menu li:hover > a {color:#666;}
.menu li > a.selected {color:#666;}
.menu ul li.sub ul li a:hover {}
ul.holder div{
	float: left;
	width: 110px;
	}
.menu li.close {display:none; position:absolute;}

.menu ul.sub {position:absolute; left:-9999px; top:0px; height:75px;}
.menu ul.sub1 {width:150px;}
.menu ul.sub2 {width:260px;}
.menu ul.sub3 {width:450px;}

.menu li.top-li:hover {direction:ltr;}
.menu li.top-li:hover ul.sub {left:115px;}
.menu li.top-li ul.sub li.sub {height:75px;}

.menu ul li.bottomLine {clear:left; width:100%; height:40px;}
.menu ul li.bottomLine p a {display:inline; width:auto; float:none; padding:0; margin:0; }

.clear {clear:left;}
*/
/* for IE6 */
/*
.menu table {border-collapse:collapse; margin-bottom:-1px;}
.menu li.top-li a:hover {direction:ltr;}
.menu li.top-li a:hover ul.sub {left:100px;}
.menu li.top-li a:hover ul li {float:left;}
.menu li.top-li a:hover ul li a {font-weight:normal; float:left;}
.menu li.top-li a:hover ul li.bottomLine p {font-weight:normal;}
.menu li.top-li a:hover ul li.bottomLine p a {float:none;}
*/

.logo {
	margin-left:auto;
	margin-right:auto;
	margin-top:250px;
	width:705px;
}
#logoBox {
	width:195px;
	float:right;
	margin-top:15px;
}
/* Content Area */
#contentBox {
	padding:0 32px;
	overflow:hidden;
}
.placeHolder {
	height:500px;
}
#newsHolder {
	margin-bottom:25px;
}
#newsHolder img{width:100%; height:auto;}
img.more{width:13px !important; height:11px !important;}
#narrowCol img{width:100%; height:auto;}

#newsHolder p {
	padding-bottom:0;
}
#newsHolder img.more {
	position: relative;
	top: 2px;
}
#newsHolder p.moreText {
	font-family: refrigerator-deluxe-1, refrigerator-deluxe-2, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
}
ul.errorPage li {
	text-transform:uppercase;
	font-size:17px;
	font-family:refrigerator-deluxe-1, refrigerator-deluxe-2, Helvetica, Arial, sans-serif;
	line-height:130%;
}
/* artwork nav */
.navArt {
	display: block;
	width: 16px;
	position: absolute;
	z-index:0;
}
.yes .tipIcon {
	display: none;
}
.navArt.prev {
	top:150px;
	left:8px;
	/*bottom: 30px;*/
	/*float: left;*/
	/*margin-left: -25px;*/
}
.navArt.next {
	top:150px;
	/*bottom: 30px;*/
	/*float: right;*/
	/*left: 25px;*/
	right:8px;
	/*margin-right: -15px;*/
}
.navArt span {
	display:none;
}
.navArt a {
	display:block;
}
a.prevNav, a.prevNav:visited {
	width:16px;
	height:13px;
	background: url(images/sprite_img_pag.png) 0 0;
}
a.nextNav, a.nextNav:visited {
	width:16px;
	height:13px;
	background: url(images/sprite_img_pag.png) -18px 0;
}
a.prevNav:hover {
	width:16px;
	height:13px;
	background: url(images/sprite_img_pag.png) 0 -13px;
}
a.nextNav:hover {
	width:16px;
	height:13px;
	background: url(images/sprite_img_pag.png) -18px -13px;
}
#leftCol {
	/*width:230px;*/
	width:25%;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	float:left;
}
#leftCol img.cover 	{
	width:100%;
	height:auto;
}
#leftCol img {
	width: 100%;
	height: auto;
  }
.snipcart-add-item {
    color: #fff;
    padding: 8px;
    text-align: center;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: purista-web-1, purista-web-2, Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: 0.4s;
	width:100%;

}
.snipcart-add-item.somo{
	border: 1px solid #5B5A5B;
	background: rgb(51, 49, 50, 0.8);
	color: white;
}
.snipcart-add-item.deut{
	border: 1px solid #5B5A5B;
	background: rgb(51, 49, 50, 0.8);
	color: white;
}
.snipcart-add-item:hover {
    background: none;
    color: #5B5A5B;
    border: 1px solid #5B5A5B;
}
/** snipcart styles **/
.snip-layout{
    font-family: "purista-web-1","purista-web-2",sans-serif;

}
.snip-layout a:hover{
	text-decoration:none;
}
.snip-layout .snip-header__title, .snip-layout .snip-product__name{font-weight:600;}
.snip-layout .snip-quantity-trigger__btn--minus::before {
    line-height: 6px;
    position: relative;
    left: 4px;
    font-size: 36px;
}
.snip-layout .snip-quantity-trigger__btn--add::before {

    content: "+";
    line-height: 15px;
    position: relative;
    left: 4px;
    font-size: 20px;
    font-weight: 600;

}

#rightCol {
	/*width:702px;*/
	width:70%;
	float:left;
	margin:0 0 -15px;
	padding-bottom:1px;
	/*background:url(images/bg_art.png) repeat-y 27px -11px;*/

}
#leftCol p{margin-left:0 !important;}
/*#rightCol img{width:65%; height:auto; border:1px solid red;}*/
#rightCol.triptych-iv {
	/*background:none !important;*/
}
.triptycs h2 {
	/*margin-left:27px;*/
}
#rightCol.exodus {
	/*background:url(images/bg_art_exodus.png) repeat-y 27px -46px;*/
	/*margin-top:5px;*/
}
/*#rightCol.pasture, #rightCol.rutland, #rightCol.tideline-iii-macaroni-i, #rightCol.tideline-iv-macaroni-ii, #rightCol.tideline-v-lansecoy, #rightCol.tideline-vi-lagoon{
	background:none !important;
}*/

#rightCol.optogenome {
	/*
	background:url(images/bg_art_207.png) repeat-y 27px -15px;
	margin-top:5px;
	height:941px;
	*/
}
#rightCol.noBg {
	background:none !important;
}
#rightCol.hinterland {
	background:none;
}
#rightCol.hinterland {
	background:none;
}
#rightCol.hinterland .artWork {
	/*
	background: url("images/bg_line_bottom.png") repeat-x center bottom;
	width:700px !important;
	*/
}
.gallHolder {
	background:url(images/bg_line_bottom.png) repeat-x 0 100%;
	margin-bottom:10px;
	overflow:hidden;
}
.gallHolder:last-child {
	background:none !important;
	margin-bottom:0px;
}

#rightCol{width:73%; float:right; overflow:hidden;}

.artWork {
	float: left;
	margin: 0 0 13px;
	/*padding:0 0 0 25px;*/
	padding:0 0 0 2%;
	width:31.33%;
	
}
.artWork img{width:100%; height:auto; display:block; padding-bottom:13px; padding-right:25px; background:url(images/divider.gif) bottom repeat-x;}
#narrowCol {
	width:55%;
	float:left;
	margin-left:-5px;
	min-height:500px;
}
#narrowCol h1 {
	margin-left:0;
}
#wideCol {
	float: left;
	overflow: hidden;
	width: 940px;
	width:100%;
	margin:0;
}
h1.art {
	text-transform:uppercase!important;
	margin-left:0;
}
.artHolder {
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	/*display: table-cell;
	vertical-align: middle;*/
}
.artHolder img {
	width:100%;
	height:auto;
	margin:auto;
	display:block;
}
.artBottom {
	margin: 8px 0 35px;
	/*overflow: hidden;*/
	width:100%;
	padding-bottom: 5px;
	text-transform:uppercase;
	/*position:relative;*/
}

.artBottom .openTop{/*position:absolute; left:0 !important; top:0 !important;*/}
.artBottom .main{position:relative; width:100%;}
.artBottom .tipTitle{}
.artTit {
	float:left;
	width:745px;
	font-size:14px;
	color:#666666;
	font-family: refrigerator-deluxe-1, refrigerator-deluxe-2, Helvetica, Arial, sans-serif;
}
.artPop {
	bottom: 4px;
	float: right;
	left: 2px;
	position: relative;
	width: 15px;
}
/* lightBox */
 

.slideOutTip {
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0 !important;
	width: 100% !important;
	background:#FFF;
	font-size:13px;
	color:white;
	overflow:hidden;
	height:22px;
}
/* The holder for the title and the icon: */
.tipVisible {
	cursor:pointer;
	height:22px;
	/*width:941px;*/
	width:100%;
	right:0 !important;
}
.tipTitle {
	float:left;
	font-size:14px;
	color:#666666;
	font-family: refrigerator-deluxe-1, refrigerator-deluxe-2, Helvetica, Arial, sans-serif;
	white-space:nowrap;
	line-height:16px;
	text-transform:uppercase;
}
.tideline-i-pasture .tipTitle, .tryptychs-iii .tipTitle, tryptychs-ii .tipTitle, tryptychs-i .tipTitle, .tideline-ii-rutland .tipTitle, .tideline-iii-macaroni-i .tipTitle, .tideline-iv-macaroni-ii .tipTitle, .tideline-v-lansecoy .tipTitle, .tideline-vi-lagoon .tipTitle {
	text-transform:none;
}
.tipIcon {
	width:20px;
	height:20px;
	float:left;
	margin-right:8px;/* CSS3 Rounded corners */
}
.plusIcon {
	/* The plus icon */
	width:13px;
	height:13px;
	background:url(images/img_plus_orig.png) no-repeat center center;
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.slideOutTip.isOpened {
	z-index:10000;
}
.slideOutTip.isOpened .plusIcon {
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/* Special rules for the left and top - opening versions */

.openLeft .tipIcon {
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle {
	float:left;
}
.openLeft .slideOutContent {
	margin-top:22px;
}
.openLeft.openTop .slideOutContent {
	margin-top:0;
}
.slideOutContent {
	/* Hiding the div with the slide out content: */
	display:none;
	font-size:11px;
	padding:0 10px 15px 0;
}
.main p {
	padding-bottom:0 !important;
}
.main p.artContent {
	padding-bottom:30px !important;
}
/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > p {
	display:none;
}
/* The styles below are only necessary for the styling of the demo page: */

.main {
	height: 50px;
	position: static;
	top:auto !important;
	bottom:410px !important;
	width: 90%;
	
}
.spaceBottom {
	margin:0 0 10px;
}
.spaceTop {
	margin:10px 0 0;
}
h1.art {
	text-transform:uppercase!important;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	#headerBox {
		height:55px;
		padding:20px 20px;
		width:auto;
		margin:0 auto;
		background:url(images/bg_line_bottom.png) 0 -55px repeat-x;
	}

	
	#logoBox{position:absolute; right:15px; top:8px;}
	
	p{font-size:13px;}
	
	#landing{width:auto;}
	.logo{margin-top:45%; width:auto; width:auto; text-align:center;}
	.logo img{max-width:95%; height:auto;}
	/*#nav{display:none;}*/
	#narrowCol{width:65%;}
	
	
	
	#contentBox{padding:0 20px;}
	#narrowCol{width:auto; margin:0;}
	#leftCol{width:auto; clear:both; margin:0; float:none;}
	#rightCol{width:102%; clear:both; float:none; margin:0; padding:0;}
	/*#rightCol img{max-width:95%; height:auto;}*/
	
	.artWork {
		float:left;
		margin:0 0 13px 0;
		/*padding:0 0 0 25px;*/
		padding:0 2% 0 0;
		width:31.33%;
		
	}
	.artWork img{width:100%; padding-right:0; margin-right:0;}
	/*
	#siteBox{width:auto;}
	#headerBox{width:auto;}
	
	#contentBox{padding:0 20px;}
	#narrowCol{width:55%;}
	*/
	
	/*#rightCol img{width:95%; height:auto;}*/
	
	/*
	.artWork {
		float: left;
		margin: 0 0 13px;
		padding:0 !important;
		width:33%;
	}
	.artWork img{width:100% !important; height:auto !important; margin:0 !important;}
	*/
	
	.navArt{}
	.navArt.prev {
		top:102px;
		left:auto;
		right:65px;
	}
	.navArt.next {
		top:102px;
		right:20px;
	}
	/*
	.navArt.prev {
		bottom: 30px;
		float: right;
		margin-left: -65px;
		margin-right:20px;
	}
	.navArt.next {
		bottom: 30px;
		float: right;
		left: 25px;
		margin-right:10px;
	}
	*/
	img.more{width:25px !important; height:22px !important;}
	
	.plusIcon {
		/* The plus icon */
		width:13px;
		height:13px;
		background:url(images/img_plus_orig.png) no-repeat center center;
		background-size:cover;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#logoBox{position:absolute; right:15px; top:8px; width:170px;}
	#logoBox img{width:100%; height:auto;}
	
	p{font-size:15px;}
	
	#headerBox{padding:20px 20px;}
	h1{margin-left:0;}
	
	#contentBox{padding:0 20px;}
	#narrowCol{width:auto; margin:0;}
	#leftCol{width:auto; clear:both; margin:0; float:none;}
	#rightCol{width:auto; clear:both; float:none; margin:0;}
	#rightCol img{max-width:95%; height:auto;}
	
	
	.artWork {
		/* float: left; */
		margin: 0 0 13px;
		padding:0 !important;
		width:100%;
	}
	.artWork img{width:100% !important; max-width:100% !important; height:auto; display:block; padding-bottom:13px; padding-right:0 !important; background:url(images/divider.gif) bottom repeat-x;}
	
	/*
	.navArt{}
	.navArt.prev {
		bottom: 30px;
		float: right;
		margin-left: -65px;
		margin-right:20px;
	}
	.navArt.next {
		bottom: 30px;
		float: right;
		left: 25px;
		margin-right:10px;
	}

	*/
	
	.artBottom .main{position:static; width:100%; height:auto;}
	.main{
		height: auto;
		position: static;
		top:auto !important;
		bottom:410px !important;
		width: 90%;
		clear:both;
	}
	.slideOutTip {
		/* The main wrapping div of the slideout tips */
		position:static;
		overflow:visible;
		height:auto;
	}
	.tipVisible {
		cursor:pointer;
		height:auto;
		/*width:941px;*/
		width:100%;
		right:0 !important;
	}
	.tipIcon{display:none;}
	.slideOutContent{display:block;}
	.tipTitle{white-space:normal; font-size:16px; padding:0; padding-bottom:10px !important; display:block; float:none; width:100%;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.logo{margin-top:20%;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
}