/* 0@charset "UTF-8"; */
/* CSS Document */
/* Writer Guy Cyan – #00AEEF rgba(0, 174, 239, 1) */
/* Writer Guy Cyan Stipple – #00C0F3 rgba(0, 192, 243, 0.95) */
/* Writer Guy Grey – #00C0F3 rgba(0, 0, 0, 0.75) */

/*
----------------------------------------
reset CSS
----------------------------------------
*/

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;
}
body {
	line-height: 1;
}

h1, h2, h3, h4, p {
	text-rendering: optimizeLegibility ;
/*	-webkit-font-smoothing: antialiased; */
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img, video, object, embed {
	max-width:100%;
}

/*
----------------------------------------
universal styling
----------------------------------------
*/

html {
  height: 100%;
}

body {
	background-color: rgb(247,247,247);
	background-color: rgba(247,247,247,1);
}

#top_margin, #spacer {
	height: 15px;
	height: 0px;
	margin-left: 0.9375rem;
	overflow:hidden;
}

#galleria_placeholder,
.project_gallery {
	width: 13.75rem;
	height: 9.875rem;
	background: transparent;
	width: 100%;
}

#galleria_menu {
    position:absolute;
    top:0;
    left:0;
    background: url(../images/backgrounds/menu_bar.png) repeat-x;
    height:31px;
    z-index:10001;
    width:100%;
	overflow: hidden;
	opacity: 0;
}

#galleria_menu li a {
	color: black;
	color: rgba(255,255,255,0.5);
	background: transparent;
	background: url(../js/galleria/themes/twelve/separator.png) no-repeat right;
	text-decoration:none;
    font: 11px/15px arial,sans-serif;
	padding: 10px 7px 5px;
	display:inline-block;
	white-space: pre;
	font-weight:bold;
}

#galleria_menu li:first-child a {
	padding: 9px 9px 4px 8px;
}

#galleria_menu a em {
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
}

#galleria_menu a:link,
#galleria_menu a:visited {
	color: rgb(247,247,247);
	color: rgba(247,247,247,1);
	color: black;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
}

#res_button a:hover,
#galleria_menu a:hover {
	color: rgb(255,255,255);
	color: rgb(255,255,255,1);
	background-color: rgb(0,153,255);
	background-color: rgba(0,153,255,1);
	background-color: rgba(255,255,255,0.5);
	background-color: black;
	color: rgb(247,247,247);
	color: rgba(247,247,247,1);
	color: white;
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

#galleria_menu a.selected {
	color: rgb(255,255,255);
	color: rgb(255,255,255,1);
	background-color: rgb(0,153,255);
	background-color: rgba(0,153,255,1);
	background-color: rgba(255,255,255,0.5);
	background-color: black;
	color: rgb(247,247,247);
	color: rgba(247,247,247,1);
	color: white;
	-webkit-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
}

#galleria_menu li {
	float: left;
}

#gallery_button_1,
#gallery_button_2,
#gallery_button_3,
#gallery_button_4,
#gallery_button_5 {
	visibility: hidden; 
}

.menu,
.element,
.mobile_element {
	margin: 0 0 0 0.9375rem;
	width: 13.75rem;
	background-color: rgba(247,247,247,1);
}

top_stamp {
	position: absolute;
	left: 0;
	top: 0;
}

.hidden {
	display: none;
}

#isotope_container {
	width: 100%;
	margin: 0.9375rem 0 0;
	padding: 0 0; 
}

/*
------------------------------------
menu styling
------------------------------------
*/

.standard_screen {
	height: auto;
}

.menu h3 {
	padding: 0.6875rem 0 0.75rem;
	color: rgba(0,0,0,1);
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.0rem ;
	line-height: 1rem;
}

.menu h4 {
	padding: 0 0 0.0625rem;
	color: rgba(0,0,0,1);
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 0.875rem;
}

