/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Delphine Poussot Styles
-------------------------------------------------------------------------------*/

/* Layout */

/* Global */
body{
background-color:#eeeeeb;
font-family: "omnes-pro",sans-serif;
font-size:14px;	
color:#858b82;
letter-spacing:1.75px;
}

.wrapper{
max-width:1000px;
margin:5% auto;	
padding:0 2%;
}

.content{
margin-bottom:10px;
}

.white{
background: #fafafa;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
padding:4%;	
}
	/* Nav */
	
	#header{
	margin-bottom:3%;
	}
	
	ul#nav{
	float:right;
	width:90%;
	padding:3% 0 1.5% 40%;
	}
	
	ul#nav li{
	float:right;
	padding-left:2%;
	margin-left:2%;
	border-left:1px solid #858b82; 
	text-transform:uppercase;
	}
	
	ul#nav li:last-child{
	border-left:none;	
	}
	
	#header ul#nav{
	float:left;	
	width:100%;
	padding:1% 0;
	}
	
	#header ul#nav li{
	float:left;
	padding:0 2.5% 0 0;
	margin:0 2.5% 0 0;
	border-right:1px solid #858b82;
	border-left:none;
	}
	
	#header ul#nav li:last-child{
	border-right:none;	
	}
	
	/* Footer */
	
	.footer{
	max-width:1000px;
	margin:0 auto;	
	}
	
	.footer p{
	float:right;
	font-size:10px;	
	}
	

	
/* Typography */


h1{
font-size:48px;	
font-weight:300;
letter-spacing:6.5px;
}

h2{
font-weight:300;
text-transform:uppercase;	
}

h3{
font-weight:300;
margin-bottom:10px;	
font-style:italic;
padding-bottom:3px;
border-bottom:1px dashed #eeeeeb;
}

h4{
font-weight:300;
margin-bottom:10px;	
font-style:italic;}

h5{
font-weight:300;
text-transform:uppercase;
font-size:16px;	
margin:7px 0 12px 0;
}

h6{
font-weight:300;
margin-bottom:15px;	
line-height:1.25;
font-size:18px;	
}

.ff-container h3{
display:block;
border-bottom:1px dashed #FFF;
padding-bottom:5px;
margin:35px 0 15px 0;
font-size:27px;	
}

p{
margin-bottom:15px;
line-height:1.5;
}

blockquote{
border-left:4px solid #b0c3dc;
padding-left:20px;
margin-bottom:20px;
font-style:oblique;	
}

a{
text-decoration:none;
color:#858b82;	
}

a:hover{
color:#b2b2b2;
}

b{
font-weight:400;	
}

