/* @override 
	http://test.eyedea.eu/studio/wp-content/themes/eyedea2016/style.css */

/*
Theme Name:   eyedea studio
Version:      2.0
Author:       erika balode / prisca schmarsow
Author URI:   http://eyedea.eu   
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html { 
	height: 100%; 
}

body {
	display: block;
	min-height: 100%;
	background: #f5f5f5 url(images/bg3.png) repeat left top;
	font-family: Vollkorn, Georgia, Times, serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-size: 1.08em;
	line-height: 1.36;
	color: #152D2C;
}

#tb, #lb, #rb, #bb {
	position: fixed;
	background-color: #E08530;
	display: block;
	border: 3px solid #E08530;
	z-index: 1000;
}

.case-study-single #tb, .case-study-single  #lb, .case-study-single  #rb, .case-study-single  #bb {
	display: none;
}

#tb {
	height: 0;
	left: 0;
	right: 0;
	top: 0;
	border-width: 3px;
	-moz-border-image:    url(images/col-border-highlight-top.png) 4 stretch ;
	-webkit-border-image: url(images/col-border-highlight-top.png) 4 stretch ;
	-o-border-image:      url(images/col-border-highlight-top.png) 4 stretch ;
	border-image:         url(images/col-border-highlight-top.png) 4 stretch ;
}
#bb {
	height: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-width: 3px;
	-moz-border-image:    url(images/col-border-highlight-bottom.png) 4 stretch ;
	-webkit-border-image: url(images/col-border-highlight-bottom.png) 4 stretch ;
	-o-border-image:      url(images/col-border-highlight-bottom.png) 4 stretch ;
	border-image:         url(images/col-border-highlight-bottom.png) 4 stretch ;
}
#lb {
	width: 0;
	left: 0;
	bottom: 0;
	top: 0;
	border-width: 3px;
	-moz-border-image:    url(images/col-border-highlight-left.png) 4 stretch ;
	-webkit-border-image: url(images/col-border-highlight-left.png) 4 stretch ;
	-o-border-image:      url(images/col-border-highlight-left.png) 4 stretch ;
	border-image:         url(images/col-border-highlight-left.png) 4 stretch ;
}
#rb {
	width: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-width: 3px;
	-moz-border-image:    url(images/col-border-highlight-right.png) 4 stretch ;
	-webkit-border-image: url(images/col-border-highlight-right.png) 4 stretch ;
	-o-border-image:      url(images/col-border-highlight-right.png) 4 stretch ;
	border-image:         url(images/col-border-highlight-right.png) 4 stretch ;
}

ol, ul {
	list-style: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul {
	list-style: disc;
}

ul li {
	margin: 0 0 .3em 0;
}

div, li, p, strong, a {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:link, a:visited {
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;  
	transition: all .2s ease-in-out;
	color: #33979F;
}
a:hover, a:active, a:focus {
	color: #F68C24;
}


h1 {
	font-size: 2.6em;
}
article h1 + p, article cite + blockquote {
	font-size: 1.16em;
}
h2 {
	font-size: 2.2em;	
}
h3 {
	font-size: 2em;	
}

p {
	margin: 0 0 1.26em 0;
}
em {
	font-style: italic;
}
abbr {
	border-bottom: 1px dashed #152D2C;
	cursor: help;
}

#tooltip {
	font-family: inherit;
	font-size: 0.9em;
	text-align: center;
	color: #009EA6;
	background: #cbeeee;
	background: rgba(202,239,239,.96);
	position: absolute;
	z-index: 100;
	padding: .2em .46em;
	/*pointer-events: none;*/
}
#tooltip:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #cbeeee;
	border-top: 10px solid rgba(202,239,239,.96);
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}

#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #333;
	border-bottom-color: rgba( 0, 0, 0, .6 );
	top: -20px;
	bottom: auto;
}
#tooltip.left:after {
	left: 10px;
	margin: 0;
}
#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}

img, img.alignright {
	width: 100%;
	height: auto;
	margin: .6em auto;
}
img.alignright {
	display: block;
	width: auto;
	margin: 0 auto;	
}
img.alignnone {
	margin: 0;
}

/* =========================================
HEADER / logo
========================================= */
header {
	padding: 1.2em 0 .6em 0;
	position: relative;
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;  
	transition: all .2s ease-in-out;
	font-size: 2em;
	line-height: 1.2;
	text-align: center;
}
header div {
	padding: 0;
	border: 0;
}
header a, header h1, header em, header span {
	transition: .4s;
	padding: 0;
}
header h1 {	
	padding: .26em 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	font-size: 1.3em;
	line-height: .6;	
}
header a:link h1, header a:visited h1 {
	color: #E88421;	
}

header a:hover h1, header a:active h1, header a:focus h1 {
	color: #349BA3;	
}

header em, header a:link h1 em {
	display: block;
	margin: .16em 0 0 0;
	font-size: .46em;
	line-height: 1;
	color: #009EA6;
	font-style: normal;
}
header a:hover h1 em, header a:active h1 em, header a:focus h1 em {
	color: #F77E00;	
}

header strong {
	display: block;
	margin: -.16em 0 0 0;
	font-size: 1.36em;
	letter-spacing: -.06em;
}
header h1 strong span {
	height: 0;
	color: #349BA3;
}
header h1 strong span.dot {
	color: #E88421;
}
header a:hover strong span {
	color: #E88421;
}
header a:hover strong span.dot {
	color: #349BA3;
}

/* =========================================
NAV
========================================= */
nav {
	margin: 0;
	overflow: hidden;
	font-variant: small-caps;
	font-size: .72em;
	line-height: .8;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;  
	transition: all .2s ease-in-out;
}
nav ul li {
	display: inline-block;
}
nav ul li a {
	padding: 0 .36em;
	margin: 0 .16em;	
	display: inline-block;
	height: 2em;
	width: auto;
	position: relative;
}
nav ul li a:link {
	display: block;
	color: #489BA2;
}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	color: #E08530;
}
header div nav ul li a em {
	display: block;
	padding: 0 .2em;
	margin: .16em 0;
	border-top: 1px solid transparent;
	text-align: center;
	font-variant: normal;
	font-size: .7em;
	line-height: 1.46;
	text-indent: 0;
	color: #E08530;
}
nav ul li a:hover em, nav ul li a:active em, nav ul li a:focus em{
	color: #489BA2;
}
/* current highlighting */
.work nav ul li:first-of-type a em {
	border-top: 1px solid #489BA2;
}
.services nav ul li:nth-of-type(2) a em {
	border-top: 1px solid #489BA2;
}
.contact nav ul li:last-of-type a em {
	border-top: 1px solid #489BA2;
}


/* =========================================
DIV
========================================= */

/* ----------------------------------------- ??????????????????? --- */
div.wrap {
	clear: both;
	position: relative;
	padding: 2em;
	border-bottom: 2px solid #fff;
}

div.wrap div, div.int {
	border: 0;
	clear:none;
}

article {
	max-width: 32em;
}

article h1 {
	margin: 0 0 .5em 0;
	font-size: 1.76em;
	color: #52A0A6;
}
article h2 {
	font-size: 1.56em;
	color: #42C2C7;	
}
article h3 {
	font-size: 1.36em;
	color: #3BADB5;	
}

/* =========================================
FOOTER
========================================= */
footer {
	padding: 3em 2em 2em 2em;
	max-width: 37em;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	position: relative;
	font-size: .86em;
	text-align: left;
}

footer a.b2t:hover, footer a.b2t:active, footer a.b2t:focus {
	background: #E88421;
	color: #fff;
}
footer .studio-info {
	padding: 0;
	border: 0;
	position: relative;
	overflow: hidden;
}
footer ul {
	list-style: none;
	margin: 0 0 1em 0;
}
footer div.studio-info p {
	margin: .8em 0;
}
/* downlaod link */
footer li.dl-link a:before {
	content: ' \2193';
	font-size: 1.046em;
	line-height: .9;
	margin-right: .36em;	
}
footer li.dl-link a em {
	font-style: normal;
	padding: 0 0 0 .5em;
	color: #152d2c;
}
/* current page styling */
.planner footer li.plan-link a, .map footer li.map-link a, .legal footer li.legal-link a {
	font-size: 1.046em;
	line-height: .9;
	color: #026466;
}
footer li.plan-link a:after {
	content: ' \2192';
	font-size: 1.046em;
	line-height: .9;	
	margin-left: .16em;
}