.menu a,
.menu a:link,
.menu a:visited {
	color: rgba(0,0,0,0.5);
	text-decoration:none;
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.menu a.selected,
.menu a:hover {
	color: rgba(0,153,255,1);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.menu a:active {
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

/*
------------------------------------
footer styling
------------------------------------
*/

#footer {
	height:0;
	margin: 0 0 0.9375rem 0.9375rem;
	margin: 0 0 0.9375rem 1.9375rem;
	overflow:hidden;
}

/*
------------------------------------
tag styling
------------------------------------
*/

.tags li {
	float: left;
	margin: 0 0.25rem 1rem 0;
}

.tags a {
	background-color: rgba(0,0,0,0.35);
	background-color: rgba(0,0,0,0.10);
	color: rgb(247,247,247);
	color: rgba(247,247,247,1);
	color: black;
	padding: 0 0.625rem 0;
	-moz-border-radius: 0.875rem;
	border-radius: 0.875rem;
	text-decoration:none;
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8125rem ;
	white-space: pre;
	line-height: 0.8125rem;
}

.tags a em {
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
}

.tags a:link,
.tags a:visited {
	color: rgb(247,247,247);
	color: rgba(247,247,247,1);
	color: black;
	-webkit-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
}

/* Next to fix up specicifity for Firefox */

.tags a.selected,
.tags a:hover {
	color: rgb(255,255,255);
	color: rgb(255,255,255,1);
	background-color: rgb(0,153,255);
	background-color: rgba(0,153,255,1);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

/*
----------------------------------------
brand block styling 
----------------------------------------
*/

.brand_block {
	height: 15.9375rem;
	background-color: rgb(0,153,255);
	background-color: rgba(0,153,255,1);
	background-color: transparent;
}

.brand_block img {
	height: 15.9375rem;
	background-color:rgba(0,153,255,1);
	display:block;
}

/*
----------------------------------------
top navigation styling 
----------------------------------------
*/

.nav {
	overflow: hidden;
	width: 100%;
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125) ;
}

.nav li {
	float: left;
	padding: 0 0 0 0.875rem;
	font-size: 1.0rem;
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4375rem;	
}

.nav li:first-child {
	padding: 0;
}

.nav li:last-child {
	float: right;
	padding: 0;
}

/*
----------------------------------------
intro styling
----------------------------------------
*/

.intro_text {
	overflow: hidden;
	width: 100%;
	padding-bottom: 0.4375rem;
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125) ;  
}

.intro_text h1,
.intro_text p {
	padding: 0.375rem 0 0;
	margin: 0;
	color: rgba(0,0,0,1);
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.1875rem ;
	line-height: 2.0rem;
	line-height: 1.87rem;
	line-height: 1.9325rem;
	font-size: 1.3rem;
	line-height: 2.095rem;	
}

.intro_text h1 strong,
.intro_text p strong {
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal ;
	font-weight: 600 ;
}

.intro_text h1 em,
.intro_text p em {
	font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2",serif;
	font-style: italic ;
	font-weight: 500;
}

.intro_text .extended_intro p {
	font-size: 1.0rem ;
	line-height: 1.75rem;
	line-height: 1.6875rem;
	padding: 0 0 0.9375rem;
}

.intro_text .extended_intro p em {
	font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2",serif;
	font-style: italic ;
	font-weight: 500;
}

.intro_text .extended_intro p del {
	text-decoration:line-through;
}

.intro_text .extended_intro p:first-child {
	font-size: 1.0rem ;
	line-height: 1.75rem;
	line-height: 1.6875rem;
	padding: 0.625rem 0 0.9375rem;
}

.intro_text .extended_intro p:last-child {
	font-size: 1.0rem ;
	line-height: 1.625rem;
	line-height: 1.5575rem;
	padding: 0 0 0.3125rem;
}

/*
----------------------------------------
portrait styling
----------------------------------------
*/

.portrait {
	overflow: hidden;
	width: 100%;
	margin-top: 2.1875rem;
	border-top: solid 0.0625rem rgba(0, 0, 0, 0.125) ;  
}	

.portrait .portrait_hero img {
	margin: 0 0 0.625rem 0;
	display: block;
}

/*
----------------------------------------
tag selector + about selector styling
----------------------------------------
*/

.tag_selector,
.about_selector {
	overflow: hidden;
	width: 100%;
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125); 
}

