/* @license
 * MyFonts Webfont Build ID 2566016, 2013-05-27T18:10:24-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Helvetica by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/helvetica/helvetica/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1985, 1987, 1989, 1990, 1997, 1998, 1999, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property 
 * 
 * Webfont: Helvetica Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/helvetica/bold/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2004 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * Webfont: Helvetica Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/helvetica/light/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1985, 1987, 1988, 1994, 1999, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype 
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2566016
 * 
 * © 2013 MyFonts Inc
*/
@import url("//hello.myfonts.net/count/272780");
@font-face{font-family: 'Helvetica';font-weight: normal;font-style: normal;src: url('272780_0_0.eot');src: local('Helvetica'),url('272780_0_0.eot?#iefix') format('embedded-opentype'),url('272780_0_0.woff') format('woff'),url('272780_0_0.ttf') format('truetype'),url('272780_0_0.svg#wf') format('svg');}
@font-face{font-family: 'Helvetica';font-weight: bold;font-style: normal;src: url('272780_1_0.eot');src: local('Helvetica Bold'),local('Helvetica-Bold'),url('272780_1_0.eot?#iefix') format('embedded-opentype'),url('272780_1_0.woff') format('woff'),url('272780_1_0.ttf') format('truetype'),url('272780_1_0.svg#wf') format('svg');}
@font-face{font-family: 'HelveticaLT-Light';src: url('272780_2_0.eot');src: local('Helvetica Light'),local('Helvetica-Light'),url('272780_2_0.eot?#iefix') format('embedded-opentype'),url('272780_2_0.woff') format('woff'),url('272780_2_0.ttf') format('truetype'),url('272780_2_0.svg#wf') format('svg');}
 

/* Copyright Webmistress www.webmistress.com.au 2015 */
h1, #page-content
{
	-o-transition:padding 0.3s;
	-ms-transition:padding 0.3s;
	-moz-transition:padding 0.3s;
	-webkit-transition:padding 0.3s;
	transition:padding 0.3s;
}



html
{
	-webkit-text-size-adjust: none;
	padding: 0;
	margin: 0;
	background-color: #7b7b7a;
}

address, article, aside, figure, figcaption, footer, header, menu, nav, section
{
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: block;
	padding: 0;
	margin: 0;
}

 
body
{
	padding: 0;
	margin: 0;
	background-color: #7b7b7a;
	color: #808284;
	font-family: 'Helvetica', 'Arial', 'Sans-serif';
	font-weight: normal;
	font-size: 13px;
	line-height: 1.9;
}

:focus
{
	outline: none;
}

img
{
	max-width: 100%;
	height: auto;
}

a img
{
	border: none;
}


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

a:focus, a:hover, a:active
{
	color: #585856;
	text-decoration: underline;
	outline: none;
}


h1
{
	font-size: 16px;
	line-height:1.2;
	padding: 263px 2.27% 0 0;
	margin: 0;
	color: #808284;
	text-align: right;
	font-family: 'HelveticaLT-Light', 'Helvetica Light', 'Helvetica', 'Arial', 'Sans-serif';
	font-weight: 300;
	
	width: 25%;
	position: absolute;
	top: 0;
	right:0;
	background-color: #fff;
}

h1 a:link, h1 a:visited
{
	color: #808284;
	text-decoration: none;
}

h1 a:focus, h1 a:hover, h1 a:active
{
	color: #585856;
	text-decoration: none;
}

h1 strong
{
	font-weight: bold;
	font-family: 'Helvetica', 'Arial', 'Sans-serif';
}

h2
{
	font-weight: bold;
	font-size: 1.0em;
	padding: 0;
	margin: 0;
}

#gallery h2
{
	display:none;
	padding: 0 0 20px;
}