.planner footer li.plan-link a:before, .map footer li.map-link a:before, .legal footer li.legal-link a:before {
	content: '\2714  ';
}
.planner footer li.plan-link a:after {
	content: ' ';
}
/* back to top link */
a.b2t {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 1em;
	height: 1em;
	padding: .6em;
	float: right;
	position: relative;
	color: #02C9D0;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}
.work-single a.b2t, .case-study-single a.b2t {
	margin-top: -2em;
}

/* =========================================
HOMEPAGE
========================================= */
.home article h1 {
	font-size: 1.4em;
	line-height: 1.4;
	font-style: italic;
}
.home article h2 {
	font-size: 1.6em;
	line-height: 1.7;
}
/*.home article {
	overflow: hidden;
}*/

/* featured work */
.feat {
	overflow: hidden;
}
.feat a {
	display: block;
	height: auto;
	padding: 0;
}
.feat a:hover {
	-webkit-transform: scale(.66);  
	-moz-transform: scale(.66);   
	-ms-transform: scale(.66);  
	-o-transform: scale(.66);  	        
	transform: scale(.66);
}

.feat a.home-feat3 {
	width: 50%;
	height: auto;
	float: left;
}
.feat a.home-feat4 {
	width: 43%;
	height: auto;
	float: right;
}

.feat a.home-feat1 img, .feat a.home-feat2 img, .feat a.home-feat3 img, .feat a.home-feat4 img {
	display: block;
	width: 100%;
	height: auto;
}
/*.feat a img {
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;  
	transition: all .2s ease-in-out;
}*/
/* client links */
.home section {
	margin: 4em 0;
	overflow: hidden;
}
.home.not-found section {
	margin: 1.26em 0;
}
.clientlink h3, a.questlink h3 {
	font-size: 1.6em;
	margin: 0 0 .36em 0;
}
.clientlink h3 {
	text-indent: 28%;
}
a.questlink {
	margin: 0 0 2em 0;
}
.clientlink p, a.questlink p {
	margin: 1.42em 0 0 0;
	color: #152D2C;
}
.clientlink {
	background-image: url(images/homepage-link-client.png);
	background: none, url(images/homepage-link-client-opt.svg);
	background-position: top left;
	background-size: 26%;
}
a.questlink {
	background-image: url(images/homepage-link-planner.png);
	background: none, url(images/homepage-link-planner-opt.svg);
	background-position: top right;
	background-size: 16%;
}
.clientlink, a.questlink {
	display: block;
	background-repeat: no-repeat;	
	padding: 0.2em 0 0 0;
}
.clientlink, a.questlink {
	-webkit-transition: all .4s ease-out;  
	-moz-transition: all .4s ease-out;  
	-o-transition: all .4s ease-out;  
	transition: all .4s ease-out;
}
a.questlink em {
	color: #ED8D33;	
}
a.questlink:hover, a.questlink:active, a.questlink:focus  {
	cursor: pointer;
}
a.questlink:hover h3, a.questlink:active h3, a.questlink:focus h3 {
	color: #ED8D33;
}
a.questlink:hover p, a.questlink:active p, a.questlink:focus p {
	color: #349BA3;
}

/* client links - login form */
.clientlink form {
	margin: .46em 0 2em 0;
}
.clientlink form  label {
	font-style: italic;
	line-height: 1.1;
	padding: 0;
}
.clientlink form input {
	width: 70%;
	height: 1.8em;	
	float: left;
	margin: .2em 5% 0 0;
	border-color: #33979F;
	border-width: 1px;
	-moz-border-image:    url(images/col-border-teal.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-teal.png) 2 stretch ;
	-o-border-image:      url(images/col-border-teal.png) 2 stretch ;
	border-image:         url(images/col-border-teal.png) 2 stretch ;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	color: #F77E00;
}
.clientlink form input:hover, .clientlink form input:active, .clientlink form input:focus {
	outline: none;
	background-color: #fff;
	background-color: rgba(255,255,255,.6);
	-moz-border-image:    url(images/col-border-orange.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-orange.png) 2 stretch ;
	-o-border-image:      url(images/col-border-orange.png) 2 stretch ;
	border-image:         url(images/col-border-orange.png) 2 stretch ;
	color: #008A94;
}
.clientlink form input[type=submit] {
	max-width: 40px;
	width: 40px;
	height: 40px;
	margin: 0;
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 20px;
	border: 2px solid #009EA6;
	padding: 6px 4px 0 0;
	font-size: 1.6em;
}
.clientlink form input[type=submit]:hover, .clientlink form input[type=submit]:active, .clientlink form input[type=submit]:focus { 
	border-color: #F77E00;
}

/* =========================================
SITEMAP
========================================= */
article dl dt {
	font-size: 1.3em;
	line-height: 1;
}
article dl dt:before {
	content: ' \2022 ';
	float: left;
	margin: 0 0 0 -.5em;
	font-size: 2em;
	line-height: .5;
	color: #489BA2;
}
article dl dt:first-of-type:before, article dl dt:last-of-type:before {
	color: #46CDD2;
}
article dl dt:last-of-type {
	font-size: .96em;
}
article dl dt:last-of-type:before {
	font-size: 2.7em;
	line-height: .4;
}

article dl dd {
	margin: 0 0 1em 0;
	font-size: 1em;
	font-style: italic;
}
article dl dd ul {
	margin: .5em 0 0 2em;
	font-size: .9em;
	color: #E08530;
}
article dl dd ul li {
	margin: 0;
}

/* =========================================
LEGAL
========================================= */
a.opt-out:link {
	display: block;
	padding: .36em;
	background: #E3F4F4;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid #33979F;
	border-width: 4px;
	-moz-border-image:    url(images/col-border-teal.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-teal.png) 2 stretch ;
	-o-border-image:      url(images/col-border-teal.png) 2 stretch ;
	border-image:         url(images/col-border-teal.png) 2 stretch ;
	font-size: 1.16em;
	text-align: center;
	color: #489BA2;
}
a.opt-out:hover, a.opt-out:active, a.opt-out:focus {
	background: #F68C24;
	border-color: #33979F;
	border-width: 4px;
	-moz-border-image:    url(images/col-border-orange.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-orange.png) 2 stretch ;
	-o-border-image:      url(images/col-border-orange.png) 2 stretch ;
	border-image:         url(images/col-border-orange.png) 2 stretch ;
	color: #fff;
}


/* =========================================
WORK SECTION
========================================= */
.work header {
	/*background: #DF772E;*/
}

.work-single header div, .case-study-single header div {
	padding: 0;
	border: 0;
}
h1 + p, cite + blockquote {
	font-size: 1.2em;
}
.work p {
	margin: 0;
}
.work h1 + p {
	margin: 0 0 2.6em 0;
}

.work img {
	margin-bottom: .6em;
}

/* ----------------------------------------- ??????????????????? --- */
.work-single div.wrap, .work-single div.wrap > div,
.case-study-single div.wrap, .case-study-single div.wrap > div {
	padding: 0 2em;
}

p.worklink {
	margin-bottom: 4.6em;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	position: relative;
}

p.worklink span {
	display: inline-block;
	opacity: .76;
	font-size: .9em;
	font-style: italic;
}
p.worklink span span {
	position: relative;
	top: 0;
}
p.worklink a {
	width: 6em;
	clear: none;
	display: block;
	float: right;
	font-size: .8em;
	line-height: 1.2;
	margin: .4em 0 0 0;
	padding: 0 1.7em 0 0;
	background-position: center right;
	text-align: right;
}
p.worklink a.view, p.worklink a.study {
	background-position: center right;
}

/* pagination */
.pagination {
	padding: 0;
}
.pagination em {
	margin: 0 1em 0 0;
}
.pagination a em {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
}

/* =========================================
WORK SECTION ~ CASE STUDY - common link elements
========================================= */
.intro p.view span {
	font-style: normal;
}
.navlinks {
	background: rgba(255,255,255,.6);
}
.intro .navlinks strong {
	margin: 0 .2em;
	position: relative;
	top: .2em;
	font-size: 1.8em;
	line-height: 0;
	font-weight: bold;
}
.work-single .navlinks, .work-single.screenshots .navlinks, .case-study-single .navlinks, .case-study-single.screenshots .navlinks {
	padding: 0 2em;
	margin: 0 -2em;
}
.screenshots .intro .navlinks ul li:first-child a {
	padding: 0;
	font-weight: 600;
}
a {
	padding: .4em;
	color: inherit;
}
ul.navlink {
	overflow: hidden;
	list-style: none;
}
ul.navlink li {
	margin: 0;
	width: 50%;
	float: left;
	font-size: .9em;
	line-height: 1.8;
	padding: 0;
	text-align: left;
	font-style: italic;
}

ul.navlink li.prev {
	text-align: left;
	font-style: normal;
}
ul.navlink li.next {
	float: right;
	text-align: right;
	font-style: normal;
}
ul.navlink li.site {
	font-style: normal;
	float: right;
}
ul.navlink li.site a {
	float: right;
	
}
ul.navlink li a {
	padding: 0;
	margin: 0 .16em;	
	display: inline-block;
	width: auto;
	position: relative;
	color: inherit;
}
li.site a.view, li.casestudy a.view {
	padding: 0 1.8em 0 0;
}
a.back {
	padding: 0;
}

/* =========================================
WORK SECTION ~ CASE STUDY
========================================= */
.intro, .testimonial {
	margin: 0 -2em 0 -2em ;
	overflow: hidden;
}
.intro {
	margin: 0 -2em 2em -2em ;
}
.intro h1 {
	font-size: 1.36em;
}
.intro h2 {
	font-size: 1em;
	font-style: italic;
	margin-bottom: 1em;
	opacity: .8;
}
.intro p {
	font-size: 1em;
	margin: 0 0 1em 0;
	overflow: hidden;
}
.intro img {
	width: 100%;
	height: auto;
	margin: 0 0 1em 0;
	float: none;
}
.testimonial {
	padding: 2em;
	margin-top: 5em;
}
blockquote {
	max-width: 32em;
	margin: .36em auto;
	color: #666;
}
blockquote:before {
	content: ' \201C ';
	float: left;
	margin: 0 0 0 -.6em;
	font-size: 2em;
	line-height: 1;
	color: #ccc;
}
cite {
	display: block;
	font-style: italic;
	text-align: right;
	line-height: 2;
}

/* --- work section - general --- */
.case-study-single {
	background: #fff;
}
body.work section h2 a {
	display: block;
	padding: 0;
}
.work-single div.wrap, .case-study-single div.wrap {
    padding: 0;
}

.work-single div.wrap > div, .case-study-single div.wrap > div,
.work-single div.intro, .work-single div.navlinks {
	padding: 0 2em;
}


.work-single > div h1 {
	color: #52A0A6;
}

/* --- work section - new setup - single post - show/hide case study via CSS - if works after tests --- */
div.case-study {
	padding: 0;
	margin: 0 0 0 0;
	display: none;
	visibility: hidden;	
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.work-single article p.case {
	position: relative;
	padding-left: 4em;
}
.work-single article {
    margin-bottom: 3em;
    position: relative;
    *zoom: 1;
}
.work-single article strong {
	font-weight: bold;
}
.work-single article:before, .work-single article:after {
    content: "";
    display: table;
}
.work-single article:after { 
	clear: both 
}
.work-single article input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    display: block;
    height: 1px;
    width: 1px;
    position: absolute;
    z-index: 1;
}

[for="view"] {
	display: block;
	padding: 0 30px 0 0;
	margin: 1em 0;
	z-index: 2;
	background: url(images/view-caseStudy-icon-default.png) no-repeat;
	background-position: 7.2em center;
}

[for="view"]:hover {
    cursor: pointer;
}

[for="view"] span:last-of-type {
    display: none;
    visibility: hidden;
}

.work-single article input[type=checkbox]:checked ~ .case-study {
    display: block;
    visibility: visible;
    width: 100%;
}

.work-single article input[type=checkbox]:checked ~ .case-study { width: 100% }

.work-single article input[type=checkbox]:checked ~ [for="view"] span:first-of-type {
    display: none;
    visibility: hidden;
}

.work-single article input[type=checkbox]:checked ~ [for="view"] span:last-of-type {
    display: block;
    visibility: visible;
}


/* ---------------------------------------
WORK SECTION ~ CASE STUDY	AMRON ASSOCIATES
--------------------------------------- */ 
#amron-associates #tb, #amron-associates #lb, #amron-associates #rb, #amron-associates #bb
 {
	display: none;
}
#amron-associates {
	border-top: 12px solid #2c4a52;
	border-bottom: 4px solid #6a96a5;
}

/* @group AMRON ASSOCIATES */

#amron-associates header {
	border-top: 4px solid #6a96a5;
	
}
#amron-associates nav ul li:first-of-type a em {
	border-top: 1px solid #246c81;
}
#amron-associates .intro h1, #amron-associates h2 {
	font-family: "Fira Sans", Helvetica, Calibri, sans-serif;
}
#amron-associates .intro h1, #amron-associates h2, section.amron-associates a {

	color: #246c81;
}
section.amron-associates a:hover, section.amron-associates a.tooltip:hover::before  {

	color: #eb008b;
}
section.amron-associates a.view {
	background: url(images/view-icon-pink-amron.png) no-repeat center right;
	color: #eb008b;
}
section.amron-associates a.view:hover, section.amron-associates a.view:active, section.amron-associates a.view:focus {
	color: #246c81;
}
#amron-associates .intro, #amron-associates article {
	font-family: "Fira Sans", Helvetica, Calibri, sans-serif
}

#amron-associates .intro h1, #amron-associates h2 {
	font-family: "Fira Sans", Helvetica, Calibri, sans-serif;
	
}
#amron-associates .intro h1, #amron-associates h2, section.amron-associates a {
	color: #246c81;
}
section.amron-associates a:hover, section.amron-associates a.tooltip:hover::before  {
	color: #eb008b;
}
#amron-associates a.view {

	background: url(images/view-icon-white.png) no-repeat center right;
}

#amron-associates .intro, #amron-associates article {
	font-family: "Fira Sans", Helvetica, Calibri, sans-serif
}

#amron-associates nav ul li:first-of-type a em {
	border-top: 1px solid #eb008b;
}
#amron-associates a {	
	color: #eb008b;
}
#amron-associates a:hover, #amron-associates a:active, #amron-associates a:focus {
	color: #246c81;	
}
/* work page - header */
#amron-associates header a:link h1, #amron-associates header a:visited h1 {
	color: #246c81;	
}
#amron-associates header a:hover h1, #amron-associates header a:active h1, #amron-associates header a:focus h1 {
	color: #eb008b;	
}
#amron-associates a {
	color: #eb008b;	
}
#amron-associates a:hover, #amron-associates a:active, #amron-associates a:focus {
	color: #246c81;
}
#amron-associates header a:link h1 em, #amron-associates header em {
	color: #eb008b;
}
#amron-associates header a:hover h1 em {
	color: #246c81;
}
#amron-associates header strong span {
	color: #246c81;
}
#amron-associates header strong span.dot {
	color:#eb008b;
}
#amron-associates header a:hover strong span {
	color: #246c81;
}
#amron-associates header a:hover strong span:first-of-type, #amron-associates header a:hover strong span:last-of-type {
	color: #eb008b;
}
#amron-associates nav ul li a:link, #amron-associates nav ul li a:visited {
	color: #246c81;
}
#amron-associates nav ul li a:hover, #amron-associates nav ul li a:active, #amron-associates nav ul li a:focus {
	color: #eb008b;
}
#amron-associates nav ul li a em {
	color: #eb008b;
}
#amron-associates nav ul li a:hover em, #amron-associates nav ul li a:active em, #amron-associates nav ul li a:focus em {
	color: #246c81;
}
/* navlink, colour */
#amron-associates .navlinks {
	border-bottom: 6px solid #6a96a5;
	background: none;
}
#amron-associates .intro .navlinks {
	border: 0;
	background: #eb008b;
	color: #fff;
	
}
#amron-associates .intro ul.navlink li.date {
	opacity: 1;
	font-weight: bold;
}

#amron-associates .intro ul.navlink a {
	color: #fff;
}


#amron-associates .navlinks a {
	color: #eb008b;
	font-weight: 700;
}
#amron-associates .navlinks a:hover, #amron-associates .navlinks a:active, #amron-associates .navlinks a:focus {
	color: #246c81;	
}