/* Pages */

	/* Home */
	
	.loading {
	min-height: 300px; 
	background: url(../images/your-spinner.gif) no-repeat center center;
	}
	
	button#pauseplay{
	float:left;
	padding:5px;
	border:1px solid #bbb;
	background-color:#eeeeeb;
	color:#bbb;
	margin-top:-4%
	}

	button#pauseplay:hover{
	border:1px solid #999;
	color:#999;	
	}
	
	/* News */
	
	.post{
	padding-bottom:4%;
	border-bottom:1px dashed #c9ae75;
	margin-bottom:4%;	
	}
	
	.post:nth-of-type(3){
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0px;	
	}
	
	.post img{
	float:left;
	width:30%;
	min-width:200px;
	margin:0 3% 1% 0;	
	}
	
	.postcontent{
	float:right;
	width:67%;	
	}
	
	.post a{
	color:#BBB;	
	font-style:italic;
	}
	
	.post a:hover{
	color:#858b82;	
	}
	
	.news .slice{
	background-image:url(../images/slice_opt_3.jpg);	
	}
	
	/*  Recent Works */
	
	ul.ff-items li{
	float:left;	
	height:200px;
	margin:0 40px 40px 0;
	line-height:200px;
	text-align:center;
	}
	
	ul.ff-items li a{
	display: block;
	}
	
	.ff-items li img{
	vertical-align:middle;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
	}
	
	ul.gallery-nav{
	margin-bottom:20px;	
	}
	
	ul.gallery-nav li{
	text-align:center;
	padding:6px 0px;
	display:inline-block;
	width:125px;
	text-align:center;	
	border:1px solid #858b82;	
	}

	h5.apples{
	margin: 15px 0px -18px 0px;	
	}

	h5.aftertherain{
	margin: 7px 0px -20px 0px;	
	}
	
	h5.martini{
	margin:	7px 0px 12px 0px;	
	}
	
	/* About */
	
	.IE{
	display:none;	
	}
	
	.about640{
	display:none;	
	}
	
	.about {
		background: #fafafa;
		position: relative;
		width: 100%;
		height:640px;
		z-index: 5;
		box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
		border-radius: 0 3px 3px 3px;
	}
	
	.about-1,.about-2,.about-3 {
		position: absolute;
		top: 0;
		left: 0;
		padding: 4%;
		width:92%;
		z-index: 1;
		opacity: 0;
	
		-webkit-transition: opacity linear 0.1s;
		-moz-transition: opacity linear 0.1s;
		-o-transition: opacity linear 0.1s;
		-ms-transition: opacity linear 0.1s;
		transition: opacity linear 0.1s;
	}

	.tabs {
    position: relative;
	margin: 40px auto;
	width:100%;
	}
	
	.tabs input {
		position: absolute;
		z-index: 1000;
		width: 160px;
		height: 40px;
		left: 0px;
		top: 0px;
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		cursor: pointer;
	}
	.tabs input#tab-2{
		left: 160px;
	}
	.tabs input#tab-3{
		left: 320px;
	}
	
	.tabs label {
		background: #fafafa;
		background: -moz-linear-gradient(top, #fafafa 0%, #eeeeeb 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#4eeeeeb));
		background: -webkit-linear-gradient(top, #fafafa 0%,#eeeeeb 100%);
		background: -o-linear-gradient(top, #fafafa 0%,#eeeeeb 100%);
		background: -ms-linear-gradient(top, #fafafa 0%,#eeeeeb 100%);
		background: linear-gradient(top, #fafafa 0%,#eeeeeb 100%);
		font-size: 15px;
		line-height: 40px;
		height: 40px;
		position: relative;
		padding: 0 20px;
		float: left;
		display: block;
		width: 120px;
		text-transform: uppercase;
		text-align: center;
		text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
		border-radius: 3px 3px 0 0;
		box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
	}
	
	.tabs label:after {
		content: '';
		background: #fafafa;
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		height: 2px;
		display: block;
	}
	
	.tabs input:hover + label {
		background: #eeeeeb;
	}
	
	.tabs label:first-of-type {
		z-index: 4;
		box-shadow: 2px 0 2px rgba(0,0,0,0.1);
	}
	
	.tab-label-2 {
		z-index: 3;
	}
	
	.tab-label-3 {
		z-index: 2;
	}
	
	.tab-label-4 {
		z-index: 1;
	}
	
	.tabs input:checked + label {
		background: #fafafa;
		z-index: 6;
	}
	
	.clear-shadow {
		clear: both;
	}
	
	.tabs input.tab-selector-1:checked ~ .about .about-1,
	.tabs input.tab-selector-2:checked ~ .about .about-2,
	.tabs input.tab-selector-3:checked ~ .about .about-3,
	.tabs input.tab-selector-4:checked ~ .about .about-4 {
		z-index: 100;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	
		-webkit-transition: opacity ease-out 0.2s 0.1s;
		-moz-transition: opacity ease-out 0.2s 0.1s;
		-o-transition: opacity ease-out 0.2s 0.1s;
		-ms-transition: opacity ease-out 0.2s 0.1s;
		transition: opacity ease-out 0.2s 0.1s;
	}
	
	.about-container img{
	width:36%;	
	float:left;
	}
	
	.aboutright{
	height:500px;
	padding-right:2%;
	float:right;
	overflow:auto;	
	width:57%;
	}
	
	.about-2 ul{
	margin-bottom:15px;	
	}
	
	.about-3 ul{
	float:right;
	width:45%;
	overflow:auto;
	height:500px;	
	}
	
	.about-3 ul li{
	margin-bottom:5px;
	font-size:12px;
	}
	
	.pressquotes{
	float:left;
	width:50%;
	height:auto;	
	}
	
	.about-3 blockquote{
	float:left;
	border-left:4px solid #b5abce;
	display:block;	
	font-size:12px;
	}
	
	.about-3 blockquote:nth-child(2){
	border-left:4px solid #dbd4ee;	
	margin-bottom:40px;	
	}

	.slice{
	width:100%;
	height:40px;
	margin-top:30px;
	background-image:url(../images/about1slice.jpg);
	}
	
	.about-2 .slice{
	background-image:url(../images/about2slice.jpg);	
	}
	
	.about-3 .slice{
	background-image:url(../images/about3slice.jpg);
	}
	
	/* Contact */
	
	.galleryinfo{
	margin-bottom:4%;
	}
	
	.galleryinfo:nth-of-type(3){
	margin-top:2%;
	padding-top:2%;
	border-top:1px dashed #a8ba92;	
	}
	
	.galleryinfo img{
	float:left;
	margin-right:4%;
	max-width:150px;
	}
	
	.galleryinfo h4{
	line-height:1;	
	}
	
	.galleryinfo i{
	display:block;
	margin-bottom:15px;
	font-size:12px;	
	}
	
	.galleryinfo a{
	display:block;
	}
	
	address{
	margin-bottom:7px;
	line-height:1;	
	}

	span{
	display:block;
	margin-bottom:7px;	
	}
	
	.contactimg{
	float:right;
	width:55%;
	}
	
	.contactleft{
	width:40%;	
	margin-right:5%;
	float:left;
	}
	
	.contactform{
	margin-top:10px;	
	}
	
	.contactform p{
	margin-bottom:10px;
	}
	
	form#subForm{
	width:100%;
	}
	
	form#subForm i{
	display:block;
	margin-bottom:10px;
	}
	
	form#subForm input{
	width:50%;	
	margin-bottom:2%;
	}
	
	form#subForm label{
	display:block;	
	}
	
	form#subForm input#emailsubmit{
	width:20%;
	margin-left:20px;
	background-color:#fafafa;
	border:1px solid #858b82;
	padding-top:3px;
	color:#858b82;
	}
	
	.contact .slice{
	background-image:url(../images/slice_opt_2.jpg);	
	}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* jQuery FlexSlider v2.0
 -------------------------------------------------------------------------------*/

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; max-height:655px;}
.flexslider .slides li{max-height:655px;}
.flexslider .slides li img{max-height:655px; width:auto; margin:0 auto;}
.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license 
-------------------------------------------------------------------------*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
	        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 10px;
}

