/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

#menu-icon {
	display: none;
}

body {
	font-style: normal;
	font-weight: 400;
	padding:0 0 30px 0;
	color:#4a3c31;
	font-family: "minion-pro-n4","minion-pro",serif;
	line-height: 1.75em;
	font-size: 1em;
}

#content {
	margin-bottom:1.75em;
	font-size: .75em;
	line-height: 1.9em;
}

.page-home #content,
.page-log-in #content 			{ margin-top:20px; margin-bottom: 65px; }
.page-contact #content 			{ margin-top:20px; margin-bottom: 65px; }
.page-by-room #content, 
/*.page-by-room-detail #content 	{ margin-bottom: 84px; }*/
.tab-about #content 			{ margin-top:20px; margin-bottom: 65px; }

.logo {
	font-family: "minion-pro-n7","minion-pro",serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	letter-spacing: 1em;
	padding:60px 0 27px 0;
	position: relative;
	left:.5em;
}

.ie8 .logo {
	letter-spacing: .5em;
}

.ie9 .logo,
.ie10 .logo {
	letter-spacing: 15px;
}

.logo .line1 {
	position: relative;
	left:-1px; /* to fix centering issue */
}

.logo .sub-logo {
	font-size:.8em;
	letter-spacing: .6em;
	clear: both;
	display: block;
	margin-top:.35em;
	position: relative;
	left:-3px; /* to fix centering issue */
}

a:link,
a:active,
a:visited {
	color:#a49d98;
	text-decoration: none;
}

a:hover {
	color:#4a3c31;
}

.address a:link,
.address a:active,
.address a:visited,
.address a:hover,
.email a:link,
.email a:active,
.email a:visited,
.email a:hover {
	color:#fff;
}

a.logo {
	color:#4a3c31;
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: inherit; 
}

h1 {
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height: 1.4em;
}

h1 .cap {
	font-size: 1.2em;
}

img {
	max-width: 100%;
}

.ie7 img, .ie8 img {
	width:100%;
}

ul.services,
ul.publications {
	text-align: left;
	position: relative;
}

ul.services li,
ul.publications li {
	 background: transparent url('../assets/square-brown.gif') left .4em no-repeat;
	padding:0;
	padding-left: 1.5em;
	/*margin:0;
	margin-top:1em;
	margin-left:.5em;
	display:inline; */
}