#amron-associates form.searchbox input {
		color: #246c81;
}
#amron-associates form.searchbox input:hover, #amron-associates form.searchbox input:active, #amron-associates  form.searchbox input:focus {
	width: 80%;
	max-width: 80%;
	outline: none;
	background-color: #fff;
	border-bottom: 1px solid #eb008b;
	color: #246c81;
}
#amron-associates form.searchbox input[type=submit] {
	max-width: 40px;
	width: 40px;
	height: 40px;
	margin: 0;
	background: url(images/search-icon.png) no-repeat left top;
	background-position: 6px;	
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 20px;
	border: 2px solid #eb008b;
	padding: 2px;
	font-size: 1.2em;
	text-indent: 24px;	
	text-indent: -9999px;
}
#amron-associates form.searchbox input[type=submit]:hover, #amron-associates form.searchbox input[type=submit]:active, #amron-associates form.searchbox input[type=submit]:focus { 
	/*border-color: #F77E00;*/
}
/* ---------------------------------------
WORK SECTION ~ CASE STUDY	Dancing Man Brewery
--------------------------------------- */ 
#dancing-man-brewery #tb, #dancing-man-brewery #lb, #dancing-man-brewery #rb, #dancing-man-brewery #bb {
	display: none;
}
#dancing-man-brewery {
	border-top: 8px solid #7891A0;
	border-bottom: 16px solid #801A10;
}
#dancing-man-brewery .wrap {
	font-family: Rambla, Calibri, Candara, Segoe, Optima, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4;
}
#dancing-man-brewery .intro h1 {
	font-family: Inika, Georgia, Times, serif;
	font-weight: 700;
	color: #801A10;
}
#dancing-man-brewery .intro h1, #dancing-man-brewery h2, section.dancing-man-brewery h2 a, section p.worklink a {
	color: #801A10;	
}

/* work page - header */
#dancing-man-brewery .intro {
	background: url(images/work/dmb/stone-nearWhite.jpg);
}		
	
#dancing-man-brewery header a:link h1, #dancing-man-brewery header a:visited h1 {
	color: #7891A0;	
}
#dancing-man-brewery header a:hover h1, #dancing-man-brewery header a:active h1, #dancing-man-brewery header a:focus h1 {
	color: #801A10;	
}
#dancing-man-brewery a {
	color: #801A10;	
}
#dancing-man-brewery a:hover, #dancing-man-brewery a:active, #dancing-man-brewery a:focus {
	color: #7891A0;
}
#dancing-man-brewery header a:link h1 em, #dancing-man-brewery header em {
	color: #801A10;
}
#dancing-man-brewery header a:hover h1 em {
	color: #7891A0;
}
#dancing-man-brewery header strong span {
	color: #801A10;
}
#dancing-man-brewery header strong span.dot {
	color:#7891A0;
}
#dancing-man-brewery header a:hover strong span {
	color: #801A10;
}
#dancing-man-brewery header a:hover strong span:first-of-type, #dancing-man-brewery header a:hover strong span:last-of-type {
	color: #7891A0;
}
#dancing-man-brewery nav ul li a:link, #dancing-man-brewery nav ul li a:visited {
	color: #801A10;
}
#dancing-man-brewery nav ul li a:hover, #dancing-man-brewery nav ul li a:active, #dancing-man-brewery nav ul li a:focus {
	color: #7891A0;
}
#dancing-man-brewery nav ul li a em {
	color: #7891A0;
}
#dancing-man-brewery nav ul li:first-of-type a em {
	border-top: 1px solid #801A10;
}
/* strip: date/ view site */
#dancing-man-brewery .navlinks {
	background: url(images/work/dmb/stone-light.jpg);
}

#dancing-man-brewery article p {
	font-size: .9em;
	font-weight: 300;
	line-height: 1.46;
	margin-bottom: 1.6em;
	color: #151C1C;
}

/* view site link */
section.dancing-man-brewery a.view, #dancing-man-brewery a.view {
	background: url(images/view-icon-red-wti.png) no-repeat center right;
}


/* ---------------------------------------
WORK SECTION ~ CASE STUDY	SUGARFLICK
--------------------------------------- */ 
#sugarflick #tb, #sugarflick #lb, #sugarflick #rb, #sugarflick #bb {
	display: none;
}
#sugarflick {
	border-top: 8px solid #000;
	border-bottom: 16px solid #FF7F00;
}
#sugarflick .intro h1 {
	font-weight: bold;
	text-transform: uppercase;
}
#sugarflick .intro h1, #sugarflick h2, section.sugarflick h2 a, section.sugarflick p.worklink a {
	color: #FF7F00;	
}
section.sugarflick h2 a {
	text-transform: uppercase;
}
section.sugarflick p.worklink a:hover, section.sugarflick p.worklink a.tooltip:hover::before, section.sugarflick h2 a:hover, section.sugarflick h2 a:active, section.sugarflick h2 a:focus {
	color: #000;
}
section.sugarflick a.view, #sugarflick a.view {
	background: url(images/view-icon-orange-sfs.png) no-repeat center right;
}
section.sugarflick a.study {
	background: url(images/view-caseStudy-icon-orange-sfs.png) no-repeat center right;
}
#sugarflick nav ul li:first-of-type a em {
	border-top: 1px solid #FF7F00;
}
#sugarflick .intro, #sugarflick article {
	font-family: Scada, 'Century Gothic', 'Lucida Grande', sans-serif;
}
#sugarflick .intro h1, #sugarflick h2, section.ondon-rebuilding-society h2 a, section.ondon-rebuilding-society p.worklink a {
	color: #FF762F;
}
#sugarflick .intro h1, #sugarflick h2 {
	color: #FF7F00;
}
#sugarflick nav ul li:first-of-type a em {
	border-top: 1px solid #878585;
}
#sugarflick .intro, #sugarflick article {
	font-family: Calibri, HelveticaNeue, Candara, Segoe, Optima,  Arial, sans-serif;
}
/* work page - header */
#sugarflick header a:link h1, #sugarflick header a:visited h1 {
	color: #000;	
}
#sugarflick header a:hover h1, #sugarflick header a:active h1, #sugarflick header a:focus h1 {
	color: #FF7F00;	
}
#sugarflick a {
	color: #FF7F00;	
}
#sugarflick a:hover, #sugarflick a:active, #sugarflick a:focus {
	color: #000;
}
#sugarflick header a:link h1 em, #sugarflick header em {
	color: #FF7F00;
}
#sugarflick header a:hover h1 em {
	color: #000;
}
#sugarflick header strong span {
	color: #FF7F00;
}
#sugarflick header strong span.dot {
	color:#000;
}
#sugarflick header a:hover strong span {
	color: #FF7F00;
}
#sugarflick header a:hover strong span:first-of-type, #sugarflick header a:hover strong span:last-of-type {
	color: #000;
}
#sugarflick nav ul li a:link, #sugarflick nav ul li a:visited {
	color: #FF7F00;
}
#sugarflick nav ul li a:hover, #sugarflick nav ul li a:active, #sugarflick nav ul li a:focus {
	color: #000;
}
#sugarflick nav ul li a em {
	color: #000;
}
#sugarflick nav ul li a:hover em, #sugarflick nav ul li a:active em, #sugarflick nav ul li a:focus em {
	color: #FF7F00;
}
/* navlink, colour */
#sugarflick .navlinks {
/*	border-bottom: 3px solid #E7B900;*/
}
#sugarflick .intro .navlinks {
	border: 0;
}
#sugarflick .navlinks a {
	color: #FF7F00;
}
#sugarflick .navlinks a:hover, #sugarflick .navlinks a:active, #sugarflick .navlinks a:focus {
	color: #000;	
}

/* ---------------------------------------
WORK SECTION ~ CASE STUDY	LONDON REBUILDING SOCIETY
--------------------------------------- */ 
#london-rebuilding-society #tb, #london-rebuilding-society #lb, #london-rebuilding-society #rb, #london-rebuilding-society #bb {
	display: none;
}
#london-rebuilding-society {
	border-top: 8px solid #0094AA;
	border-bottom: 8px solid #0094AA;
}
#london-rebuilding-society .intro h1 {
	font-weight: bold;
}
#london-rebuilding-society .intro h1, #london-rebuilding-society h2, section.london-rebuilding-society h2 a, section.london-rebuilding-society p.worklink a {
	color: #8459AA;
}
section.london-rebuilding-society p.worklink a:hover, section.london-rebuilding-society p.worklink a.tooltip:hover::before, section.london-rebuilding-society h2 a:hover, section.london-rebuilding-society h2 a:active, section.london-rebuilding-society h2 a:focus {
	color: #8459AA;
}
section.london-rebuilding-society a.view, #london-rebuilding-society a.view {
	background: url(images/view-icon-purple-lrs.png) no-repeat center right;
}
section.london-rebuilding-society a.study {
	background: url(images/view-caseStudy-icon-purple-lrs.png) no-repeat center right;
}
#london-rebuilding-society nav ul li:first-of-type a em {
	border-top: 1px solid #0094AA;
}
#london-rebuilding-society .intro, #london-rebuilding-society article {
	font-family: Calibri, HelveticaNeue, Candara, Segoe, Optima,  Arial, sans-serif;
}
#london-rebuilding-society .intro h1, #london-rebuilding-society h2, section.ondon-rebuilding-society h2 a, section.ondon-rebuilding-society p.worklink a {
	color: #FF762F;
}
#london-rebuilding-society .intro h1, #london-rebuilding-society h2 {
	color: #8459AA;
}
#london-rebuilding-society nav ul li:first-of-type a em {
	border-top: 1px solid #878585;
}
#london-rebuilding-society .intro, #london-rebuilding-society article {
	font-family: Calibri, HelveticaNeue, Candara, Segoe, Optima,  Arial, sans-serif;
}
/* work page - header */
#london-rebuilding-society header a:link h1, #london-rebuilding-society header a:visited h1 {
	color: #0094AA;	
}
#london-rebuilding-society header a:hover h1, #london-rebuilding-society header a:active h1, #london-rebuilding-society header a:focus h1 {
	color: #878585;	
}
#london-rebuilding-society a {
	color: #0094AA;	
}
#london-rebuilding-society a:hover, #london-rebuilding-society a:active, #london-rebuilding-society a:focus {
	color: #878585;
}
#london-rebuilding-society header a:link h1 em, #london-rebuilding-society header em {
	color: #878585;
}
#london-rebuilding-society header a:hover h1 em {
	color: #0094AA;
}
#london-rebuilding-society header strong span {
	color: #878585;
}
#london-rebuilding-society header strong span.dot {
	color:#0094AA;
}
#london-rebuilding-society header a:hover strong span {
	color: #878585;
}
#london-rebuilding-society header a:hover strong span:first-of-type, #london-rebuilding-society header a:hover strong span:last-of-type {
	color: #0094AA;
}
#london-rebuilding-society nav ul li a:link, #london-rebuilding-society nav ul li a:visited {
	color: #878585;
}
#london-rebuilding-society nav ul li a:hover, #london-rebuilding-society nav ul li a:active, #london-rebuilding-society nav ul li a:focus {
	color: #0094AA;
}
#london-rebuilding-society nav ul li a em {
	color: #0094AA;
}
#london-rebuilding-society nav ul li a:hover em, #london-rebuilding-society nav ul li a:active em, #london-rebuilding-society nav ul li a:focus em {
	color: #878585;
}
/* navlink, colour */
#london-rebuilding-society .navlinks {
/*	border-bottom: 3px solid #E7B900;*/
}
#london-rebuilding-society .intro .navlinks {
	border: 0;
}
#london-rebuilding-society .navlinks a {
	color: #8459AA;
}
#london-rebuilding-society .navlinks a:hover, #london-rebuilding-society .navlinks a:active, #london-rebuilding-society .navlinks a:focus {
	color: #FF762F;	
}