.tag_selector h2,
.about_selector h2 {
	padding: 0.6875rem 0 0.4375rem;
	color: rgba(0,0,0,1);
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.0rem ;
	line-height: 1.0rem;
}

.tag_selector ul,
.about_selector ul {
	overflow: hidden;
	width: 100%;
	padding: 0.9375rem 0 0.125rem;
}

/*
----------------------------------------
about overview styling
----------------------------------------
*/

.about_overview {
	border: none;
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125); 
}

/*
----------------------------------------
contact map styling
----------------------------------------
*/

#contact_map {
	width: 13.75rem;
	height: 15.9375rem;
	margin-top: 0.9375rem;
/*	margin-bottom: 0.9375rem; */
	margin-bottom: 0rem;
	overflow: hidden;
}

#contact_map_spacer {
	overflow: hidden;
	width: 13.75rem;
	height: 0.9375rem;
	padding: 0;
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125);
}

/*
----------------------------------------
short contact details styling
----------------------------------------
*/

.short_contact_details {
	overflow: hidden;
	width: 100%;
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125);
}

.short_contact_details img {
	width: 1.875rem;
	display: block;
}


.short_contact_details a {
	color: rgba(0,0,0,0.5);
	text-decoration:none;
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 0.875rem;
}

.short_contact_details a em {
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
}

.short_contact_details_container {
	overflow: hidden;
	width: 100%;
	margin: 0 0 0.25rem 0;
}

.short_contact_details_container:last-child {
	margin: 0 0 0.8125rem 0;
}	

.short_contact_details_image {
	padding: 0 0.625rem 0 0; 
	float: left;
}

.short_contact_details_link {
	padding-top: 0.5rem;
	float: left;
}

/*
----------------------------------------
social media styling
----------------------------------------
*/


.social_media_icons {
	overflow:hidden;
	width:100%;
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125);
}	
.social_media_icons img {
	width: 1.875rem;
	display: block;
}

.social_media_icons a {
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8125rem;
	line-height: 0.8125rem;
}	

.social_media_icons_container {
	overflow:hidden;
	width:100%;
	margin: 0 0 0.875rem 0;
}

.social_media_icons_image {
	padding: 0 0.625rem 0 0; 
	float: left;
}

.social_media_icons_link {
	float: left;
}

/*
----------------------------------------
links to interests styling
----------------------------------------
*/

.curious_asides {
	overflow:hidden;
	width:100%;
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125);
}

.curious_asides_container a img {
	height: 1.5625rem;
	display: block;
}

.curious_asides_container {
	float: left;
	padding: 0 0.625rem 0.9375rem 0;
}

.curious_asides_container:last-child {
	padding-right: 0;
}

/*
----------------------------------------
disclaimers & mandatories menu styling
----------------------------------------
*/

.disclaimers h2 {
	padding: 0.6875rem 0 0.5625rem;

}	


.disclaimers a {
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8125rem ;
	line-height: 0.8125rem;
}	

.disclaimers li {
	padding: 0 0 0.3125rem 0;
}

/*
----------------------------------------
project + mandatory + contact + faq styling
----------------------------------------
*/

.mandatory,
.contact,
.testimonial,
.faq,
.project {
	margin: 0 0 0.9375rem 0.9375rem;
	width: 13.75rem;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,1);
	border: solid 0.0625rem rgba(0,0,0,0.25);  
}

.mandatory h2,
.contact h2,
.testimonial h2,
.project h2 {
	background-color: rgba(255,255,255);
	background-color: rgba(255,255,255,1);
	color: rgb(0,0,0);
	color: rgba(0,0,0,1);
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem ;
	line-height: 1.375rem;
	line-height: 1.3125rem;	
}

.contact h2 em,
.project h2 em {
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;	
	font-size: 1.0rem;
}