ul.services li:first-child,
ul.services li:last-child {
	/*padding:0;
	margin:0;
	background: none;*/
}

	/********************************************************
	
	Captions
	
	********************************************************/
	.caption {
		color:#666;
		font-size: .8em;
		font-family: "futura-pt-n3","futura-pt",sans-serif;
		font-weight: 300;
		text-transform:capitalize;
		text-align: left;

	}

	/* for non-portfolio and B&A photo captions */
	.photo-column .caption {
		line-height: 1em;
	}

	/* portfolio and B&A pages */
	#information-column .caption {
		line-height: 1.9em;
	}


	/********************************************************
	
	Headings
	
	********************************************************/

	.logo h1 {
		font-size: 1.25em;
		line-height: 1.4em;
		font-weight: normal;
		letter-spacing: .7em;
	}
	
	.cap {
		font-size:1.2em;
	}

	article h1 {
		font-family: "futura-pt-n4","futura-pt",sans-serif;
		text-transform: uppercase;
		font-size: 1.25em;
		color:#000;
		letter-spacing: .2em;
		font-weight: 400;
		margin-bottom: .5em;
	}
	
	article h2.location {
		font-family: "minion-pro-n5","minion-pro",sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 1em;
		margin-bottom: 1.4em;
	}
	
	article h1.no-location {
		margin-bottom: 1.25em;
	}

	/********************************************************
	
	Header
	
	********************************************************/

	header {
		text-align: center;
		position: relative;
		z-index: 100;
	}


	/********************************************************
	
	Navigation
	
	********************************************************/

	#nav-wrap {
		margin:0 auto;
		width:524px; /* this value will be overridden by jquery in postContent that measures width of menu. this is intended to prevent "jumping" from the left of page to center of the when nav bar loads */
	}

	#nav {
		text-decoration: none;
		text-align: center;
		font-family: "futura-pt-n3","futura-pt",sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		font-size: .75em;
	}
	
	#nav ul {
		text-transform: lowercase;
		font-family: "minion-pro-n4","minion-pro",serif;
		font-style: normal;
		font-weight: 400;
	}
	
	#nav a {
		padding:.4em 1.25em .75em 1.25em;
		letter-spacing: .25em;
		position: relative;
		left:1px; /* to fix centering issue */
	}

	.lastNavLink {
		margin-right:-.25em !important; /* amount of letter spacing to fix nav dropping to two lines in Chrome on Windows */
	}

	
	#nav a:hover {
		color:#000;
	}

	#nav .sub-menu a {
		padding:.75em 1.25em .75em 1.25em;
		letter-spacing: .2em;
		position: relative;
		left:5px; /* to fix centering issue */
	}

	#nav .sub-menu a:hover {
		color:#000;
	}
	
	.sf-menu div.sub-menu {
		min-width: inherit;
		width:100%;
	}
	
	.sub-menu ul {
		margin: 0 auto;
	}
	
	.currentTab > a,
	.sf-breadcrumb > a {
		color:#000;
	}
	
	.currentPage > a {
		color:#000;
	}
	
	.ie7 .sub-menu {
		margin-bottom: 3em;
	}

	.ie8 ul#nav, .ie8 .sub-menu {
		width:100% !important;
	}

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

	textarea, 
	select, 
	input[type="date"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="email"], 
	input[type="month"], 
	input[type="number"], 
	input[type="password"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="text"], 
	input[type="input"], 
	input[type="time"], 
	input[type="url"], 
	input[type="week"] {
		border: 1px solid #ccc;
		font-family: "futura-pt-n5","futura-pt",sans-serif;
		font-weight: 500;
		font-size: 1.4em;
		padding: .5em;
		width: 100%;
		color: #4a3c31;
	}
	
	/********************************************************
	
	Footer
	
	********************************************************/
	
	footer {
		text-align: center;
		font-family: "futura-pt-n3","futura-pt",sans-serif;
		font-weight: 300;
		font-size: .675em;
		position: relative;
		display: block;
		width: 100%;
		letter-spacing: .1em;
		position:relative;
		top:2em;
		color:#a49d98;
		line-height: 1.9em;

	}
		
	footer .break {
		display: inline;
	}	
		
		/********************************************************
		
		Social Links
		
		********************************************************/	

		.socialLinks {
			display: inline;
			margin-left:.4em;
		}

		.socialLinks a {
			margin-right:.4em;
			font-weight: 400;
			transition: opacity .25s ease-in-out, color .25s ease-in-out;
		   -moz-transition: opacity .25s ease-in-out, color .25s ease-in-out;
		   -webkit-transition: opacity .25s ease-in-out, color .25s ease-in-out;
		   position: relative;
		   font-size: 1.15em;
		   text-transform: uppercase;
		   letter-spacing: .25em;
		}
		
		.socialLinks a.basecamp {
			white-space: nowrap;
			width: auto;
			text-align: center;
			margin-left: 1.5em;
			margin-right: 1.5em;
		}
		
		/*
		
		.socialLinks a.facebook,
		.socialLinks a.linkedin,
		.socialLinks a.instagram,
		.socialLinks a.pinterest {
			background-image: url('../assets/social-icons-1.png');
			background-repeat: no-repeat;
			background-size: 16px 64px;
			width: 16px;
			height: 16px;
			display: inline-block;
			opacity: .5;
			border-radius: 3px;
			position: relative;
			top:.25em;
		}
		
		.socialLinks a.facebook {
			background-position:0 0;
		}
		
		.socialLinks a.linkedin {
			background-position:0 -16px;
		}
				
		.socialLinks a.instagram {
			background-position: 0 -32px;
		}
		
		.socialLinks a.pinterest {
			background-position: 0 -48px;
		}

		.socialLinks a:hover {
			opacity: 1;
		}
		
		.socialLinks a span {
			display: none;
		}
		
		.ie7 .socialLinks .facebook,
		.ie8 .socialLinks .facebook {
			background-image: url('../assets/facebook.gif');
			background-position: 0 0;
		}

		.ie7 .socialLinks .linkedin,
		.ie8 .socialLinks .linkedin {
			background-image: url('../assets/linkedin.gif');
			background-position: 0 0;
		}
	
	*/
	