/* ---------------------------------------
WORK SECTION ~ CASE STUDY	SEEING DATA
--------------------------------------- */ 
#seeing-data #tb, #seeing-data #lb, #seeing-data #rb, #seeing-data #bb
 {
	display: none;
}
#seeing-data {

}
#seeing-data .intro h1, #seeing-data h2, section.seeing-data h2 a, section.seeing-data p.worklink a {
	color: #517877;
	
}
section.seeing-data p.worklink a:hover, section.seeing-data p.worklink a.tooltip:hover::before, section.seeing-data h2 a:hover, section.seeing-data h2 a:active, section.seeing-data h2 a:focus {
	color: #C66630;
}
section.seeing-data a.view, #seeing-data a.view {
	background: url(images/view-icon-teal-sd.png) no-repeat center right;
}
section.seeing-data a.study {
	background: url(images/view-caseStudy-icon-teal-sd.png) no-repeat center right;
}
#seeing-data nav ul li:first-of-type a em {
	border-top: 1px solid #517877;
}
#seeing-data .intro, #seeing-data article {
	font-family: Oxygen, sans-serif;
}
#seeing-data .intro h1, #seeing-data h2, section.love-bedford-place h2 a, section.love-bedford-place p.worklink a {
	color: #D55902;
}
#seeing-data .intro h1, #seeing-data h2 {
}
#seeing-data nav ul li:first-of-type a em {
	border-top: 1px solid #D55902;
}
#seeing-data .intro, #seeing-data article {
	font-family: Droid Sans, sans-serif;
}
/* work page - header */
#seeing-data header a:link h1, #seeing-data header a:visited h1 {
	color: #009EA6;	
}
#seeing-data header a:hover h1, #seeing-data header a:active h1, #seeing-data header a:focus h1 {
	color: #D55902;	
}
#seeing-data a {
	color: #009EA6;	
}
#seeing-data a:hover, #seeing-data a:active, #seeing-data a:focus {
	color: #D55902;
}
#seeing-data header a:link h1 em, #seeing-data header em {
	color: #D55902;
}
#seeing-data header a:hover h1 em {
	color: #009EA6;
}
#seeing-data header strong span {
	color: #D55902;
}
#seeing-data header strong span.dot {
	color:#009EA6;
}
#seeing-data header a:hover strong span {
	color: #D55902;
}
#seeing-data header a:hover strong span:first-of-type, #seeing-data header a:hover strong span:last-of-type {
	color: #009EA6;
}
#seeing-data nav ul li a:link, #seeing-data nav ul li a:visited {
	color: #D55902;
}
#seeing-data nav ul li a:hover, #seeing-data nav ul li a:active, #seeing-data nav ul li a:focus {
	color: #009EA6;
}
#seeing-data nav ul li a em {
	color: #009EA6;
}
#seeing-data nav ul li a:hover em, #seeing-data nav ul li a:active em, #seeing-data nav ul li a:focus em {
	color: #D55902;
}
/* navlink, colour */
#seeing-data .navlinks {
/*	border-bottom: 3px solid #E7B900;*/
}
#seeing-data .intro .navlinks {
	border: 0;
}
#seeing-data .navlinks a {
	color: #009EA6;
}
#seeing-data .navlinks a:hover, #seeing-data .navlinks a:active, #seeing-data .navlinks a:focus {
	color: #D55902;	
}


/* ---------------------------------------
WORK SECTION ~ CASE STUDY	LOVE BEDFORD PLACE
--------------------------------------- */ 
#love-bedford-place #tb, #love-bedford-place #lb, #love-bedford-place #rb, #love-bedford-place #bb {
	display: none;
}
#love-bedford-place {
	border-top: 8px solid #F7757B;
	border-bottom: 8px solid #009EA6;
}
#love-bedford-place .intro h1, #love-bedford-place h2, section.love-bedford-place h2 a, section.love-bedford-place p.worklink a {
	color: #F7757B;
}
#love-bedford-place .intro h1, #love-bedford-place h2 {
	font-family: Playfair Display SC, serif;
}
section.love-bedford-place p.worklink a:hover, section.love-bedford-place p.worklink a.tooltip:hover::before, section.love-bedford-place h2 a:hover, section.love-bedford-place h2 a:active, section.love-bedford-place h2 a:focus {
	color: #71958F;
}
section.love-bedford-place a.view, #love-bedford-place a.view {
	background: url(images/view-icon-pink-lbp.png) no-repeat center right;
}
section.love-bedford-place a.study {
	background: url(images/view-caseStudy-icon-pink-lbp.png) no-repeat center right;
}
#love-bedford-place nav ul li:first-of-type a em {
	border-top: 1px solid #F7757B;
}
#love-bedford-place .intro, #love-bedford-place article {
	font-family: Droid Sans, sans-serif;
}
/* work page - header */
#love-bedford-place header a:link h1, #love-bedford-place header a:visited h1 {
	color: #009EA6;	
}
#love-bedford-place header a:hover h1, #love-bedford-place header a:active h1, #love-bedford-place header a:focus h1 {
	color: #F7757B;	
}
#love-bedford-place a {
	color: #009EA6;	
}
#love-bedford-place a:hover, #love-bedford-place a:active, #love-bedford-place a:focus {
	color: #F7757B;
}
#love-bedford-place header a:link h1 em, #love-bedford-place header em {
	color: #F7757B;
}
#love-bedford-place header a:hover h1 em {
	color: #009EA6;
}
#love-bedford-place header strong span {
	color: #F7757B;
}
#love-bedford-place header strong span.dot {
	color:#009EA6;
}
#love-bedford-place header a:hover strong span {
	color: #F7757B;
}
#love-bedford-place header a:hover strong span:first-of-type, #love-bedford-place header a:hover strong span:last-of-type {
	color: #009EA6;
}
#love-bedford-place nav ul li a:link, #love-bedford-place nav ul li a:visited {
	color: #F7757B;
}
#love-bedford-place nav ul li a:hover, #love-bedford-place nav ul li a:active, #love-bedford-place nav ul li a:focus {
	color: #009EA6;
}
#love-bedford-place nav ul li a em {
	color: #009EA6;
}
#love-bedford-place nav ul li a:hover em, #love-bedford-place nav ul li a:active em, #love-bedford-place nav ul li a:focus em {
	color: #F7757B;
}
/* navlink, colour */
#love-bedford-place .navlinks {
	border-bottom: 3px solid #E7B900;
}
#love-bedford-place .intro .navlinks {
	border: 0;
}
#love-bedford-place .navlinks a {
	color: #009EA6;
}
#love-bedford-place .navlinks a:hover, #love-bedford-place .navlinks a:active, #love-bedford-place .navlinks a:focus {
	color: #F7757B;	
}


/* ---------------------------------------
WORK SECTION ~ CASE STUDY	SOUL FUNK SECRET
--------------------------------------- */ 
#soul-funk-secret #tb, #soul-funk-secret #lb, #soul-funk-secret #rb, #soul-funk-secret #bb
 {
	display: none;
}
#soul-funk-secret {
	border-top: 8px solid #FFC773;
	border-bottom: 4px solid #AE0000;
}

/* @group SFS */

#soul-funk-secret header {
	border-top: 8px solid #FF8400;
	
}
p.worklink.sfs a.study { 
	display: none;
}
#soul-funk-secret nav ul li:first-of-type a em {
	border-top: 1px solid #AE0000;
}
#soul-funk-secret .intro h1, #soul-funk-secret h2 {
	font-family: Paytone One, sans-serif;
}
#soul-funk-secret .intro h1, #soul-funk-secret h2, section.soul-funk-secret a {
	color: #A73825;
}
section.soul-funk-secret a:hover, section.soul-funk-secret a.tooltip:hover::before  {
	color: #FF8400;
}
section.soul-funk-secret a.view, #soul-funk-secret a.view {
	background: url(images/view-icon-orange-sfs.png) no-repeat center right;
	color: #FF7B00;
}

#soul-funk-secret .intro, #soul-funk-secret article {
	font-family: Open Sans, sans-serif;
}

#soul-funk-secret .intro h1, #soul-funk-secret h2 {
	font-family: Paytone One, sans-serif;
}
#soul-funk-secret .intro h1, #soul-funk-secret h2, section.soul-funk-secret a {
	color: #A73825;
}
section.soul-funk-secret a:hover, section.soul-funk-secret a.tooltip:hover::before  {
	color: #FF8400;
}
section.soul-funk-secret a.view, #soul-funk-secret a.view {
	background: url(images/view-icon-orange-sfs.png) no-repeat center right;
}

#soul-funk-secret .intro, #soul-funk-secret article {
	font-family: Open Sans, sans-serif;
}

#soul-funk-secret nav ul li:first-of-type a em {
	border-top: 1px solid #DF7414;
}
#soul-funk-secret a {	
	color: #DF7414;
}
#soul-funk-secret a:hover, #soul-funk-secret a:active, #soul-funk-secret a:focus {
	color: #AE0000;	
}
/* work page - header */
#soul-funk-secret header a:link h1, #soul-funk-secret header a:visited h1 {
	color: #DF7414;	
}
#soul-funk-secret header a:hover h1, #soul-funk-secret header a:active h1, #soul-funk-secret header a:focus h1 {
	color: #AE0000;	
}
#soul-funk-secret a {
	color: #DF7414;	
}
#soul-funk-secret a:hover, #soul-funk-secret a:active, #soul-funk-secret a:focus {
	color: #AE0000;
}
#soul-funk-secret header a:link h1 em, #soul-funk-secret header em {
	color: #AE0000;
}
#soul-funk-secret header a:hover h1 em {
	color: #DF7414;
}
#soul-funk-secret header strong span {
	color: #AE0000;
}
#soul-funk-secret header strong span.dot {
	color:#DF7414;
}
#soul-funk-secret header a:hover strong span {
	color: #AE0000;
}
#soul-funk-secret header a:hover strong span:first-of-type, #soul-funk-secret header a:hover strong span:last-of-type {
	color: #DF7414;
}
#soul-funk-secret nav ul li a:link, #soul-funk-secret nav ul li a:visited {
	color: #AE0000;
}
#soul-funk-secret nav ul li a:hover, #soul-funk-secret nav ul li a:active, #soul-funk-secret nav ul li a:focus {
	color: #DF7414;
}
#soul-funk-secret nav ul li a em {
	color: #DF7414;
}
#soul-funk-secret nav ul li a:hover em, #soul-funk-secret nav ul li a:active em, #soul-funk-secret nav ul li a:focus em {
	color: #AE0000;
}
/* navlink, colour */
#soul-funk-secret .navlinks {
	border-bottom: 2px solid #CDAE62;
}
#soul-funk-secret .intro .navlinks {
	border: 0;
	background: #AE0000;
	color: #EAE4D3;
	
}
#soul-funk-secret .intro ul.navlink li.date {
	opacity: 1;
	font-weight: bold;
}
#soul-funk-secret .navlinks a {
	color: #FF7B00;
	font-weight: 700;
}
#soul-funk-secret .navlinks a:hover, #soul-funk-secret .navlinks a:active, #soul-funk-secret .navlinks a:focus {
	color: #EAE4D3;	
}



/* ---------------------------------------
WORK SECTION ~ CASE STUDY	TALK WEB DESIGN
--------------------------------------- */ 
#talk-web-design #tb, #talk-web-design #lb, #talk-web-design #rb, #talk-web-design #bb
 {
	display: none;
}
#talk-web-design .intro{
	border-top: 8px solid #EF6C00;
}
#talk-web-design .intro .navlinks {
	background: #242A30;
	color: #ccc;
}

/* @end */

/* ---------------------------------------
WORK SECTION ~ CASE STUDY	TALK WEB DESIGN
--------------------------------------- */

/* @group TWD */

#talk-web-design nav ul li:first-of-type a em {
	border-top: 1px solid #DF7414;
}
#talk-web-design a {	
	color: #DF7414;
}
#talk-web-design a:hover, #talk-web-design a:active, #talk-web-design a:focus {
	color: #60676F;	
}
/* work page - header */
#talk-web-design header a:link h1, #talk-web-design header a:visited h1 {
	color: #DF7414;	
}
#talk-web-design header a:hover h1, #talk-web-design header a:active h1, #talk-web-design header a:focus h1 {
	color: #60676F;	
}
#talk-web-design a {
	color: #DF7414;	
}
#talk-web-design a:hover, #talk-web-design a:active, #talk-web-design a:focus {
	color: #60676F;
}
#talk-web-design header a:link h1 em, #talk-web-design header em {
	color: #60676F;
}
#talk-web-design header a:hover h1 em {
	color: #DF7414;
}
#talk-web-design header strong span {
	color: #60676F;
}
#talk-web-design header strong span.dot {
	color:#DF7414;
}
#talk-web-design header a:hover strong span {
	color: #60676F;
}
#talk-web-design header a:hover strong span:first-of-type, #talk-web-design header a:hover strong span:last-of-type {
	color: #DF7414;
}
#talk-web-design nav ul li a:link, #talk-web-design nav ul li a:visited {
	color: #60676F;
}
#talk-web-design nav ul li a:hover, #talk-web-design nav ul li a:active, #talk-web-design nav ul li a:focus {
	color: #DF7414;
}
#talk-web-design nav ul li a em {
	color: #DF7414;
}
#talk-web-design nav ul li a:hover em, #talk-web-design nav ul li a:active em, #talk-web-design nav ul li a:focus em {
	color: #60676F;
}
/* navlink, colour */
#talk-web-design .navlinks {
	border-bottom: 8px solid #EF6C00;
}
#talk-web-design .intro .navlinks {
	border: 0;
}
#talk-web-design .navlinks a {
	color: #DF7414;
}
#talk-web-design .navlinks a:hover, #talk-web-design .navlinks a:active, #talk-web-design .navlinks a:focus {
	color: #60676F;	
}
section.talk-web-design a.study {
	background: url(images/view-caseStudy-icon-orange-twd.png) no-repeat right center;
}
section.talk-web-design a.view, #talk-web-design a.view {
	background: url(images/view-icon-orange-twd.png) no-repeat right center;
}
section.talk-web-design h2, section.talk-web-design a {
	color: #DF7414;
}
section.talk-web-design a:hover,section.talk-web-design a:active, section.talk-web-design a:focus {
	color: #333;
	
}