.fancybox-next {
	right: 10px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(238, 238, 235, 1.0);
	background-color:#eeeeeb;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font-family: "omnes-pro",sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
	padding:4px 6px 6px 6px;
	background-color:#eeeeeb;
	color:#858b82;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 30px;
}

.fancybox-title-outside-wrap span{
font-weight:300;
font-size:10px;
font-variant:small-caps;
letter-spacing:1px;
display:inline-block;
}

.fancybox-title-outside-wrap i{
font-style:italic;	
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-device-width: 1024px) and (orientation : landscape){
.wrapper{
margin:0% auto;	
position:relative;
}

.flexslider{
width:76%;	
margin:0 12%;
}

ul.nav{
position:absolute;
top:30px;
right:30px;	
}
}

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

.pressquotes{
margin-bottom:-30px;	
}

}

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

h1{
font-size:40px;	
}

button#pauseplay{
float:none;
margin-top:1%;
}	

ul#nav, #header ul nav{
width:100%;
}

ul#nav li, #header ul#nav li{
width:16%;
padding:0 1.5%;
margin:0;
text-align:center;
font-size:12px;
}

/* News */
.postcontent{
float:none;
width:100%;	
}
	
/* Recent Works */	

h5.apples{
margin: 123px 0px -130 px 0px;	
}

/* About */
.aboutright{
height:500px;
float:none;
width:100%;
}

.about-container img{
display:none;	
}

.pressquotes blockquote:first-of-type{
display:none;
}

.pressquotes blockquote:nth-child(2){
margin-bottom:10px;	
}

.pressquotes, .about-3 ul{
float:none;
width:100%;
margin:0px;	
}

.about-3 ul{
height:340px;
margin-bottom:0;	
}

/* Contact */

.galleryinfo{
margin-bottom:4%;
}

.galleryinfo:nth-of-type(3){
margin-top:2%;
padding-top:2%;
border-top:1px dashed #a8ba92;	
}

.galleryinfo img{
float:left;
margin-right:4%;
max-width:150px;
}

.galleryinfo i{
display:block;
margin-bottom:15px;
font-size:12px;	
}

.galleryinfo a{
display:block;
}

address{
margin-bottom:10px;
line-height:1.25;	
}

span{
display:block;
margin-bottom:10px;	
}

.contactimg{
float:none;
width:80%;	
margin:4% 10%;
padding-bottom:2%;
border-bottom:1px dashed #a8ba92;	
}