/********************************************************/
/********************************************************/
/********************************************************/
/*********************************************************


Page Styles


*********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

.home-search-text {
	margin-top:800px; 
	padding:100px 0 0 0; 
	border-top:1px solid #ccc;
	font-size: .875em !important;
	text-align: justify;
}

.home-search-text h1,
.home-search-text h2 {
	text-align: center;
}

.home-search-text h1 {
	font-family: "minion-pro-n4","minion-pro",serif;
	font-style: normal;
	font-weight: normal;
}

.home-search-text h2 {
	margin:1em 0 2em 0;
}


	/********************************************************
	
	Text boxes (text-column)
	
	********************************************************/

	.tab-about .text-column-container,
	.tab-contact .text-column-container {
		padding-top:60px;
		padding-bottom: 60px;
		height:340px;
		position: relative;
		overflow: hidden;
		letter-spacing: .09em;
	}

	.tab-about .photo-column {
		width: 270px;
	}
	
	.tab-about .text-column-container {
		width: 280px; /* 270 for text, 10 for the scroll bar */
	}
	
	.tab-about .photo-column {
		float: left;
		margin-left: 25px;
	}
	
	.tab-about .text-column-container {
		float: right;
		margin-right: 15px; /* same padding as on the left, but minus the scroll bar */
	}

	.tab-contact .text-column-container {
		color:#fff;
		background:#4a3c31;
	}

	.tab-log-in .text-column-container,
	.tab-newsletter .text-column-container {
		color:#fff;
		padding:40px 0;
		background:#4a3c31;
		height:340px;
		position: relative;
		overflow: hidden;
		letter-spacing: .09em;
	}

	
	.tab-contact .text-column-container {
		padding:0;
		height: 420px;
	}
	
	.text-column {
		text-align: justify;
		font-size: 1.0625em;
	}
	
	.text-column h1,
	.text-column h2,
	.text-column h3,
	.text-column h4,
	.text-column h5,
	.text-column h6 {
		text-align: left;
	}
	
	.tab-before-after .text-column,
	.tab-portfolio .text-column {
		text-align: left;
	}
	
	.tab-about .text-column {
		height: 340px;
	}
	
	.tab-contact .text-column,
	.tab-log-in .text-column,
	.tab-newsletter .text-column {
		text-align: center;
		height: 420px;
	}
	
	.tab-contact .text-column h1 {
		color:#dcddde;
	}
	
	.tab-log-in .text-column h1,
	.tab-newsletter .text-column h1 {
		color:#dcddde;
		font-family: "futura-pt-n6","futura-pt",sans-serif;
		font-weight: 600;
		margin-top:2em;
		text-align: center;
	}
	
	.tab-log-in .text-column,
	.tab-newsletter .text-column {
		font-size: .875em;
	}

	.tab-before-after .text-column {
		height: 360px;
	}
	
	.tab-portfolio .text-column {
		height: 360px;
	}
	
	.tab-before-after .text-column .jspContainer,
	.tab-portfolio .text-column .jspContainer {
		margin-bottom: 10px;
	}
	
	/* Overrides on scroll bar for pages with white background */
	.tab-about .jspDrag,
	.tab-before-after .jspDrag,
	.tab-portfolio .jspDrag {
		background:rgba(0,0,0,.10);
	}
	
	.tab-portfolio .jspContainer,
	.tab-before-after .jspContainer {
		padding-right: 20px !important;
		width: 130px !important;
	}

	.tab-about .jspPane {
		/* override width of jspPane for about pages so the scrollbar doesn't appear over the top of the content. This overrides an inline style */
		width:270px !important;
	}

	.tab-portfolio .jspPane,
	.tab-before-after .jspPane {
		width: 150px !important;
	}

	.jspHorizontalBar {
		display: none;
	}

		/********************************************************
		
		About > Services
		
		********************************************************/
	
		.page-services .text-column {
			font-family: "futura-pt-n4","futura-pt",sans-serif;
			font-weight: 400;
		}
	
		/********************************************************
		
		About > Publications
		
		********************************************************/
	
		.page-publications .text-column {
			font-family: "futura-pt-n4","futura-pt",sans-serif;
			font-weight: 400;
		}

		/********************************************************
		
		Log-In / Newsletter
		
		********************************************************/
	
		.page-log-in .text-column,
		.page-newsletter .text-column {
			font-family: "minion-pro-n4","minion-pro",serif;
			font-weight: 400;
			font-style: normal;
			font-weight: normal;
		}
		
		.page-newsletter .text-column label[for="mce-EMAIL"],
		.page-newsletter .text-column label[for="mce-FNAME"],
		.page-newsletter .text-column label[for="mce-LNAME"],
		.page-log-in .text-column label[for="username"],
		.page-log-in .text-column label[for="password"] {
			text-transform: uppercase;
			margin-top:2em;
			letter-spacing: .25em;
			font-family: "futura-pt-n4","futura-pt",sans-serif;
			font-weight: 400;
		}

		.page-log-in .text-column label[for="username"] {
			margin-top:3em;	
		}
		
		.page-log-in input[type="text"],
		.page-log-in input[type="password"],
		.page-newsletter input[type="text"],
		.page-newsletter input[type="email"] {
			border: none;
			background-color: #5c4f45;
			width: 16em;
			padding:1em;
			margin: 0 auto;
			color:#dad8d6;
			font-size: 1.5em;
			font-family: "minion-pro-n4","minion-pro",serif;
			font-weight: 400;
			text-align: center;
		}
		
		input[type=checkbox] {
			visibility: hidden;
		}

		/* Custom Checkbox */
		.customCheckbox {
			width: 20px;	
			margin: 20px auto;
			position: relative;
			top: 3.75em;
			font-family: "minion-pro-n4","minion-pro",sans-serif;
			font-style: normal;
			font-weight: 400;
			display: inline;
		}
		
		.customCheckbox label {
			cursor: pointer;
			position: absolute !important;
			width: 20px;
			height: 20px;
			top: 0;
			left: 0;
			background: #5c4f45;
		}
		
		.customCheckbox label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;
			content: '';
			position: absolute;
			width: 9px;
			height: 5px;
			background: transparent;
			top: 4px;
			left: 4px;
			border: 2px solid #dad8d6;
			border-top: none;
			border-right: none;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		
		.customCheckbox label:hover::after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			opacity: 0.5;
		}
		
		.customCheckbox input[type=checkbox]:checked + label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1;
		}	

		/* hack position of checkbox for Firefox */
		@-moz-document url-prefix() {
            .customCheckbox{
	         	position: relative;
	         	left:0;
	        }
	        .page-log-in input[type="text"],
			.page-log-in input[type="password"] {
				padding:0;
			}
        }

		.rememberMe {
			display: inline;
			clear: both;
			position: relative;
			top:4em;
			left:.5em;
		}

		.submit {
		    background: transparent;
		    border-top: 0;
		    border-right: 0;
		    border-bottom: 0;
		    border-left: 0;
		    color: #dcddde;
		    display: block;
		    margin: 0 auto;
		    padding: 1.5em;
			font-family: "futura-pt-n5","futura-pt",sans-serif;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: .3em;
			clear: both;
			text-align: center;
			cursor: pointer;
			display: block;
			width: 16em;
			position: relative;
			top:6em;
		}

		.tab-newsletter .submit {
			top:	1.5em;
		}

		 
		*:first-child+html .submit {        /* hack needed for IE 7 */
		    border-bottom: 0;
		    text-decoration: underline;
		}
		 
		* html .submit {                /* hack needed for IE 5/6 */
		    border-bottom: 0;
		    text-decoration: underline;
		}
		
		.submit:hover {
			color:#fff;
			background: #5c4f45;
		}

		/********************************************************
		
		Awards
		
		********************************************************/

		.awardContent {
			text-align: center;
			position: relative;
			top:75px;
		}
		
		.awardContent .awardName,
		.awardContent .awardYear {
			font-family: "futura-pt-n4","futura-pt",sans-serif;
			text-transform: uppercase;
			font-size: 1.25em;
			color:#000;
			letter-spacing: .2em;
			font-weight: 400;
			margin-bottom: 1em 0;
		}

		.awardContent .awardName {
			padding-top:1em;
		}

	/********************************************************
	
	Slider
	
	********************************************************/
	
	.flex-control-nav {
		width: 630px !important;
		bottom: -50px !important;
	}
	
	.flex-control-paging li a {
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		border-radius: 0 !important;
		width:	6px !important;
		height: 6px !important;
		border:10px solid #fff !important;
		background-color: #efefef !important;
		display: inline-block !important;
	}
	
	.flex-control-paging li a:hover,
	.flex-control-paging li a.flex-active {
		background-color: #4a3c31 !important;
	}

	
	.flex-control-nav li {
		margin: 0 !important;
	}

	.flex-caption {
		color:#666;
		font-size: .8em;
		font-family: "futura-pt-n3","futura-pt",sans-serif;
		font-weight: 300;
		text-transform:capitalize;
		position: absolute;
		left:0;
		bottom:-30px;
		text-align: right;
	}	

	.sliderImage {
		width:100%;
		/*height: 417px;*/
		height: 440px;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.slides li img {
		width: 630px;
		height: 420px;
	}
	
	/********************************************************
	
	Portfolio
	
	********************************************************/
		
	#thumbnail-grid {
		margin-top: 20px;
	}
	
	.tab-portfolio.page-by-project #thumbnail-grid .thumb,
	.tab-portfolio.page-by-detail #thumbnail-grid .thumb,
	.tab-before-after.page-before-after #thumbnail-grid .thumb {
		display: block;
		float: left;
		margin-right:10px;
		margin-bottom: 10px;
		width: 118px;
		height: 118px;
		overflow: hidden;
	}

	.tab-portfolio.page-by-project #thumbnail-grid a:nth-child(5n+5),
	.tab-portfolio.page-by-detail #thumbnail-grid a:nth-child(5n+5),
	.tab-before-after.page-before-after #thumbnail-grid a:nth-child(5n+5) {  
		margin-right:0;
	}

	.tab-portfolio.page-by-room #thumbnail-grid .thumb {
		display: block;
		float: left;
		margin-right:12px;
		margin-bottom: 12px;
		width: 95px;
		height: 375px;
		overflow: hidden;
	}

	.tab-portfolio.page-by-room #thumbnail-grid a:nth-child(6n+6),
	.tab-portfolio.page-by-room #thumbnail-grid .thumb.last-in-row {  
		margin-right:0;
	}
	
	.thumb {
		background: #bebebe;
		-webkit-filter: grayscale(80%); 
		-moz-filter: grayscale(80%);
		filter: grayscale(80%);
		filter: gray;
		filter: url(desaturate.svg#greyscale);
		filter: alpha(opacity=70);
		opacity: 0.7;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		zoom: 1;
	}

	.thumb:hover {
		filter: none;
		-webkit-filter: grayscale(0%);
		opacity: 1;
	}

	.b-and-a-thumb {
		background: #bebebe;
		-webkit-filter: grayscale(100%); 
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: url(desaturate.svg#greyscale);
		filter: gray;
		filter: alpha(opacity=100);
		opacity: 1;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		zoom: 1;
		height: auto;
	}

	#imageWrap { 
	    width: 100%; 
	    height: 500px; 
	    background: url('../assets/ajax-loader.gif') center center no-repeat; 
	}	

	#project-navigation {
		font-family: "futura-pt",sans-serif;
		font-weight: 400;
		list-style: none;
		margin: 0 auto;
		padding: 0;
		display: block;
		width: 100%;
		text-transform: lowercase;
		text-align: center;
		position: relative;
		/* top:-2em; */
		letter-spacing: .1em;
	}
	
	#project-navigation li {
		display: inline;
		margin: 0 !important;
		padding:0 !important;
		border-right: 1px solid #ccc;
	}
		
	#project-navigation li a {
		margin: 0;
		padding:0 16px 0 12px;
	}
	
	.page-by-project-detail #project-navigation li.grid-icon a {
		padding: 10px !important;
	}
	
	#project-navigation li:last-child {
		border:none;
	}

	#project-navigation li:last-child a {
		border-right: none;
	}
	
	#project-navigation li.first a {
		padding-left:1em;
	}
	
	#project-navigation li.first a:before 	{ content: "\25C4"; font-size: .875em; padding-right: 1em; }
	#project-navigation li.last a:after 	{ content: "\25BA"; font-size: .75em; padding-left: 1em;}
	
	#project-navigation a.inactive {
		color:#dedede !important;
		cursor: default;
	}