/* view case study link */
#talk-web-design label {
	background-image: url(images/view-caseStudy-icon-orange-twd.png);
	color: #DF7414;	
}
#talk-web-design label:hover, #talk-web-design label:active, #talk-web-design label:focus {
	color: #333;		
}

/* work page - content */
#talk-web-design {
	background: #F9F9F9 url(images/work/twd/noise.png);
	border: 0;
	border-top: 8px solid #EF6C00;
	border-bottom: 8px solid #EF6C00;
	border-top-width: 4px;
	border-top-color: #60676F;
}

#talk-web-design .intro, #talk-web-design article, #talk-web-design blockquote {
	font-family: Roboto, Lucida Grande, Helvetica, Arial, sans-serif;
}
#talk-web-design p + img {
	margin-top: 0;
}
#talk-web-design .intro, #talk-web-design .testimonial {
	background: none;
	color: #60676F;
}
#talk-web-design .intro {
	background: #fff;
	margin-bottom: 2em;
	border-bottom: 2px solid #242A30;
}
#talk-web-design p strong, #talk-web-design .intro p em {
	font-family: Roboto Slab, serif;
	font-weight: 700;
	font-style: normal;
	color: #242A30;	
}
#talk-web-design .intro p em {
	font-weight: 500;
}
#talk-web-design p em {
	font-weight: 700;
	font-style: normal;
}
#talk-web-design .testimonial {
	padding: 2em; 	
	background: #fff;
	border-top: 4px solid #60676F;
}
#talk-web-design .intro h1 {
	font-family: Roboto Slab, serif;
	padding: .6em 0;
	color: #39231b;
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1;
}
#talk-web-design .intro h1 strong {
	color: #242A30;
	font-weight: 700;
}
#talk-web-design .intro h1 em {
	font-weight: 400;
	font-style: normal;
	color: #DB5E00;
}
#talk-web-design .intro p.view {
	margin-top: 1em;
	margin-bottom: 1em;
}
#talk-web-design .intro p.view a {
	color: #DF7414;
}
#talk-web-design .intro p.view a:hover, #talk-web-design .intro p.view a:active, #talk-web-design .intro p.view a:focus {
	color: #242A30;
}
#talk-web-design .testimonial {
	margin-bottom: 0;
}
#talk-web-design article h2, #talk-web-design article h3, #talk-web-design article h4 {
	font-family: Roboto Slab, serif;
	font-weight: 700;
	margin: 0 0 .5em 0;
	color: #60676F;
}
#talk-web-design article p+h3, #talk-web-design article img+h3 {
	margin-top: 1.5em;
}
#talk-web-design article p+h2, #talk-web-design article img+h2 {
	margin-top: 1.5em;	
}
#talk-web-design blockquote {
	color: #60676F;
}
#talk-web-design blockquote:before {
	color: #242A30;
	font-family: Roboto Slab, serif;
	font-size: 3em;
	margin: -.26em 0 0 -.56em;
}
#talk-web-design blockquote cite {
	color: #242A30;
}


/* ---------------------------------------
WORK SECTION ~ CASE STUDY	WOODTECH INTERIORS
--------------------------------------- */
#woodtech-interiors #tb, #woodtech-interiors #lb, #woodtech-interiors #rb, #woodtech-interiors #bb {
	display: none;
}
#woodtech-interiors nav ul li:first-of-type a em {
	border-top: 1px solid #489BA2;
}
/* @group WTI */

/*.wti-tit {*/
section.woodtech-interiors h2 {
	background: transparent;
	margin-top: 2em;
	padding-left: .26em;
	margin-bottom: .36em;	
	border: 0;
	border-left: 2px solid #A73825;
	border-bottom: 2px solid #A73825;
	line-height: 1;
}
section.woodtech-interiors h2 a {
	color: #A73825;	
}
section.woodtech-interiors h2 a:hover, section.woodtech-interiors h2 a:active, section.woodtech-interiors h2 a:focus {
	color: #E6CDA6;	
}
section.woodtech-interiors p.worklink a {
	color: #A73825;
}
section.woodtech-interiors p.worklink a:hover, section.woodtech-interiors p.worklink a.tooltip:hover::before  {
	color: #E6CDA6;
}
section.woodtech-interiors a.view, #woodtech-interiors a.view {
	background: url(images/view-icon-red-wti.png) no-repeat center right;
}
section.woodtech-interiors a.study {
	background: url(images/view-caseStudy-icon-red-wti.png) no-repeat center right;
}

/* work page -header */
#woodtech-interiors header a:link h1, #woodtech-interiors header a:visited h1 {
	color: #A32002;	
}
#woodtech-interiors header a:hover h1, #woodtech-interiors header a:active h1, #woodtech-interiors header a:focus h1 {
	color: #349BA3;	
}
#woodtech-interiors a:hover, #woodtech-interiors a:active, #woodtech-interiors a:focus  {
	color: #A32002;
}
#woodtech-interiors header a:link h1 em {
	color: #A32002;
}
#woodtech-interiors header a:hover h1 em {
	color: #349BA3;
}
#woodtech-interiors header strong span {
	color: #349BA3;
}
#woodtech-interiors header strong span.dot {
	color:#A32002;
}
#woodtech-interiors header a:hover strong span {
	color: #349BA3;
}
#woodtech-interiors header a:hover strong span:first-of-type, #woodtech-interiors header a:hover strong span:last-of-type {
	color: #A32002;
}
#woodtech-interiors nav ul li a:link, #woodtech-interiors nav ul li a:visited {
	color: #349BA3;
}
#woodtech-interiors nav ul li a:hover, #woodtech-interiors nav ul li a:active, #woodtech-interiors nav ul li a:focus {
	color: #A32002;
}
#woodtech-interiors nav ul li a em {
	color: #9C1C10;
}
#woodtech-interiors nav ul li a:hover em, #woodtech-interiors nav ul li a:active em, #woodtech-interiors nav ul li a:focus em {
	color: #349BA3;
}
/* navlink, colour */
#woodtech-interiors .navlinks a {
	color: #9C1C10;
}
#woodtech-interiors .navlinks a:hover, #woodtech-interiors .navlinks a:active, #woodtech-interiors .navlinks a:focus {
	color: #349BA3;	
}

/* view case study link */
#woodtech-interiors label {
	background-image: url(images/view-caseStudy-icon-red-wti.png);
	color: #A73825;	
}
#woodtech-interiors label:hover, #woodtech-interiors label:active, #woodtech-interiors label:focus {
	color: #E6CDA6;		
}

/* work page -content */
#woodtech-interiors {
	border: 0;
	border-top: 4px solid #A32002;
	border-bottom: 6px solid #A32002;
	border-top-width: 8px;
	border-bottom-width: 8px;
}

#woodtech-interiors .intro {
	border-top: 4px solid #A32002;
}

#woodtech-interiors .intro, #woodtech-interiors article, #woodtech-interiors blockquote {
	font-family: Arial, Helvetica, sans-serif;
}
#woodtech-interiors .intro, #woodtech-interiors .testimonial {
	background: #F7F0E4;
	color: #39231b;
}
#woodtech-interiors .intro {
	margin-bottom: 2em;
}
#woodtech-interiors .testimonial {
	padding: 2em; 	
}
#woodtech-interiors .intro h1 {
	font-family: 'Balthazar', serif;
	margin: 0 auto 1em auto;
	padding: 1em 0 0 .26em;
	border-left: 2px solid #A73825;
	border-bottom: 2px solid #A73825;
	color: #39231b;
	font-size: 1.2em;
	line-height: 1;
	text-transform: uppercase;	
}
#woodtech-interiors .intro h2 {
	text-indent: .46em;
}
#woodtech-interiors .intro p.view a:hover, #woodtech-interiors .intro p.view a:active, #woodtech-interiors .intro p.view a:focus {
	color: #9C1C10;
}
#woodtech-interiors .testimonial {
	margin-bottom: 0;
}
#woodtech-interiors article h2, #woodtech-interiors article h3, #woodtech-interiors article h4 {
	font-family: 'Balthazar', serif;
	line-height: 1.2;
	margin: 0 0 .5em 0;
	border-left: 2px solid #A73825;
	border-bottom: 2px solid #A73825;
	color: #39231b;
	padding-left: .26em;
	line-height: 1;
	text-transform: uppercase;
}
#woodtech-interiors article p+h3, #woodtech-interiors article img+h3 {
	margin-top: 1.5em;
}
#woodtech-interiors article p+h2, #woodtech-interiors article img+h2 {
	margin-top: 1.5em;	
}
#woodtech-interiors blockquote {
	color: #9B7A5A;
}
#woodtech-interiors blockquote:before {
	color: #A73825;
	font-family: 'Balthazar', serif;
	font-size: 3em;
	margin: -.26em 0 0 -.56em;
}
#woodtech-interiors blockquote cite {
	color: #A73825;
}


/* ---------------------------------------
WORK SECTION ~ CASE STUDY		JJS CIDER
--------------------------------------- */
#jjs-cider #tb, #jjs-cider #lb, #jjs-cider #rb, #jjs-cider #bb {
	display: none;
}

#jjs-cider nav ul li:first-of-type a em {
	border-top: 1px solid #7EC0E4;
}
/* @group JJS */
section.jjs-cider h2 a {
	background: transparent url(images/work/jjs/jjs-border3px.png) repeat-x left bottom;
	margin-bottom: .36em;	
	color: #5FC2E8;
}
section.jjs-cider p.worklink a {
	color: #489BA2;
}
section.jjs-cider p.worklink a:hover, section.jjs-cider p.worklink a.tooltip:hover::before {
	color: #71C1E6;
}
section.jjs-cider h2 a:hover, section.jjs-cider h2 a:active, section.jjs-cider h2 a:focus {
	color: #489BA2;
}
section.jjs-cider .navlinks ul.navlink {
	font-size: .96em;
	max-width: 33.3em;
}
section.jjs-cider .navlinks a {
	color: #0E9EA4;
}
section.jjs-cider a.view, #jjs-cider a.view {
	background: url(images/view-icon-lightblue-jjs.png) no-repeat right center;
}
section.jjs-cider a.study {
	background: url(images/view-caseStudy-icon-lightblue-jjs.png) no-repeat right center;
}
#jjs-cider li.casestudy a.view {
	background: url(images/view-caseStudy-icon-lightblue-jjs.png) no-repeat right center;
	
}
/* work page - header */
#jjs-cider header a:link h1, #jjs-cider header a:visited h1 {
	color: #71C1E6;	
}
#jjs-cider header a:hover h1, #jjs-cider header a:active h1, #jjs-cider header a:focus h1 {
	color: #349BA3;	
}
#jjs-cider header a:link h1 em {
	color: #71C1E6;
}
#jjs-cider header a:hover h1 em {
	color: #349BA3;
}
#jjs-cider header strong span {	
	color: #349BA3;
}
#jjs-cider header strong span.dot {	
	color: #71C1E6;
}
#jjs-cider header a:hover strong span {
	color: #349BA3;
}
#jjs-cider header a:hover strong span:first-of-type, #jjs-cider header a:hover strong span:last-of-type {
	color: #71C1E6;
}
#jjs-cider nav ul li a:link, #jjs-cider nav ul li a:visited {
	color: #349BA3;	
}
#jjs-cider nav ul li a:hover, #jjs-cider nav ul li a:active, #jjs-cider nav ul li a:focus {
	color: #71C1E6;
}
#jjs-cider nav ul li a em {
	color: #7EC0E4;
}
#jjs-cider nav ul li a:hover em, #jjs-cider nav ul li a:active em, #jjs-cider nav ul li a:focus em {
	color: #489BA2;
}
#jjs-cider a {
	color: #489BA2;
}
#jjs-cider a:hover, #jjs-cider a:active, #jjs-cider a:focus  {
	color: #71C1E6;
}
#jjs-cider .intro p.view a:hover, #jjs-cider .intro p.view a:active, #jjs-cider .intro p.view a:focus {
	color: #7EC0E4;
}
/* view case study link */
#jjs-cider label {
	background-image: url(images/view-caseStudy-icon-lightblue-jjs.png);
	color: #349BA3;	
}
#jjs-cider label:hover, #jjs-cider label:active, #jjs-cider label:focus {
	color: #0E9EA4;		
}
/* custom style */ 
#jjs-cider {
	border: 6px solid #b0d104;
	border-width: 6px;
	-moz-border-image:    url(images/work/jjs/jjs-border-all.png) 4 stretch;
	-webkit-border-image: url(images/work/jjs/jjs-border-all.png) 4 stretch;
	-o-border-image:      url(images/work/jjs/jjs-border-all.png) 4 stretch;
	border-image:         url(images/work/jjs/jjs-border-all.png) 4 stretch;
        border-width: 5px;
}
#jjs-cider article, #jjs-cider .intro, #jjs-cider article, #jjs-cider blockquote {
	font-family: 'Georgia', Times New Roman, serif;	
}
#jjs-cider .intro, #jjs-cider .testimonial {
	border: 2px solid #b0d104;
	border-bottom: 0;
	border-width: 2px;
	-moz-border-image:    url(images/work/jjs/jjs-border-all.png) 4 0 0 0 repeat;
	-webkit-border-image: url(images/work/jjs/jjs-border-all.png) 4 0 0 0 repeat;
	-o-border-image:      url(images/work/jjs/jjs-border-all.png) 4 0 0 0 repeat;
	border-image:         url(images/work/jjs/jjs-border-all.png) 4 0 0 0 repeat;
	border-bottom: 0;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZjFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY0YzciIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(224,241,255,1) 0%, rgba(249,244,199,0.2) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,241,255,1)), color-stop(100%,rgba(249,244,199,0.2))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(224,241,255,1) 0%,rgba(249,244,199,0.2) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(224,241,255,1) 0%,rgba(249,244,199,0.2) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(224,241,255,1) 0%,rgba(249,244,199,0.2) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(224,241,255,1) 0%,rgba(249,244,199,0.2) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1ff', endColorstr='#33f9f4c7',GradientType=0 ); /* IE6-8 */
	padding: 2em;	
	color: #39231b;
}
#jjs-cider .intro {
	padding-bottom: 0;
	margin: 0 -2em 2em -2em;
}
#jjs-cider .intro h1 {
	margin: 0 auto;
}
#jjs-cider article h2 {
	color: #9B8432;	
}
#jjs-cider .intro h1 {
	background: transparent url(images/work/jjs/jjs-border3px.png) repeat-x left bottom;
	margin-bottom: .6em;
	color: #9B8432;
}
#jjs-cider h3 {
	color: #86A41B;
}
#jjs-cider blockquote, #jjs-cider blockquote:before {
	color: #84AB1D;
}