.contactleft{
width:80%;	
margin:0 10%;
}

}

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

/* Recent Works */	

/* About */

.tabs{
display:none;	
}

.about640{
display:block;
}

.bio640, .exhibitions640, .press640{
background: #fafafa;
width: 92%;
padding:4%;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
margin-bottom:4%;
}

.bio640 .slice{
background-image:url(../images/about1slice.jpg);
}

.exhibitions640 .slice{
background-image:url(../images/about2slice.jpg);	
}

.press640 .slice{
background-image:url(../images/about3slice.jpg);
}

.biotop{
margin-bottom:4%;	
}

.biotop img{
float:left;
width:35%;
}

.biotop blockquote{
margin-left:40%;
font-size:12px;	
}

.exhibitions640 h3{
font-style:oblique;	
}

.exhibitions640 ul{
margin:0 0 20px 0;	
}

.exhibitions640 ul li{
margin:6px 0;	
font-size:12px;
}

.collections640 img{
float:left;
width:30%;	
}

.collections640 p{
margin-left:35%;
font-size:12px;	
}

.press640 ul{
margin:0 0 20px 0;	
}

.press640 ul li{
margin:6px 0;	
font-size:12px;
}

.press640 blockquote{
font-size:12px;	
}

}

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

/* Contact */

form#subForm input{
width:70%;	
margin-bottom:2%;
}
	
form#subForm label{
display:block;	
}

form#subForm input#emailsubmit{
width:25%;
margin-left:0px;
background-color:#fafafa;
border:1px solid #858b82;
padding-top:3px;
color:#858b82;
}

}

@media screen and (max-width: 500px){
h1{
font-size:36px;	
letter-spacing:5.5px;
text-align:center;
}

ul#nav li,#header ul#nav li {
float:none;
width:100%;
text-align:center;
font-size:14px;
border-left:none;
border-right:none; 
border-bottom:1px solid #bcbcbc;
padding:3% 0; 
}

ul#nav li:last-child, #header ul#nav li:last-child{
border-bottom:none;	
}

button#pauseplay{
width:100%;
padding:3% 0;
}	

/* News */
.post{
padding-bottom:8%;
}

/* Recent Works */	

ul.gallery-nav{
width:100%;
margin:15px 0%;	
}


ul.gallery-nav a{
margin:0;
}

ul.gallery-nav li{
width:45%;
margin-left:2.5%;
}


ul.ff-items li{

}

/* About */

.biotop img{
width:25%;
}

.biotop blockquote{
margin-left:30%;	
}

/* Contact */

.contactimg, .contactleft{
width:96%;	
margin:4% 2%;
}

}

@media screen and (max-width: 400px){
h1{
font-size:30px;
letter-spacing:4.5px;	
}

ul#nav li, #header ul#nav li{
text-align:center;
font-size:12px;
padding:4% 0; 
}

button#pauseplay{
padding:4% 0;
}	

/* News */
.post img{
float:none;
width:100%;
margin:0 0 4% 0;	
}

/* About */

.biotop img{
min-width:100px;
margin:0 5% 3% 0;
}

.biotop blockquote{
margin-left:0;	
border:none;
padding:0;
}


/* Contact */

.galleryinfo{
margin-bottom:8%;	
font-size:12px;	
}

.galleryinfo i{
margin-bottom:10px;
}

address{
margin-bottom:5px;
line-height:1;	
}

span{
margin-bottom:5px;	
}

.galleryinfo img{
max-width:100px;	
}

form#subForm{
width:100%;
}

form#subForm i{
display:block;
margin-bottom:10px;
}

form#subForm input{
width:100%;	
margin-bottom:2%;
}

form#subForm label{
display:block;	
}

form#subForm input#emailsubmit{
width:102%;
margin-left:0px;
background-color:#fafafa;
border:1px solid #858b82;
padding-top:3px;
color:#858b82;
}

}

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

/* Recent Works */	
ul.ff-items li{
float:none;
width:200px;
height:auto;	
margin-left:auto;
margin-right:auto;
}

ul.ff-items li a{
height:auto;	
}

h5{
font-weight:300;
text-transform:uppercase;
text-align:center;
font-size:14px;	
margin:4px 0 6px 0;
}

h5.apples{
margin: 123px 0px -130 px 0px;	
}

h5.aftertherain{
margin: 7px 0px -20px 0px;	
}

h5.martini{
margin:	7px 0px 12px 0px;	
}
	

}