p
{
	padding: 0 0 1em;
	margin: 0;
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li
{
	padding: 0;
	margin: 0;
}

.cover
{
	width: 72.73%;
	max-width:800px;
}

#gallery .cover
{
	width:100%;
}

.cover img
{
	display:block;
}

#wrapper
{
	width:100%;
	min-height:100vh;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

#page
{
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	background-color:#fff;
	overflow: hidden;
	width:100%;
}

#menu
{
	margin-top:2px;
	background-color:#585856;
	padding: 0;
	position:relative;
}

#menu ul
{
	padding: 10px 0;
	background-color: #cacbcc;
	width:72.73%;
	max-width:800px;
	border-right:2px solid #fff;
}

#menu li
{
	padding: 0 0 0 49.25%;
}



#menu li a:link, #menu li a:visited
{
	color: #8c8e90;
	text-decoration: none;
}

#menu li a:focus, #menu li a:hover, #menu li a:active
{
	color: #585856;
	text-decoration: none;
}

#menu li.active a:link, #menu li.active a:visited, #menu li.active a:focus, #menu li.active a:hover, #menu li.active a:active
{
	color: #585856;
}

#menu li:first-child
{
	width: 46px;
	height: 27px;
	line-height: 1.0;
	position: absolute;
	top: 0;
	left: 9.09%;
	padding:0;
}

#menu li:first-child a
{
	width: 46px;
	height: 28px;
	display: block;
	text-indent:-9999px;
	background:transparent url(logo.svg) no-repeat scroll 0 0;
	background-size:46px 28px;
}

#menu li:last-child
{
	position: absolute;
	top:10px;
	right:2.27%;
	text-align: right;
	padding:0;
}

#menu li:last-child a:link, #menu li:last-child a:visited
{
	color: #fff;
	text-decoration: none;
}

#menu li:last-child a:focus, #menu li:last-child a:hover, #menu li:last-child a:active
{
	color: #fff;
	text-decoration: underline;
}

#menu p
{
	position: absolute;
	top:0;
	right:27.27%;
	width: 100px;
	padding: 17px 2.18% 0 0;
	color: #fff;
	font-size: 11px;
	text-align: right;
	line-height: 1.2;
	display:none;
}

.section-contact #menu p, .section-error #menu p, .section-site #menu p, .section-sitemap #menu p
{
	display:block;
}

#menu p a:link, #menu p a:visited, #menu p a:focus, #menu p a:hover, #menu p a:active
{
	color: #fff;
}

#menubutton
{
	width: 50px;
	height: 86px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	font-size: 11px;
	line-height:1.25;
}

#menubutton a
{
	width: 50px;
	height: 86px;
	display: block;
	padding:0;
	background:transparent url(menu.svg) no-repeat scroll 0 0;
	text-indent:-9999px;
}

#page-header
{
	padding: 0;
}


#page-content
{
	position: absolute;
	top: 0;
	left: 0;
	width: 72.73%;
	max-width:800px;
}

.section-contact #page-content, .section-error #page-content, .section-site #page-content, .section-sitemap #page-content
{
	width: 34.82%;
	padding: 263px 2.27% 0 35.64%;
}

.section-site #page-content p
{
	max-width:200px;
}

.section-contact #page-content p:first-of-type
{
	padding-bottom:4em;
}

.section-contact #page-content p:last-child
{
	display:none;
}


#gallery 
{
	width:100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}

#gallery img
{
	display:block;
}

#gallery ul
{
	padding: 0;
}

#gallery ul li
{
	padding: 0;
	margin: 0;
	background-image: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	background-color:#fff;
}

.js #gallery ul li, #gallery ul li:nth-child(1), #gallery ul li:nth-child(2), #gallery ul li:nth-child(3)
{
	display:block;
}

#gallery figure
{
	text-align: right;
}

#gallery figure.portrait
{
	padding-left:49.25%;
}

#gallery li:before
{
	content:'';
	display:none;
}

#gallery ul li.last-active 
{
    z-index:98;
}

#gallery ul li.active 
{
    z-index:100;
}

#gallery figcaption
{
	position: absolute;
	bottom: -57px;
	right: 69px;
	width: 33%;
	height: 38px;
	color: #fff;
	background-color: #cacbcc;
	font-size: 11px;
	text-align: right;
	line-height: 1.2;
	padding:0;
	display:none;
}

.js #gallery figcaption
{
	display:block
}

#gallery figcaption a:link, #gallery figcaption a:visited, #gallery figcaption a:focus, #gallery figcaption a:hover, #gallery figcaption a:active
{
	color: #fff;
}

#gallery ul figure img
{
	cursor: pointer;
}

.section-home #gallery ol, .section-home #gallery figcaption
{
	display:none;
}

#gallery #controls
{position: absolute;
	bottom: -34px;
	right:0;
	width:57px;
	
	text-align:right;
	height:18px;
	list-style-type:none;
	padding:0;
	margin:0;
}

#gallery #controls li
{
	float: left;
	width: 16px;
	height: 16px;
	padding:0;
}


#gallery #controls li#prev
{
	padding: 1px 7px 1px 0;
	border-right: 1px solid #717174;
}

#gallery #controls li#next
{
	padding: 1px 0 1px 7px;
}

#gallery #controls a
{
	width: 16px;
	height: 13px;
	padding: 3px 0 0;
	display: block;
	text-align: center;
	line-height: 1.0;
	border-radius: 8px;
	background-color: #717174;
	color: #fff;
	font-size:9px;
	text-indent:-9999px;
}


#gallery #controls #prev a:link, #gallery #controls #prev a:visited
{
	background:#717174 url(prev.svg) no-repeat scroll 50% 50%;
	color: #fff;
	text-decoration: none;
}

#gallery #controls #prev a:focus, #gallery #controls #prev a:hover, #gallery #controls #prev a:active
{
	background:#585856 url(prev.svg) no-repeat scroll 50% 50%;
	color: #fff;
	text-decoration: none;
}

#gallery #controls #next a:link, #gallery #controls #next a:visited
{
	background:#717174 url(next.svg) no-repeat scroll 50% 50%;
	color: #fff;
	text-decoration: none;
}

#gallery #controls #next a:focus, #gallery #controls #next a:hover, #gallery #controls #next a:active
{
	background:#585856 url(next.svg) no-repeat scroll 50% 50%;
	color: #fff;
	text-decoration: none;
}

#loadmore
{
	display:none;
	text-align:center;
	font-weight:bold;
	padding:10px 0;
}

#loadmore a
{
	padding: 10px;
	display:block;
}


@media all and (max-width: 1100px)
{
	#gallery figcaption
	{
		right: 10px;
	}
	
	#gallery #controls
	{
		bottom: -132px;
	}
	
	.section-site #page-content p
	{
		max-width:100%;
	}
}

@media all and (max-width: 800px)
{
	html
	{
		background-color: #fff;
	}
	
	body
	{
		background-color: #fff;
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	
	#page
	{
		padding: 86px 0 0;
	}
	
	#page-header .cover
	{
		display:none;
	}
	
	.cover
	{
		display:none;
	}
	
	#page-header
	{
		padding: 0;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:1000;
		background-color:#fff;
		border-bottom:1px solid #fff;
	}

	h1
	{
		padding: 5px 10px !important;
		height: 76px;
		text-align: left;
		width: auto;
		position: static;
		background:#a7a9ac url(col.svg) repeat-y scroll 100% 0;
		color: #fff;
		font-size:14px;
	}
	
	h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active
	{
		color: #fff;
	}
	
	#page-content
	{
		position: static;
		width: auto;
		padding: 0;
	}
	
	.section-contact #page-content, .section-error #page-content, .section-site #page-content, .section-sitemap #page-content
	{
		width: auto;
		height:auto;
		padding: 30px 10px 40px !important;
	}
	
	.section-site #page-content p{max-width:200px;}
	
	
	#menu
	{
		margin-top:0;
		position:static;
	}
	
	#menu ul
	{
		background-color: #373637;

		border-right:none;

		width: 100%;
		float: none;
		padding: 7px 0;
		position: absolute;
		top: 86px;
		left: 100%;
		z-index: 1000;
		-webkit-transition: left 300ms ease;
		-moz-transition: left 300ms ease;
		-o-transition: left 300ms ease;
		transition: left 300ms ease;
		display: block;
		border-top:1px solid #fff;
	}
	
	#menu ul.active
	{
		left: 0;
	}
	
	
	#menu li
	{
		padding:0;
	}
	
	#menu li a, #menu li:first-child a, #menu li:last-child a
	{
		padding:0 10px;
		display:block;
	}
		
	#menu li:first-child
	{
		width: auto;
		height: auto;
		line-height: 1.5;
		position: static;
		padding:0;
	}
	
	#menu li:first-child a
	{
		width: auto;
		height: auto;
		text-indent:0;
		background-image:none;
	}
	
	#menu li:last-child
	{
		position: static;
		padding:0;
		text-align: left;
	}
	
	
	
	
	#menu li a:link, #menu li a:visited,
	#menu li:first-child a:link, #menu li:first-child a:visited,
	#menu li:last-child a:link, #menu li:last-child a:visited,
	#menu li.active a:link, #menu li.active a:visited
	{
		color: #fff;
		text-decoration: none;
	}
	
	#menu li a:focus, #menu li a:hover, #menu li a:active,
	#menu li:first-child a:focus, #menu li:first-child a:hover, #menu li:first-child a:active,
	#menu li:last-child a:focus, #menu li:last-child a:hover, #menu li:last-child a:active,
	#menu li.active a:focus, #menu li.active a:hover, #menu li.active a:active
	{
		color: #fff;
		background-color:#231f20;
		text-decoration: none;
	}
	
	#menubutton
	{
		display: block;
	}

	
	#gallery ul li
	{
		position:static;
		opacity:1.0 !important;
		padding: 0;
		border-top:1px solid #fff;
	}
	
	.section-home #gallery figcaption
	{
		display:block;
		
	}
	

	
	#gallery figcaption
	{
		position: relative;
		bottom:auto;
		right:auto;
		width: auto;
		height: auto;
		background:#a7a9ac url(col.svg) repeat-y scroll 100% 0;
		color:#231f20;
		padding: 9px 10px;
		border-top:1px solid #fff;
		text-align:left;
		font-size:10px;
		display:block
	}
	
	#gallery figure.portrait figcaption
	{
		margin-left:-97.04%;
	}

	#gallery figcaption a:link, #gallery figcaption a:visited, #gallery figcaption a:focus, #gallery figcaption a:hover, #gallery figcaption a:active
	{
		color: #231f20;
	}
	
	#gallery ul li.notloaded
	{
		display:none;
	}
	
	#loadmore
	{
		display:block;
	}
	
	#gallery #controls
	{
		display:none;
	}
	
	#gallery ul figure img
	{
		cursor: default;
	}
	
	#gallery ul figure a img
	{
		cursor: pointer;
	}

	
	#menu p
	{
		display:none !important;
	}
	
	.section-contact #page-content p:last-child
	{
		display:block;
	}
	
	
	
	
	
}

@media print
{
	html
	{
		background-color: #fff;
	}
	
	#page
	{
		padding:0;
	}
	
	body
	{
		background-color: #fff;
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	
	.cover
	{
		display:none;
	}
	
	#page
	{
		max-width:800px;
	}
	
	#page-header
	{
		position:static;
		padding: 10px 0 40px;
	}
	
	h1
	{
		padding: 0 !important;
		text-align: left;
		width: 100%;
		position: static;
		color: #808284;
		height:auto;
		background-color:transparent !important;
		background-image:none !important;	
		
	}
	
	h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active
	{
		color: #808284;
	}
	
	#gallery h2
	{
		display:block;
	}
	
	.section-home #gallery h2
	{
		display:none;
	}
	
	#page-content
	{
		position: static;
		width: auto;
		padding: 0 !important;
		
	}
	
	.section-contact #page-content, .section-error #page-content, .section-site #page-content, .section-sitemap #page-content
	{
		width: auto;
		height:auto;
		padding: 0 0 30px !important;
	}
	
	
	#gallery ul li
	{
		position:static;
		opacity:1.0 !important;
		padding: 0 0 20px;
		display:none !important;
	}
	
	
	#gallery ul li.active
	{
		display:block !important;
	}
	
	
	
	#gallery figcaption
	{
		position: static;
		width: auto;
		height: auto;
		color: #666;
		background-color: transparent !important;
		background-image:none !important;
		padding: 7px 0;
	}

	#gallery figcaption a:link, #gallery figcaption a:visited, #gallery figcaption a:focus, #gallery figcaption a:hover, #gallery figcaption a:active
	{
		color: #666;
	}
	
	#gallery ul li.notloaded, #menu, #menubutton, #gallery #controls, #loadmore
	{
		display:none;
	}
	
	
	
	#gallery ul figure img
	{
		cursor: default;
	}
	
	#gallery ul figure a img
	{
		cursor: pointer;
	}

}