/* ---------------------------------------
WORK SECTION ~ CASE STUDY		SILK & TWEED
--------------------------------------- */
#silk-tweed #tb, #silk-tweed #lb, #silk-tweed #rb, #silk-tweed #bb
 {
	display: none;
}
#silk-tweed nav ul li:first-of-type a em {
	border-top: 1px solid #489BA2;
}

/* @group SILK & TWEED */
#silk-tweed {
	border: 8px solid #33979F;
	border-width: 8px;
	-moz-border-image:    url(images/col-border-teal.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-teal.png) 2 stretch ;
	-o-border-image:      url(images/col-border-teal.png) 2 stretch ;
	border-image:         url(images/col-border-teal.png) 2 stretch ;
	border-left: 0;
	border-right: 0;
}

section.silk-tweed h2 a {
	border-bottom: 1px dashed #2f8963;
	border-bottom: 1px dashed rgba(26,118,85,.2);
	margin-bottom: .36em;	
	background: url(images/work/snt/silk-bow-white.png) top left no-repeat;
	background-size: contain;
	text-indent: 2.6em;
	color: #59BE97;
}
section.silk-tweed p.worklink a {
	color: #67C098;
}
#silk-tweed .intro ul.navlink li.date {
	opacity: .6;
	font-size: .8em;
	font-weight: 700;
	font-style: normal;
}	
#silk-tweed .intro ul.navlink li.date span {
	margin: 0 .5em 0 0;
}
section.silk-tweed p.worklink a:hover, section.silk-tweed p.worklink a.tooltip:hover::before, section.silk-tweed h2 a:hover, section.silk-tweed h2 a:active, section.silk-tweed h2 a:focus  {
	color: #3E4180;
}
#silk-tweed  [for="view"] {
	background-position: 8em center;
}
section.silk-tweed a.view, #silk-tweed a.view {
	background: url(images/view-icon-green-snt.png) no-repeat right center;
}
section.silk-tweed a.study {
	background: url(images/view-caseStudy-icon-green-snt.png) no-repeat right center;
}

/* work page -header */
#silk-tweed header a:link h1, #silk-tweed header a:visited h1 {
	color: #3E407F;	
}
#silk-tweed header a:hover h1, #silk-tweed header a:active h1, #silk-tweed header a:focus h1 {
	color: #349BA3;	
}
#silk-tweed header a:link h1 em {
	color: #3E407F;
}
#silk-tweed header a:hover h1 em {
	color: #349BA3;
}
#silk-tweed header strong span:first-of-type, #silk-tweed header strong span:last-of-type {
	color: #349BA3;
}
#silk-tweed header a:hover strong span {
	color: #349BA3;
}
#silk-tweed header h1 span.dot {
	color: #3E407F;
}
#silk-tweed header a:hover strong span:first-of-type, #silk-tweed header a:hover strong span:last-of-type {
	color: #3E407F;
}
#silk-tweed nav ul li a:link, #silk-tweed nav ul li a:visited {
	color: #349BA3;	
}
#silk-tweed nav ul li a:hover, #silk-tweed nav ul li a:active, #silk-tweed nav ul li a:focus {
	color: #3E407F;
}
#silk-tweed nav ul li a em {
	color: #3E407F;
}
#silk-tweed nav ul li a:hover em, #silk-tweed nav ul li a:active em, #silk-tweed nav ul li a:focus em {
	color: #349BA3;
}

/* work page - content */
#silk-tweed .intro, #silk-tweed .testimonial {
	padding: 2em;
	background: #3A4481;
	color: #fff;
}
#silk-tweed .intro {
	padding-bottom: 0;
}
#silk-tweed .intro  a {
	color: #59BE97;
}
#silk-tweed .navlinks a:link, #silk-tweed .navlinks a:visited {
	color: #59EAAF;
}
#silk-tweed .navlinks a:hover, #silk-tweed .navlinks a:active, #silk-tweed .navlinks a:focus {
	color: #fff;	
}
#silk-tweed article, #silk-tweed .intro, #silk-tweed blockquote {
	font-family: 'Merriweather', serif;
	line-height: 1.6;
}
#silk-tweed .intro h1, #silk-tweed .intro h2 {
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: left;
	text-indent: 0;	
}
#silk-tweed .intro h1 {
	background: url(images/work/snt/silk-bow-white.png) top center no-repeat;
	background-size: 30%;
	padding-top: 1.8em;
	margin: 0 auto;
	font-size: 2.4em;
	font-weight: 700;
	text-align: center;
}
#silk-tweed .navlinks {
	border-top: 1px dashed #fff;
	border-top: 1px dashed rgba(255,255,255,.6);
}
#silk-tweed .intro h2 {
	padding-left: 4em;
}
#silk-tweed article h1 {
	background: url(images/work/snt/silk-bow-white.png) top left no-repeat;
	background-size: contain;
	padding-left: 2em;
	border-bottom: 1px dashed #2f8963;
	border-bottom: 1px dashed rgba(26,118,85,.2);
	font-size: 2.2em;
}
#silk-tweed article h3 {
	color: #59BE97;
	font-size: 2.6em;
}
#silk-tweed article h2 {
	color: #5486BF;	
	border-bottom: 1px dashed #2f8963;
	border-bottom: 1px dashed rgba(26,118,85,.6);	
}
#silk-tweed article h2, #silk-tweed article h3 {
	margin: 0 0 .36em 0;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 2.4em;
	line-height: 1.2;
}
#silk-tweed article p {
	font-size: .9em;
}
#silk-tweed blockquote {
	font-size: 1em;
}
#silk-tweed blockquote, #silk-tweed blockquote:before {
	color: #59EAAF;
}
#silk-tweed img.final {
	border: 1px solid #d6d8e5;
}

/* =========================================
WORK SECTION ~ SCREENSHOTS, common elements
========================================= */
.work-single.screenshots div.wrap {
	padding: 0;
}
.work-single.screenshots article {
	margin-bottom: 4em;
}
.work-single.screenshots .intro {
	padding: 2em 2em 0 2em;
}
.intro ul.navlink li.date {
	display: inline-block;
	float: left;
	width: 50%;
	opacity: .76;
	font-size: .8em;
	font-style: italic;
}
.intro .scr-row {
	padding: 0;
	overflow: hidden;
}
.work-single article .scr-row {
	display: block;
	font-size: .8em;
	color: #666;
}
.work-single article .scr-row img {
	margin: 2em 0 0 0;
}
.intro .scr-row .scr-circle {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px auto;
}
.intro .scr-row .scr-circle img {
	width: 98%;
	height: auto;
	float: none;
	margin: 0 auto;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: 0.5s ease;
}
.intro .scr-row .scr-circle img:hover {
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.scr-half, .scr-full {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.scr-full {
	clear: both;
}

/* ---------------------------------------
WORK SECTION ~ SCREENSHOTS	WOODTECH INTERIORS
--------------------------------------- */
.wti .screenshots .intro {
	padding: 0 2em;
}
.wti .screenshots .intro img  {
	border: 1px solid #EFC087;
}
#woodtech-interiors .navlinks {
	background: #F4DFC2;
}
/* ---------------------------------------
WORK SECTION ~ SCREENSHOTS		JJS CIDER
--------------------------------------- */
.jjs .screenshots .intro h1 {
	margin: 0 auto .25em auto;
	color: #9B8432;
}
#jjs-cider .navlinks {
	background: #FDFDDE;
	border-top: 0;
	border-bottom: 2px;
	-moz-border-image:    url(images/work/jjs/jjs-border-all.png) 0 0 4 0 repeat;
	-webkit-border-image: url(images/work/jjs/jjs-border-all.png) 0 0 4 0 repeat;
	-o-border-image:      url(images/work/jjs/jjs-border-all.png) 0 0 4 0 repeat;
	border-image:         url(images/work/jjs/jjs-border-all.png) 0 0 4 0 repeat;
}
.jjs .screenshots .intro img {
	border: 1px solid #9D8628;
}

/* ---------------------------------------
WORK SECTION ~ SCREENSHOTS		SILK & TWEED
--------------------------------------- */
.snt .screenshots  img {
	border: 1px solid #13164E;
}
#silk-tweed .navlinks {
	background: #14144D;
}

/* --- SCREENSHOTS v3 --- */
.screenshot-gallery .gallery figure a {
	display: block;
	padding: 0;
	padding: .6em 0 0 0;
	padding: 2vw 0 0 0;
}
.screenshot-gallery .gallery figure img {
	display: block;
	width: 100%;
	margin: 0;
	border: 2px solid #eee;
	transition: all .2s ease-in-out; 
}

.screenshot-gallery .gallery figure a img:hover, .screenshot-gallery .gallery figure a img:active, .screenshot-gallery .gallery figure a img:focus {
	transform: scale(1.05); 
}

/* --- testimonials slider - trying out --- */
.jcarousel-wrapper {
    position: relative;
}
.jcarousel {
    width: 100%;
    position: relative;
    overflow: hidden;   
}

.jcarousel > div {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel .carousel-item {
    width: 32em;
    float: left;
}

.jcarousel-pagination {
    position: absolute;
    /*bottom: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;*/
    top: -35px;
    right: 0;
}

.jcarousel-pagination a {
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #009fa5;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;
}

.jcarousel-pagination a.active {
    background: #E88421;
}



/* =========================================
CONTACT  ~  form styling
========================================= */
body.contact article p em {
	display: block;
	text-align: right;
}
form {
	margin: 2em 0;
	position: relative;
	text-align: left;
}
form.wpcf7-form br {
    display: none;
}
form.wpcf7-form img.ajax-loader {
	width: auto;
}
fieldset {
	position: relative;
	margin: 0 0 .6em 0;
}
fieldset ol {
	margin: 1em 0;
}
fieldset ol li p {
	margin: 0;
}
legend {
	margin: 0 0 .6em 0;
	font-size: 1.36em;
	font-style: italic;
	color: #00BFC7;
}
label {
	display: block;
	font-size: 1.1em;
	line-height: 2;
	color: #2B858D;
}
form p {
	font-style: italic;
}
input, textarea, button {
	display: block;
	width: 100%;
	min-height: 1em;
	padding: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 1em 0;
	border: 2px solid #33979F;
	border-width: 2px;
	-moz-border-image:    url(images/col-border-teal.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-teal.png) 2 stretch ;
	-o-border-image:      url(images/col-border-teal.png) 2 stretch ;
	border-image:         url(images/col-border-teal.png) 2 stretch ;
	background: none;
	color: #33979F;
	font-size: 1.16em;
	font-family: Vollkorn, Georgia, Times, serif;
}
body.contact input, body.contact textarea, body.contact button{
		margin: 0 0 .6em 0;
	
}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {
	border-color: #33979F;
	border-width: 2px;
	-moz-border-image:    url(images/col-border-orange.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-orange.png) 2 stretch ;
	-o-border-image:      url(images/col-border-orange.png) 2 stretch ;
	border-image:         url(images/col-border-orange.png) 2 stretch ;
	color: #152D2C;
}
input#form1_submit {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom-width: 3px;
	font-family: Vollkorn, Georgia, Times, serif;
	font-size: 1.4em;
	line-height: 1;
}
button {
	width: 100%;
	background: transparent;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 3px;
}
button:hover, button:active, button:focus {
	color: #F68C24;
	cursor: pointer;
	border-color: #33979F;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 3px;
	-moz-border-image:    url(images/col-border-orange.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-orange.png) 2 stretch ;
	-o-border-image:      url(images/col-border-orange.png) 2 stretch ;
	border-image:         url(images/col-border-orange.png) 2 stretch ;
}
/* project planner custom CSS */
.plan-form fieldset {
	display: block;
	width: 100%;
	position: relative;
	padding: 4.8em 0 0 0;
}
.plan-form fieldset legend {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	position: absolute;
	top: 0;
	margin: 0;
	padding: .46em 0 0 3.46em;
	font-size: 1.46em;
	line-height: 1.2;
}
/* form section icons */
.plan-form fieldset#details {
	background: url(images/details.png) top left no-repeat;
	background-position-x: -5px;
}