/*	
	a.grid-icon-link {
		background: url("/assets/icon-grid.gif") 12px 0 no-repeat;
		display: inline-block;
		width: 9px;
		height: 9px;
		position: relative;
		left:-1px;
		top:2px;
		padding:0 16px 0 12px;
	}

	a.grid-icon-link:hover {
		background-position-y:-9px;
	}
	
	#project-navigation li.grid-icon a span {
		text-indent: -9999px;
		display: none;
	}
*/	

.grid-icon-link {
	font-size: 1.15em;
}
	#information-column {
		position: relative;
		height: 460px;
		padding-top:35px;
	}
	
	.page-by-detail-detail  #information-column,
	.page-before-after-detail #information-column {
		height: 418px;
	}
	
	#image-numbers {
		text-align: center;
		top:0;
		margin-top:3em;
		font-family: "futura-pt-n3","futura-pt",sans-serif;
		color: #ccc;
		}
	
	.page-by-room-detail #image-numbers {
		margin-top:1em;
	}
	
	#image-numbers li {
		line-height: 0;
		display: inline;
	}
	
	.pagination a.current,
	.pagination a:hover {
		color:#4a3c31;
	}
	
	#image-numbers a:link,
	#image-numbers a:visited,
	#image-nubmers a:active {
		color: #a49d98;
	}
	
	#image-numbers a:hover {
		color: #000;
	}
	
	#image-numbers a.image-link {
		border:0px solid #fff;
		font-family: "freight-sans-pro",sans-serif;
		font-weight: 300;
		padding:.5em;
	}

	#image-numbers a span {
		color:#a39d98;
		padding:.5em;
	}

	#image-numbers a.current,
	#image-numbers a:hover {
		color: #4a3c31;
	}
	#image-numbers a.current span {
		color: #4a3c31;
	}
	#image-numbers div.chunk {
		/*display: inline-block;*/
		display:none !important;
	}
	
	#image-numbers a,
	#image-numbers a.image-link {
		display: none;
	}
	
	#image-numbers a.prev,
	#image-numbers a.next,
	#image-numbers a.next-project, 
	#image-numbers a.prev-project {
		display: inline-block;
		padding:.25em;
	}

	#currentImageNumber,
	#totalImages,
	#totalProjects {
		color: #a49d98;
	}

	.next, .prev,
	.next-project, .prev-project { font-size: 1.35em; }

	.pagination {
		text-align: center;
		display: block;
	}

	.pagination a {
		padding:2.5em 2em 1em 2em;
		clear: both;
		display: inline-block;
		white-space: nowrap;
		font-family: "freight-sans-pro",sans-serif;
		letter-spacing: .1em;
	}

	.tab-before-after .b-and-a-thumb {
		position: relative;
	}
	
	.tab-before-after .b-and-a-thumb.horizontal {
		top: 153px; /* 420px (height of container) minus average height of horzontal images 114px, then divided by 2 */
	}

	.tab-before-after .b-and-a-thumb.vertical {
		top: 108px; /* 420px (height of container) minus average height of vertical images 203px, then divided by 2 */
	}
	
	.imageContainer,
	.photo-column {
		text-align: center;
		position: relative;
	}
	
	.photo-column img {
		height: 420px;
	}
	
	#mainImageContainer {
		height: 420px;
		max-height: 420px;
		overflow: hidden;
		background: url('/images/pre-loader.gif') center center no-repeat;
	}
	
	#mainImage {
		margin: 0 auto;
		height: auto;
		max-height: 420px;
		width: auto;
	}
	
	.mobile-before-image {
		display: none;
	}
	
	.photo-label {
		display: none;
	}

	/********************************************************
	
	Contact
	
	********************************************************/

	.page-contact article {
		position: relative;
	}

	.page-contact .by-appointment,
	.page-contact .phone,
	.page-contact .address,
	.page-contact .address-2,
	.page-contact .email {
		position: relative;
		text-align: center;
	}

	.page-contact .by-appointment {
		top:110px;
	}
	
	.page-contact .phone {
		top:180px;
		font-size: 1.1em;
		letter-spacing: .1em;
	}
	
	.phone a {
		color: #dcddde;
		text-decoration: none;		
	}
	
	.page-contact .address {
		top:276px;
		text-transform: uppercase;
		font-size: .8em;
		letter-spacing: .15em;
	}

	.page-contact .address-2 {
		top:260px;
		text-transform: uppercase;
		font-size: .8em;
		letter-spacing: .15em;
	}
	
	.page-contact .square {
		position:relative;
		top:-.1em;
	}

	.page-contact .email {
		top:248px;
		letter-spacing: .18em;
	}

	.page-contact .email-2 {
		top:105px;
	}

	.page-contact .email-3 {
		font-family: "futura-pt-n3","futura-pt",sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		font-size: .9em;
	}
	
/********************************************************

Magnific Popup overrides

********************************************************/

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: 	#a49d98;
	position: fixed;
	top: 10px;
	right: 10px;
}

button.mfp-close {
	z-index: 			1046;
}

button.mfp-arrow {
	z-index: 			1000 !important;
}

.mfp-arrow {
	height: 			100%;
	margin-top: 	0;
	top:					0;
	width: 				6em; /* same as font size for arrow */
}

.mfp-arrow:active {
	margin-top: 		auto;
}

.mfp-arrow-right:before,
.mfp-arrow-left:before {
	font-family: Pe-icon-7-stroke;
	color: #000;
	display: inline-block;
	border: 	none;
	height:  1em;
	font-size: 	6em;
	top: 50%;
	transform: translateY(-50%);
	margin: 		0;
	
}

.mfp-arrow-right:before {
	content: '\e684';
}
.mfp-arrow-left:before {
	content: '\e686';
}

.mfp-arrow:after {
	border: none;
	margin: 		0;

}