.mandatory h2 a,
.mandatory h2 a:link,
.mandatory h2 a:visited,
.contact h2 a,
.contact h2 a:link,
.contact h2 a:visited,
.project h2 a,
.project h2 a:link,
.project h2 a:visited {
	color: rgba(0,0,0,0.5);
	text-decoration:none;
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.mandatory h2 .selected,
.mandatory h2 a:hover,
.contact h2 .selected,
.contact h2 a:hover,
.project h2 .selected,
.project h2 a:hover {
	color: rgba(0,153,255,1);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.mandatory h2 a:active,
.contact h2 a:active,
.project h2 a:active {
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.mandatory p,
.contact p,
.testimonial p,
.faq p,
.project p {
	margin: 9px 0 0 0;
	background-color: rgba(255,255,255);
	background-color: rgba(255,255,255,1);
	color: rgb(0,0,0);
	color: rgba(0,0,0,1);
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;		
	font-size: 0.875rem ;
	line-height: 1.375rem;		
	line-height: 1.3125rem;		
}

.mandatory p del,
.faq p del,
.contact p del,
.project p del {
	text-decoration:line-through;
}

.project_image {
	background-image: url(../images/backgrounds/project_placeholder@2x.gif);
	background-image: url(../images/backgrounds/RobSweettenWriterGuy@2x.png);
	background-size: 13.75rem 9.875rem;	
	background-position: center;
	background-repeat: no-repeat;
	width: 13.75rem;
	height: 9.875rem;
}

.project_image img {
	display:none;
}

.project_image a {
    position: absolute;
    left: 0;
    top: 0;
	height: 7.625rem;
	width: 13.75rem;
	padding: 2.25rem 0 0;
    background-color: transparent;
	color: transparent;
	background-color: rgba(0,0,0,0.4);
	color: white;
	opacity: 0;	
	text-decoration:none;
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.5rem;
    text-align: center;
}

.mandatory_text,
.contact_text,
.project_text {
	height: 15rem;
	background-color: rgba(255,255,255,1);
	margin: 0.6875rem 0.625rem 0;
	overflow: hidden; 
}

.project_text a,
.project_texta a:link,
.project_text a:visited {
	color: rgba(0,0,0,0.5);
	text-decoration:none;
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_text a:hover {
	color: rgba(0,153,255,1);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_text a:active {
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_share_wrapper {
    display: none;
	position: absolute;
	bottom: 0;
	left: 0.625rem;
	height: 8.625rem;
	background-color: rgba(255,255,255,1);
	overflow:hidden;
	width: 13.125rem;
	visibility: hidden;
}

.project_share_wrapper:hover {
	visibility: visible;
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_share_content {
	position: absolute;
	bottom: 1.875rem;
	left: 0;
	background-color: #F7F7F7;
	overflow:hidden;
	width: 11.25rem;
	padding: 0.625rem 0.625rem 0.625rem 0.625rem; 
	border: solid 0.0625rem rgba(0,0,0,0.15);
	-webkit-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
	-moz-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
	box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
}

.project_share_rollover {
	position: absolute;
	bottom: 0.3125rem;
	left: 2.875rem;
	z-index: 2;
	visibility: visible;
}

.project_share_rollover a {
	background-color: transparent;
	background-image: url(../images/icons/project/share@2x.png);
	background-size: 0.9375rem 0.9375rem;
	background-repeat: no-repeat;
	width: 0.9375rem;
	display:block;
}

.project_share_rollover a img {
	opacity: 0;
	background: rgba(255,255,255,1);
	width: 0.9375rem;
}

.project_share_shortURL {
	padding: 0 0 0;
	margin: 0 0 0.625rem;
	height: 1.375rem;
	width: 10.875rem;
	float: left;
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	color: rgba(0,0,0,0.5);
}

.project_share_twitter_button {
	padding: 0 0 0; 
	height: 1.25rem;
	width: 6.25rem;
	clear: left;
	float: left;
	display:block;
}

.project_share_facebook_button {
	padding: 0 0 0; 
	height: 1.25rem;
	width: 5.0rem;
	float: left;
	display:block;
}

.project_share_linkedin_button {
	padding: 0.625rem 0.3125rem 0 0; 
	height: 1.25rem;
	width: 5.9375rem;
	display:block;
	clear: left;
	float: left;	
}

.project_share_pinterest_button {
	padding: 0.625rem 0 0; 
	height: 1.25rem;	
	width: 4.375rem;
	display:block;
	float: left;	
}

.project_tags_wrapper {
	position: absolute;
	bottom: 0;
	left: 0.625rem;
	height: 2.0rem;
	background-color: rgba(255,255,255,1);
	overflow:hidden;
	width: 13.125rem;
	visibility: hidden;
}

.project_tags_wrapper:hover {
	visibility: visible;
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_tags_content {
	position: absolute;
	bottom: 1.875rem;
	left: 0;
	background-color: #F7F7F7;
	overflow:hidden;
	width: 11.25rem;
	padding: 0.625rem 0.625rem 0 0.625rem; 
	border: solid 0.0625rem rgba(0,0,0,0.15);  
	-webkit-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
	-moz-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
	box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
}

.project_tags_content ul {
	overflow: hidden;
	width: 100%;
}

.project_tags_content.tags a:link,
.project_tags_content.tags a:visited {
	-webkit-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_tags_content.tags a:hover {
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_tags_content.tags a.selected {
	-webkit-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_tags_rollover {
	position: absolute;
	bottom: 0.3125rem;
	left: 1.375rem;
	z-index:2;
	visibility: visible;
}

.project_tags_rollover a {
	background-color: transparent;
	background-image: url(../images/icons/project/tag@2x.png);
	background-size: 0.9375rem 0.9375rem;
	background-repeat: no-repeat;
	width: 0.9375rem;
	display:block;
}

.project_tags_rollover a img {
	opacity: 0;
	background: rgba(255,255,255,1);
	width: 0.9375rem;
}

.project_view_wrapper,
.project_view_wrapper_disabled {
	position: absolute;
	bottom: 0;
	left: 0.625rem;
	height: 2.0rem;
	background-color: rgba(255,255,255,1);
	background-color: transparent;
	overflow:hidden;
	width: 13.125rem;
	visibility: hidden;
}

.project_view_wrapper:hover,
.project_view_wrapper_disabled:hover {
	visibility: visible;
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_view_content {
	position: absolute;
	bottom: 1.875rem;
	left: 0;
	background-color: #F7F7F7;
	overflow:hidden;
	width: 11.25rem;
	padding: 0.625rem 0.625rem 0 0.625rem; 
	border: solid 0.0625rem rgba(0,0,0,0.15);  
	-webkit-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
	-moz-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
	box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
}

.project_view_content ul {
	overflow: hidden;
	width: 100%;
}

.project_view_content.tags a:link,
.project_view_content.tags a:visited {
	-webkit-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_view_content.tags a:hover {
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_view_content.tags a.selected {
	-webkit-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0 cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_view_rollover {
	position: absolute;
	bottom: 0.3125rem;
	left: 0;
	z-index:2;
	visibility: visible;
}

.project_view_rollover a {
	background-color: transparent;
	background-image: url(../images/icons/project/magnifier@2x.png);
	background-size: 0.9375rem 0.9375rem;
	background-repeat: no-repeat;
	width: 0.9375rem;
	display:block;
}

.project_view_rollover a.locked {
	background-image: url(../images/icons/project/lock@2x.png);
}

.project_view_rollover a img {
	opacity: 0;
	background: rgba(255,255,255,1);
	width: 0.9375rem;
}

.project_view_rollover a,
.project_view_rollover a:link,
.project_view_rollover a:visited,
.project_share_rollover a,
.project_share_rollover a:link,
.project_share_rollover a:visited,
.project_tags_rollover a,
.project_tags_rollover a:link,
.project_tags_rollover a:visited {
	-webkit-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.project_view_rollover .selected,
.project_view_rollover a:active,
.project_share_rollover .selected,
.project_share_rollover a:hover img,
.project_share_rollover a:active,
.project_tags_rollover .selected,
.project_tags_rollover a:hover img,
.project_tags_rollover a:active  {
	opacity: 1;
	-webkit-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

/*
------------------------------------
mandatory + contact + testimonial styling
------------------------------------
*/

.contact_icon,
.mandatory_icon {
	width: 13.75rem;
	height: 9.875rem;
}

.contact_icon img,
.mandatory_icon img {
	overflow:hidden;
	width: 100%;
	display:block;
}

.mandatory_text {
	overflow:visible;
	height: 15rem;
}

.mandatory li {
	padding: 9px 0 0;
	color: rgb(0,0,0);
	color: rgba(0,0,0,1);
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;		
	font-size: 0.875rem ;
	line-height: 1.375rem;
}

.mandatory a,
.mandatory a:link,
.mandatory a:visited,
.faq a,
.faq a:link,
.faq a:visited,
.testimonial a,
.testimonial a:link,
.testimonial a:visited {
	color: rgba(0,0,0,0.5);
	text-decoration:none;
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.mandatory a:hover,
.testimonial a:hover {
	color: rgba(0,153,255,1);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.mandatory a:active,
.faq a:active,
.testimonial a:active {
	color: rgba(0,0,0,0.5);
	-webkit-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 200ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

/*
------------------------------------
Copyright styling
------------------------------------
*/

.copyright a img {
	margin: 0.75rem 0 0;
}

/*
------------------------------------
Acknowledgement styling
------------------------------------
*/

.acknowledgement_book a img {
	margin: 0.75rem 0 0;
	width: 8.5rem;
	display:block;	
	-webkit-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
	-moz-box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);
	box-shadow: 0.0625rem 0.0625rem 0.1875rem rgba(0,0,0,0.15);}

.acknowledgement_preview_rollover {
	margin: 0.5rem 0 0.3125rem;
	overflow:hidden;
	width:100%;	
}

.acknowledgement_preview_rollover a {
	background-color: transparent;
	background-image: url(../images/icons/acknowledgements/magnifier@2x.png);
	background-size: 0.9375rem 0.9375rem;
	background-repeat: no-repeat;
	width: 0.9375rem;
	display:block;
}

.acknowledgement_preview_rollover a img {
	margin: 0;
	visibility: hidden;
	width: 0.9375rem;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.acknowledgement_preview_rollover a,
.acknowledgement_preview_rollover a:link,
.acknowledgement_preview_rollover a:visited {
	-webkit-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

.acknowledgement_preview_rollover a:hover img,
.acknowledgement_preview_rollover a:active  {
	visibility: visible;
	-webkit-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -moz-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    -o-transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
    transition: all 0ms cubic-bezier(0.6, 0, 0.4, 1.0);
}

/*
------------------------------------
testimonial styling
------------------------------------
*/

.testimonial {
	overflow:hidden;
	width: 13.75rem;
	height: 25.5625rem;
}

.testimonial_bite {
	display:block;
	position:relative;
	background-color: rgba(255,255,255,1);
	height: auto;
	height: 15.875rem;
	width: 13.75rem;
	margin: 0.625rem 0.625rem 0 1.1875rem;
	margin: 0;
}

.testimonial_attribution {
	background-color: rgba(255,255,255,1);
	height: 7.5rem;
	width: 13.75rem;
	width: 12.5rem;
	margin: 0.6875rem 0.625rem 0;
}

.testimonial_attribution p {
	background-color: rgba(255,255,255);
	background-color: rgba(255,255,255,1);
	color: rgb(0,0,0);
	color: rgba(0,0,0,1);
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;			
	line-height: 1.375rem;
}

.testimonial_attribution p a em {
	font-size: 0.9375rem ;
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
}

.testimonial h2 {
	font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2",serif;
	font-style: italic ;
	font-weight: 500;
	font-size: 1.5625rem;	
	line-height: normal;
	line-height: 1.3125rem;	
	line-height: 2.125rem; 
	text-indent:-0.625rem;
	background-color: transparent;
	color: white;
	padding: 2.1875rem 0.9375rem 0;
}

/*
------------------------------------
faq styling
------------------------------------
*/

.faq_question {
	display:block;
	position:relative;
	background-color: rgba(255,255,255,1);
	height: 15.875rem;
	width: 13.75rem;
}

.faq_question h2 {
	font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2",serif;
	font-style: italic ;
	font-weight: 500;
	font-size: 1.5625rem;	
	line-height: normal;
	line-height: 2.125rem; 
	text-indent:-0.625rem;
	background-color: transparent;
	color: white;
	padding: 2.1875rem 0.9375rem 0;
}

.faq_answer {
	background-color: rgba(255,255,255,1);
	height: 9.125rem;
	width: 13.75rem;
	width: 12.5rem;
	margin: 0 0.625rem 0;
	overflow:visible;
}

.faq_answer li {
	padding: 9px 0 0;
	color: rgb(0,0,0);
	color: rgba(0,0,0,1);
	font-family: "ff-meta-web-1","ff-meta-web-2",sans-serif;
	font-style: normal;
	font-weight: 400;		
	font-size: 0.875rem ;
	line-height: 1.375rem;
}

/*
------------------------------------
extend button styling
------------------------------------
*/

.extend_button {
	float: right;
	font-size: 0.875rem ;
	line-height: 1.375rem;
	font-family: "ff-meta-sc-web-1","ff-meta-sc-web-2",sans-serif;
	font-style: normal;
	font-weight: 500;
	padding-top: 0.0625rem;
}

/*
------------------------------------
iPhone 3/3s/4/4s styling
------------------------------------
*/

@media only screen and (min-width: 200px) and (max-width: 479px) {

#container_wrapper {
	width: 100%;
}

#isotope_container {
	width: 13.75rem;
	width: 14.6875rem;
	width: 15.615rem;
	margin-left: auto;
	margin-right: auto;
}

#galleria_placeholder {
	width: 220px;
	height: 158px;
}

#intro {
	margin-bottom: 0.9375rem;
}

.portrait {
	margin-top: 0.625rem;
}

.tag_selector {
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125) ; 
	margin-bottom: 0.9375rem;
}

.about_selector {
	border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.125) ; 
	margin-bottom: 0.9375rem;
}

#contact_map_spacer {
	margin-bottom: 0.9375rem;
}

.element,
.mobile_element {
	margin-right: 0.9375rem;
}

.short_contact_details {
	border-top: solid 0.0625rem rgba(0, 0, 0, 0.125) ;  
	border-bottom: none;
}

.social_media_icons {
	border-top: solid 0.0625rem rgba(0, 0, 0, 0.125);  
}

#footer {
	height: auto;
	margin: 0 0 0.9375rem 0.9375rem;
}

.standard_screen {
	display: none;
}

}

@media only screen and (min-width: 200px) and (max-width: 250px) {

html {
  font-size: 80%;
}

}

@media only screen and (min-width: 251px) and (max-width: 270px) {

html {
  font-size: 100%;
}

}

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

html {
  font-size: 128%;
}

}

@media only screen and (min-width: 341px) and (max-width: 360px) {

html {
  font-size: 130%;
}

}

@media only screen and (min-width: 361px) and (max-width: 380px) {

html {
  font-size: 140%;
}

}

@media only screen and (min-width: 381px) and (max-width: 400px) {

html {
  font-size: 150%;
}

}

@media only screen and (min-width: 401px) and (max-width: 420px) {

html {
  font-size: 160%;
}

}

@media only screen and (min-width: 421px) and (max-width: 440px) {

html {
  font-size: 170%;
}

}

@media only screen and (min-width: 441px) and (max-width: 460px) {

html {
  font-size: 180%;
}

}

@media only screen and (min-width: 461px) and (max-width: 479px) {

html {
  font-size: 190%;
}

}