.plan-form fieldset#project {
	background: url(images/project.png) top left no-repeat;	
}
.plan-form fieldset#plan {
	background: url(images/plan.png) top left no-repeat;
}
.plan-form fieldset ul {
	overflow: hidden;
	list-style: none;
	margin: 0 0 2em 0;
}

.plan-form span.wpcf7-list-item {
	position: relative;
}

/* radio buttons for CF7 */
#project li.radiowrapper {
    width: 100%;
}

/* radio buttons - edited from erika's solution */
.plan-form input[type=radio] {
   position:absolute;
   top: .25em;
   left: .25em;
   height: 1em;
   width: 1em;
   z-index: 20;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
}
.plan-form fieldset#project label {
	margin: 0 0 .6em 0;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.2;
}
.plan-form fieldset#project ul li {
	min-height: 2em;
}
.plan-form fieldset#project ul li label, .plan-form fieldset#project .wpcf7-list-item-label {
	margin: 0 0 0 .7em;
	font-style: normal;
	font-size: 1.05em;
	line-height: 1.8;
	text-align: left;
}
.plan-form input[type=radio] + .wpcf7-list-item-label:before:hover, .plan-form input[type=radio]:hover {
	cursor: pointer;	
}

.plan-form input[type=radio] + .wpcf7-list-item-label:before {
   content: '';
   display: block;
   position: absolute;
   height: 1em;
   width: 1em;
   top: .36em;
   left: 0px;
   background: none;
   border: 2px solid #2B858D;
   -webkit-box-shadow: inset 0px 0px 0px 3px #f5f5f5;
   -moz-box-shadow: inset 0px 0px 0px 3px #f5f5f5;
   -o-box-shadow: inset 0px 0px 0px 3px #f5f5f5;
   box-shadow: inset 0px 0px 0px 3px #f5f5f5;
   border-radius: 50%;
}

.plan-form fieldset#project input[type=radio]:hover + .wpcf7-list-item-label:before {
	background: #E88421;
	cursor: pointer;
}
.plan-form fieldset#project input[type=radio]:checked + .wpcf7-list-item-label:before {
   background: #00BABF;
   cursor: pointer;
}


/* slider styling + number */
.plan-form #form1_budgetinput {
	display: block;
	height: 1em;
	border: 0;
	margin: .1em 0 0 0;
	padding: 0;
}

.plan-form span { 
  width: 100%; 
  height: 2em; 
  text-align: right; 
  display: inline; 
  bottom: 35%;
  left: 0;
}

.plan-form #form1_planner_startdate, .plan-form #form1_planner_launchdate {
	height: 2em;
}
.plan-form fieldset#send {
	display: block;
	height: 2em;
	width: 100%;
	position: relative;
	padding: 0;
}
input#form1_submit, input[type=submit] {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom-width: 3px;
	font-family: Vollkorn, Georgia, Times, serif;
	font-size: 1.4em;
	line-height: 1;
}
input#form1_submit:hover, input[type=submit]:hover {
	cursor: pointer;
}


/* =========================================
SEARCH  ~  form styling (footer)
========================================= */
/* @group /*site search *!/
form.searchbox, article form.searchbox {
	display: block;
	width: 100%;
	min-height: 3em;
	overflow: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
form.searchbox label {
	position: absolute;
	text-indent: -9999px;
	left: -9999px;
}
/* default size */
form.searchbox input {
	width: 70%;
	height: 2em;	
	float: left;
	margin: 0 5% 0 0;
	border-color: #33979F;
	border-width: 1px;
	-moz-border-image:    url(images/col-border-teal.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-teal.png) 2 stretch ;
	-o-border-image:      url(images/col-border-teal.png) 2 stretch ;
	border-image:         url(images/col-border-teal.png) 2 stretch ;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	font-style: italic;
	color: #F77E00;
}
form.searchbox input:hover, form.searchbox input:active, form.searchbox input:focus {
	width: 80%;
	max-width: 80%;
	outline: none;
	background-color: #fff;
	background-color: rgba(255,255,255,.6);
	-moz-border-image:    url(images/col-border-orange.png) 2 stretch ;
	-webkit-border-image: url(images/col-border-orange.png) 2 stretch ;
	-o-border-image:      url(images/col-border-orange.png) 2 stretch ;
	border-image:         url(images/col-border-orange.png) 2 stretch ;
	color: #008A94;
}
form.searchbox input[type=submit] {
	max-width: 40px;
	width: 40px;
	height: 40px;
	margin: 0;
	background: url(images/search-icon.png) no-repeat left top;
	background-position: 6px;	
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 20px;
	border: 2px solid #009EA6;
	padding: 2px;
	font-size: 1.2em;
	text-indent: 24px;	
	text-indent: -9999px;
}
form.searchbox input[type=submit]:hover, form.searchbox input[type=submit]:active, form.searchbox input[type=submit]:focus { 
	border-color: #F77E00;
}

/* ---------------------------------------
SEARCH
--------------------------------------- */
body.search ul {
	list-style: none;
} 

body.search ul li {
	margin: 0 0 1em 0;
}
body.search article ul li:before {
	content: ' ';
	width: .6em;
	height: .6em;
	border-radius: 50%;
	background: #F77E00;
	float: left;
	margin: .56em 0 0 -1em;
}
body.search ul li h2 {
	font-size: 1.4em;
}
body.search ul li p {
	margin: 0 0 .36em 0;
}
/* ---------------------------------------
thank you page
--------------------------------------- */
.thanks {
	overflow: hidden;
}

.thanks article h1 + p {
	margin: 0 0 .46em 0;
}


/* ---------------------------------------
404
--------------------------------------- */
.not-found {
	overflow: hidden;
}
.not-found ul {
	list-style: none;
}
.not-found article h1 + p {
	font-size: 1em;
	margin: 0 0 .46em 0;
}
/* ---------------------------------------
404 - search box (inline)
--------------------------------------- */
.not-found form.searchbox {
	margin: .5em 0;
	position: relative;
}
.not-found article form.searchbox input#form1_q {
	width: 27%;   
	max-width: 27%;
}
.not-found article form.searchbox input#form1_q:active, .not-found article form.searchbox input#form1_q:focus {
	width: 47%;   
	max-width: 47%;
	outline: none;
	background-color: #fff;
	background-color: rgba(255,255,255,.6);
	border-top-width: 1px;
	border-left-width: 1px;
}



/* =========================================
MQs //460 start								460
========================================= */
@media (min-width : 460px) {
/* @group  */
	header {
		text-align: left;
	}
	header a {
		display: block;
		width: 6.36em;
		margin: 0 auto;
	}
	header h1 {	
		padding: .26em 0;
		position: relative;
		overflow: hidden;
		font-size: 1.2em;
		line-height: .6;	
	}
	header em {
		display: block;
		margin: .16em 0 0 0;
		font-size: .46em;
		line-height: 1;
		text-indent: 3.6em;
	}
	header strong {
		position: absolute;
		top: .14em;
		left: 1.32em;
		font-size: 2.36em;
		letter-spacing: -.06em;
	}
	/* content */
	article {
		width: 100%;
		margin: 0 auto;
	}
	img.noresize {
		width: auto;
		height: auto;
	}
	img.inset {
		margin: 0;
	}
	img.alignleft {	
		width: auto;
		height: auto;
		display: block;
		float: left;
		margin: .6em .6em .6em -7em;
	}
	/* homepage */
	.feat a {
/*		clear: left;*/
		display: block;
		float: left;
		margin: 0 5% 1em 0;
	}
	/* individual sizes */
	.feat a.home-feat1 {
		width: 42%;
		height: auto;
		margin: 0 3% 0 0;
	}
	.feat a.home-feat2 {
		margin: 0 0 1em 0;
	}
	.feat a.home-feat3 {
		width: 32%;
		height: auto;
		margin: 0 3% 0 0;
	}
	.feat a.home-feat4 {
		width: 20%;
		height: auto;
		float: left;
		margin: 0;
	}
	.feat a img, .feat a img.alignleft {
		margin: 0;
	}
	.clientlink, a.questlink {
		width: 46%;
		float: left;
	}
	.clientlink {
		clear: none;
		float: right;
	}
	.not-found .clientlink {
		float: left;
	}
	a.questlink h3, .clientlink h3 {
		font-size: 1.13em;
	}
	/* what page */
	/*p.worklink a.view {
		margin-left: 2em;
		padding-bottom: 0;
	}*/
	/* footer */
	footer ul {
		width: 50%;
		float: left;
		margin: 0 0 1em 0;
	}
	
	p.worklink {
		font-size: 1.2em;	
	}
	
	footer div.studio-info p {
		clear: both;
		width: 50%;
		float: left;
	}
	footer div.studio-info form.searchbox {
		width: 50%;
		margin: 0;
		overflow: hidden;
	}
	div.typeform-widget, div.typeform-wrapper {
		padding: 0;
		margin: 0;
		border: 0;
	}
	/* work pages */
	blockquote + img {
		margin: 1.26em 0 1.26em -200px;
	}
	p.worklink span {
		display: inline-block;
		opacity: .76;
		font-size: .8em;
		font-style: italic;
	}
	p.worklink span span {
		position: relative;
		top: 0;
	}
	p.worklink a {
		width: 6em;
		clear: none;
		display: block;
		font-size: .8em;
		line-height: 1.2;
		margin: .4em 0 0 0;
		padding: 0 1.7em 0 0;
		background-position: center right;
		
	}
	p.worklink a {
		float: right;
		text-align: right;
	}
	.screenshots ul.navlink li {
		float: left;
		width: 50%;
		text-align: left;
	}
	ul.navlink li.site {
		text-align: right;
	}
	
	.intro ul.navlink li {
		width: 50%;
	}
	/*.intro ul.navlink li.date {
		display: block;
		width: 100%;
		float: none;
	}*/
	.intro img {
		width: 40%;
		height: auto;
		margin: 0 0 1em 1em;
		float: right;
	}
	.intro .scr-row {
		max-width: 32em;
		margin: 0 auto;
	}
	.intro .scr-row .scr-circle {
		clear: none;
		width: 31%;
		float: left;
		margin: 0 3% 0 0;
	}
	
	.intro .scr-circle:last-of-type {
		margin: 0;
	}
	
	#silk-tweed .intro h1 {
		background: url(images/work/snt/silk-bow-white.png) top left no-repeat;
		background-size: contain;
		padding-top: 0;
		padding-left: 2em;
		text-align: left;
	}
/*	.work-single article .scr-row {
		max-width: 32em;
	}*/
	.work-single .scr-half {
		clear: none;
		width: 48%;
		margin-right: 4%;
		float: left;
	}
	.work-single .scr-half:last-of-type {
		margin-right: 0;
	}
	.work-single .scr-half img {
		width: 100%;
		height: auto;
	}
	.intro ul.navlink li {
		font-style: normal;
		width: 25%;
		float: right;
	}
	.intro ul.navlink li.date {
		width: 70%;
		float: left;
	}
	/* project planner */
	.plan-form fieldset#project ul li label {
		line-height: 1.2;
	}



	.screenshot__gallery .gallery-item { 
		width: 48%; 
	}

/* @end */
}

@media (min-width : 500px) {
	.screenshot-gallery {
		margin-left: -.6em;
		margin-left: -3vw;
		overflow: hidden;
	}

	screenshot-gallery .gallery {
		margin-bottom: 2em;
	}

	.screenshot-gallery .gallery figure {
		width: 50%;
		float: left;
	}

	.screenshot-gallery .gallery figure a {
		padding: .6em 0 0 .6em;
		padding: 2.5vw 0 0 3vw;

	}

}


