/* IE PNG fix */
html {
}
body {
	font-family:arial;
	font-size:17px;
	-webkit-text-size-adjust: none;
	color:#343434;
	padding:50px;
}
body:after {
	content:"";
	position:fixed; /* stretch a fixed position to the whole screen */
	top:0;
	height:100vh; /* fix for mobile browser address bar appearing disappearing */
	left:0;
	right:0;
	z-index:-1; /* needed to keep in the background */
}
/* ************************** */
[hidden] {
  display: none;
}
h1 {
	display:none;
	font-weight:200;
}
h2 {
	padding-top:20px;
	padding-bottom:10px;
	font-weight:200;
	margin:0px;
	cursor:pointer;
	font-weight:400;
}
h3 {
	font-weight:600;
	margin-bottom:1.3em;
}
p {
	margin-bottom:1em;
}
a {
	color:#C38317;
}
a:visited {
	color:#9C602A;
}
b, strong {
	font-weight:600;
}
i, em {
	font-style:italic;
}
hr {

	margin:15px 0px 15px 0px;
}
table {
	border-collapse:collapse;
}
td {
	vertical-align:top;
}
th.left_header {
	vertical-align:top;
	padding-right:6px;
	width:44px;
}
.up_and_right {
	position:absolute;
	top:-155px;
	left:370px;
	max-width:390px;
}
ul.twocolumn, ul.threecolumn {
	padding-right:40px;
}
.indented {
	margin-left:12px;
	text-indent:-12px;
}
ul.bulleted {
	margin-bottom:3em;
}
ul.bulleted li {
	list-style:disc;
	margin-left:25px;
}
.skinny {
	max-width:325px;
}
.medium {
	max-width:650px;
}
.uppercase {
	text-transform:uppercase;
}
.centered {
	text-align: center;
}
.flex {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.instruction {
	text-align:center;
	margin-top:-10px;
	color:#777;
	font-size:77%;
	font-style:italic;
}

.video {
	max-width:546px;
}

#video1 {
	clear:left;
	float:left;
	margin-right:10px;
}
#video2 {
	float:left;
}

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

#container {
}


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

#logo {
	background:url(../images/headline_dark.png) center center no-repeat;
	display:block;
	width:310px;
	height:68px;
	margin: 0 auto;
	cursor:pointer;
}
.index #logo, .portfolio #logo, .contact #logo {
	background:url(../images/headline_light.png) center center no-repeat;
}

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

#menu {
	max-width:800px;
	margin: 0 auto;
	z-index:3;
/*	width:200px;
*/	line-height:1.8em;
	font-weight:400;
}
/*#menu button {
	width:100%;
	text-align:left;
	padding:10px 15px 10px 15px;
	text-transform:uppercase;
	color:#fff;
	background:transparent;
	border:solid 1px #eee;
	font-size:100%;
	cursor:pointer;
}
#menu button:focus {
	outline:none;
}*/
#menu ul {
/*	background-color: rgba(0, 0, 0, 0.5);
*/	padding:5px 15px 5px 15px;
	margin:0px;
	line-height:1.4em;
/*	border:solid 1px #eee;
	border-top: none;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 22px;
}
#menu li {
/*	margin:15px 0;
*/	line-height:1.2;
	text-transform:uppercase;
	text-align: center;
}
#menu a {
	display:block;
	padding:0px;
	text-decoration:none;
	color:#fff;
}
#menu a:hover {
	text-decoration:underline;
}
#menu li.current_item a {
	color:#fff;
}
/*#menu.hover button, #menu.hover a {
	color:#4e4e4d !important;
}
*/
/*@media only screen and (max-width: 680px) {
	#menu li {
		margin:14px 0;
	}
}*/