/* =========================================
MQs //460 start								600
========================================= */
@media (min-width : 600px) {
/* @group  */
	#tb, #lb, #rb, #bb {
		border: 5px solid #E08530;
	}
	#tb {		
		border-width: 5px;
		-moz-border-image:    url(images/col-border-highlight-top.png) 4 stretch ;
		-webkit-border-image: url(images/col-border-highlight-top.png) 4 stretch ;
		-o-border-image:      url(images/col-border-highlight-top.png) 4 stretch ;
		border-image:         url(images/col-border-highlight-top.png) 4 stretch ;
	}
	#bb {
		border-width: 5px;
		-moz-border-image:    url(images/col-border-highlight-bottom.png) 4 stretch ;
		-webkit-border-image: url(images/col-border-highlight-bottom.png) 4 stretch ;
		-o-border-image:      url(images/col-border-highlight-bottom.png) 4 stretch ;
		border-image:         url(images/col-border-highlight-bottom.png) 4 stretch ;
	}
	#lb {
		border-width: 5px;
		-moz-border-image:    url(images/col-border-highlight-left.png) 4 stretch ;
		-webkit-border-image: url(images/col-border-highlight-left.png) 4 stretch ;
		-o-border-image:      url(images/col-border-highlight-left.png) 4 stretch ;
		border-image:         url(images/col-border-highlight-left.png) 4 stretch ;
	}
	#rb {
		border-width: 5px;
		-moz-border-image:    url(images/col-border-highlight-right.png) 4 stretch ;
		-webkit-border-image: url(images/col-border-highlight-right.png) 4 stretch ;
		-o-border-image:      url(images/col-border-highlight-right.png) 4 stretch ;
		border-image:         url(images/col-border-highlight-right.png) 4 stretch ;
	}

	/* content */
	.home article h1 {
		font-size: 1.8em;
	}
	a.questlink h3, .clientlink h3 {
		font-size: 1.46em;
	}
	article h1 {
		font-size: 2em;
	}
	
	article h2 {
		font-size: 1.8em;	
	}
	article h3 {
		font-size: 1.6em;	
	}
	
	ul.navlink li {
		float: left;
		width: 33%;
		text-align: left;
	}
	ul.navlink li.prev {
		text-align: left;
	}
	ul.navlink li.next, ul.navlink li.site {
	
		float: right;
		text-align: right;
	}
	.intro h1, .intro h2, .intro p {
		max-width: 46em;
		margin: 0 auto;
	}
	.intro p {
		max-width: 32em; /* sorry, didn't understand, why 48:) */
		margin: 0 auto 1em auto;
		
	}

	/* work page, specific */
	.intro h1, #talk-web-design .intro h1, #woodtech-interiors .intro h1, #jjs-cider .intro h1 {	
		font-size: 2em;
		max-width: 16em;	
		margin-bottom: .26em;
	}
	
	.intro h2 {
		font-size: 1em;
		max-width: 32em;
		margin: 0 auto .8em auto;
	}
	
	/* project planner */
	.plan-form fieldset legend {
		display: block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		width: 100%;
		position: absolute;
		top: 0;
		margin: 0;
		padding: .8em 0 0 3.6em;
		font-size: 1.76em;
		line-height: 1.2;
	}
	.plan-form fieldset ul li, .plan-form span.wpcf7-list-item {
		width: 30%;
		float: left;
		margin: 0 5% 0 0;
	}
	.plan-form fieldset ul li:last-child, .plan-form span.wpcf7-list-item.last {
		margin: 0;
	}
	.thanks article p {
		margin: 0 300px .46em 0;
	}
	/* error page */
	.not-found article form.searchbox input#form1_q:active, .not-found article form.searchbox input#form1_q:focus {
		width: 50%;   
		color: #000;
		cursor: auto;
		outline: none;
		border-color: #FF8400;
	}
	.not-found article h1 + p {
		font-size: 1em;
		margin: 0 300px .46em 0;
	}
	.not-found article p {
		margin: 0 300px .46em 0;
	}
	.feat {
		overflow: hidden;
		width: 800px;
		position: relative;
		overflow: visible;
		min-height: auto;
		height: 330px;
		margin: -3em 0 -2em -170px;
		-webkit-transform: scale(.6);  
		-moz-transform: scale(.6);   
		-ms-transform: scale(.6);  
		-o-transform: scale(.6);  	        
		transform: scale(.6);
	}
	.feat a {
		display: block;
		-webkit-transform: scale(.96);  
		-moz-transform: scale(.96);   
		-ms-transform: scale(.96);  
		-o-transform: scale(.96);  	        
		transform: scale(.96);
		position: absolute;
		bottom: 0;
/*		margin: 0 5% 1em 0;*/
	}
	
	.feat a.home-feat1 {
		max-width: 224px;
		height: auto;
		left: 0;
	}
	.feat a.home-feat2 {
		max-width: 406px;
		height: auto;
		margin: 0;
		top: auto;
		bottom: 0;
		left: 242px;
	}
	.feat a.home-feat3 {
		max-width: 160px;
		height: auto;
		left: 670px;
	}
	.feat a.home-feat4 {
		max-width: 89px;
		height: auto;
		left: 855px;
		width: 89px;
	}
	
	#silk-tweed .intro h1 {
		background: url(images/work/snt/silk-bow-white.png) top left no-repeat;
		background-position-x: 0;
		background-size: contain;
		padding-left: 2.5em;
	}	


/* @end */
}


@media (min-width : 631px) {
	ul.navlink  {
		width: 90%;
		max-width: 32em;
		margin:	 0 auto;
	}
	li.site a {
		float: right;
	}
	.work-single .navlinks, .case-study-single .navlinks, .work-single.screenshots .navlinks {
		padding: 0 0;
	}	
}
@media (min-width : 700px) { 
	.feat {
		margin: -3em 0 -2em -180px;
		-webkit-transform: scale(.7);  
		-moz-transform: scale(.7);   
		-ms-transform: scale(.7);  
		-o-transform: scale(.7);  	        
		transform: scale(.7);
	}

	.screenshot__gallery .gallery-item { 
		width: 32%; 
	}

	.screenshot-gallery .gallery figure {
		width: 33%;
	}

}


/* =========================================
MQs //900 start								900
========================================= */
@media (min-width : 900px) {
/* @group Untitled Group */
	header div {
		overflow: hidden;
		max-width: 16em;
		margin: 0 auto;
		padding: 0;
	}

	header a {
		display: block;
		float: left;
	}
	nav {	
		width: 12.6em;
		padding: 1.36em 0 0 0;
		margin: -.86em 0 0 0;
		float: right;
	}
	/* content */
	img {
		width: auto;
		height: auto;
		margin: 1.26em 0 1.26em -120px;
	}
	
	img.alignright {	
		width: auto;
		height: auto;
		display: block;
		float: right;
		margin: .6em 0 .6em .6em;
	}
	img.alignright + p, img.alignright + p + p {
		margin: 0 0 1.26em -100px;	
	}
	article h3 {
		font-size: 1.6em;	
	}
	#jjs-cider h3 + img.alignright, #jjs-cider h3 + p > img.alignright {
		margin: 1.26em -100px 1.26em 1.26em;	
	}
	
	/* forms */
	plan-form fieldset, .plan-form fieldset#details, .plan-form fieldset#project, .plan-form fieldset#plan, .plan-form fieldset#send  {
		width: 140%;
		margin: 0 -20% 3em -20%;
	}
	.contact-form .cta  {
	    font-size: 1.1em;
	}
	/* work pages */
	.work-single img, .case-study-single img {
		margin-left: -100px;
	}
	.work-single img.fit, .case-study-single img.fit {
		margin-left: 0;
	}
	.work-single .intro img, .case-study-single .intro img {
		/*width: 360px;
		height: auto;*/
		width: 40%;
		float: right;
		margin: 0 0 1em 1em;
	}
	.work-single.screenshots .scr-full img {
		max-width: 800px;
		margin-left: -100px;
	}
	
	.work-single.screenshots .scr-half img {
		max-width: auto;
		margin-left: 0;
	}
	#jjs-cider h3:nth-of-type(2) + p, #jjs-cider  h3:nth-of-type(2) + p + p  {
		margin: 0 0 1.26em -100px;	
	}
	#silk-tweed .intro h1 {
		background: url(images/work/snt/silk-bow-white.png) top left no-repeat;
		background-position-x: .6em;
		background-size: contain;
		padding-left: 2.66em;
	}
	#talk-web-design  img.center {
		margin-left: 0;
	}
	#silk-tweed article h1, section.silk-tweed h2 {
		font-size: 2.6em;
		margin-left: -120px;
	}
	.screenshots h1 {
		font-size: 2.2em;
	}
	

/* --- screenshots gallery -- */	
	.screenshot-gallery {
		overflow: visible;
		margin-left: 0;
	}

	.screenshot-gallery .gallery {
		margin: 1.5em -100px 1em -100px;

		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex; 

		-webkit-align-items: center;
   		align-items: center;
	}

	.screenshot-gallery .gallery figure {
		width: auto;
		float: none;
		padding: 0 .4em;
	}

	.screenshot-gallery .gallery .gallery-item:nth-child(1),
	.screenshot-gallery .gallery .gallery-item:nth-child(4),
	.screenshot-gallery .gallery .gallery-item:nth-child(7),
	.screenshot-gallery .gallery .gallery-item:nth-child(10) {
		-webkit-box-flex: 2 2 180px;   /* OLD - iOS 6-, Safari 3.1-6 */
		-webkit-flex: 2 2 180px;       /* Safari 6.1+. iOS 7.1+, BB10 */
		-ms-flex: 2 2 180px;           /* IE 10 */
		flex: 2 2 180px;
	}

	.screenshot-gallery .gallery .gallery-item:nth-child(2),
	.screenshot-gallery .gallery .gallery-item:nth-child(5),
	.screenshot-gallery .gallery .gallery-item:nth-child(8),
	.screenshot-gallery .gallery .gallery-item:nth-child(11) {
		-webkit-box-flex: 2 2 250px;   /* OLD - iOS 6-, Safari 3.1-6 */
		-webkit-flex: 2 2 250px;       /* Safari 6.1+. iOS 7.1+, BB10 */
		-ms-flex: 2 2 250px;           /* IE 10 */
		flex: 2 2 250px;
	}

	.screenshot-gallery .gallery .gallery-item:nth-child(3),
	.screenshot-gallery .gallery .gallery-item:nth-child(6),
	.screenshot-gallery .gallery .gallery-item:nth-child(9),
	.screenshot-gallery .gallery .gallery-item:nth-child(12) {
		-webkit-box-flex: 2 2 300px;   /* OLD - iOS 6-, Safari 3.1-6 */
		-webkit-flex: 2 2 300px;       /* Safari 6.1+. iOS 7.1+, BB10 */
		-ms-flex: 2 2 300px;           /* IE 10 */
		flex: 2 2 300px;
	}


	.screenshot-gallery .gallery figure a {
		padding: 0;
	}

	.screenshot-gallery .gallery figure a img {
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

	.screenshot-gallery .gallery figure a img:hover, .screenshot-gallery .gallery figure a img:acctive, .screenshot-gallery .gallery figure a img:focus {
		transform: scale(1.2); 
	}

/* @end */
}


/* =========================================
MQs //460 start								900
========================================= */
@media (min-width : 1000px) {
	/* homepage */
	.feat {
		margin: 0 0 0 -200px;
		-webkit-transform: none;  
		-moz-transform: none;   
		-ms-transform: none;  
		-o-transform: none;  	        
		transform: none;
	}
	.feat a.home-feat1, .feat a.home-feat2, .feat a.home-feat3, .feat a.home-feat4 {
		display: block;
		-webkit-transform: scale(.96);  
		-moz-transform: scale(.96);   
		-ms-transform: scale(.96);  
		-o-transform: scale(.96);  	        
		transform: scale(.96);
		position: absolute;
		bottom: 0;
		margin: 0 0 1em 0;
	}
	
	.feat a:hover  {
		z-index: 200;
		-webkit-transform: scale(1.1);  
		-moz-transform: scale(1.1);   
		-ms-transform: scale(1.1);  
		-o-transform: scale(1.1);  	        
		transform: scale(1.1);
	}
}
@media (min-width : 1100px) {
	.feat {
		margin: 0 0 0 -220px;
	}

/*	.screenshot__gallery .gallery-item { 
		width: 23%;
	}*/
}

@media (min-width : 1300px) {
	.screenshot-gallery .gallery {
		  margin: 1.5em -200px 1em -200px;
	}
}