/*
.index #menu h2 {
	color:#8c8271;
}
.index #menu a {
	color:#8c8271;
}
.portfolio #menu h2 {
	color:#8c8271;
}
.portfolio #menu a {
	color:#8c8271;
}
.gallery_page #menu h2 {
	color:#8c8271;
}
.gallery_page #menu a {
	color:#8c8271;
}
.contact #menu h2 {
	color:#fefefc;
}
.contact #menu a {
	color:#fefefc;
}
.collections #menu h2 {
	color:#fefefc;
}
.collections #menu a {
	color:#fefefc;
}
*/

/* ************************** */
#sub_menu {
	max-width:650px;
	line-height:1.8em;
	font-weight:400;
	padding:2px;
}
#sub_menu li {
	margin-bottom:10px;
}
#sub_menu li a {
	/*color:#d2b479;
	font-weight:400;*/
	text-decoration:none;
}
#sub_menu li a:hover {
	color:#d2b479;
}
/* ************************** */

#content {
	margin: 0 auto;
	max-width:650px;
	padding-top:50px;
	padding-bottom:60px;
}
#introduction {
	margin-bottom:20px;
}

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

.article {
	line-height:1.8em;
	max-width:650px;
/*	text-align:justify;
*/}
.large_image img {
	width:100%;
}
.large_image {
	margin-bottom:40px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 600px) {
	.large_image {
		width: 100%;
	}
}
.caption {
	font-style: italic;
}
/*.article p:first-child::first-line,  .article p:first-child:first-line {
	font-variant:small-caps;
	font-size:130%;
	font-style:normal;
}*/
.article p {
	clear:both;
}
.selection {
	width:100%;
	margin:30px -15px;
	display:flex;
	flex-flow: row;
	justify-content: space-evenly;
	align-items: center;
}
.selection .full_thumb {
	border:solid 15px transparent;
	overflow: hidden;
}
@media only screen and (max-width: 650px) {
	.selection {
		margin-top:15px;
		margin-bottom:15px;
		flex-flow:column;
	}
	.selection .full_thumb {
	}
}
/* ************************** */
.gallery {
	margin:10px 0px 0px 0px;
	max-width:1130px;
}
.gallery h2 {
	margin:10px 0px 10px 0px;
}
.gallery_thumbs {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-content: space-between;
}
.gallery_thumb {
/*	float:left;
	margin-right:20px;
	margin-bottom:20px;
*/
}
.gallery_thumb img {

}
.gallery p {
	clear:left;
	margin:15px 0px 0px 0px;
	font-size:100%;
}
/* ************************** */
.shadow_outerpair1 {
	background:url(../images/shadow_upperrightfade.png) right top no-repeat;
}
.shadow_outerpair2 {
	background:url(../images/shadow_lowerleftfade.png) left bottom no-repeat;
	padding-top:8px;
	padding-left:8px;
}
.shadow_shadowbox {
	background:url(../images/shadow.png) bottom top;
}
.shadow_innerbox {
	position:relative;
	left:-8px;
	top:-8px;
}

/* ************************** */
.portrait_image {
	width:100%;
	max-width:650px;
/*	position:absolute;
	top:-125px;
	left:330px;
*/
}
/* ************************** */
.event {
	clear:both;
	max-width:890px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
	.event_image {
		max-width:620px;
		margin:0px 0px 40px 0px;
		text-align:center;
	}
		.event_image img {
			width:100%;
		}
	.event_text {
		margin:0px 40px 40px 0px;
		padding-right:20px;
		flex:1;
		max-width:620px;
		min-width:150px;
	}
		.event_text h2 {
			padding-top:0px;
			margin-top:0px;
			font-weight:600;
		}
@media only screen and (max-width: 900px) {
	.event {
		flex-direction: column;
	}
		.event_image {
			order: -1;
		}
		.event_text {
			padding:0;
			margin-right:0;
		}
}

.twocolumn {
	columns: 2 400px;
}
.threecolumn {
	columns: 3 270px;
}
/*
If you want this size in pixels (px)  	Declare this percent (%)
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197 */