/* 
STYLE.CSS
AUTHOR - metal@flat.com
DATE   - July 2010
NOTES  - This layout and stylesheet uses an em based configuration with a ratio of 1.0em => 10px

	cyan : #00acd4, used for most hover and click states
	
	
*/
/***********************************************************************************************************/
/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* BODY ATTRIBUTES - this will zero things out and prep the font size for 'em' based relations */
/* ------------------------------------------------------------------------------------------------------- */
*::selection {
	background-color: #e5e5e5;
	color: #000000;
}
*::-moz-selection {
	background-color: #e5e5e5;
	color: #000000;
}
* {
	outline: none;
}
html {
	font-size: 100%; /* failsafe for IE6 */
	/* overflow-y: scroll !important; */
}
body {
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	font-size: 62.5%; /* this will render a default 16pt font as 10px ( 10px/16 * 100% = 62.5), thus 1em == 10px */
	margin: 0;
	padding: 0;
}
html>body {
	font-size: 10px; /* ignored by IE6, recognized by Firefox, Safari, IE7, Opera */
}
/* this will zero out unwanted or expected borders and margins....unless specified later */
body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
html, body {
	min-height: 78.0em;
	height: 100%;
	background: #ffffff;
	color: #222222;
	
}

/***********************************************************************************************************/
/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* COMMON ELEMENTS */
/* ------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited {
	color: inherit;
	text-decoration: none;
}
a:hover,
a.on {	
	color: #000000;
	text-decoration: none;
}
a.nohover, a.nohover:link, a.nohover:hover, a.nohover:visited, a img, a:hover img {
	background: transparent !important;
}
p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-top: 0em !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
small, b.small, p.small {
	color: inherit;
	font-size: 1.0em;
	text-transform: uppercase;
}
h1, b.h1, p.h1 {
	font-size: 2.1em;
	font-weight: normal;
	font-family: Gotham, Arial, Helvetica;
	color: inherit;
	margin-bottom: 0em;
	line-height: none !important;
	display: block;
}
h2, b.h2, p.h2 {
	font-size: 1.6em;
	font-weight: normal;
	font-family: Gotham, Arial, Helvetica;
	color: inherit;
	margin-bottom: 1.2em;
	line-height: none !important;
}
h3, b.h3, p.h3 {
	font-weight: normal;
	font-family: Gotham, Arial, Helvetica;
	color: inherit;
	margin-bottom: 0em;
	line-height: none !important;
	display: block;
}
div.float {
	float: left;
}
div.float-right {
	float: right;
}
div.block {
	display: block;
}
div.hidden {
	display: none;
}
div.clear, span.clear {
	clear: both;
}
div.hr {
	height: 0.1em;
	width: auto;
	overflow: hidden;
	background: rgb(000, 000, 000);
	background: rgba(000, 000, 000, 0.10);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000, endColorstr=#10000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000, endColorstr=#10000000)";
	display: block;
	clear: both;
}
img {
	border-width: none;
	border-width: 0;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

/***********************************************************************************************************/
/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* BODY CONTAIER - main wrapper
/* ------------------------------------------------------------------------------------------------------- */
#body_container {
	position: absolute;
	z-index: 1;
	top: 0; left: 0;
	min-height: 78.0em;
	min-width: 136.6em;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
html>body #body_container {
	height: auto;
}

/* ------------------------------------------------------------------------------------------------------- */
/* BODY FOG / BODY LAYER / ZOOM OUT
/* ------------------------------------------------------------------------------------------------------- */
#body_fog {
	position: fixed;
	top: 0;
	z-index: 200;
	min-height: 78.0em;
	height: 100%;
	width: 100%;
	background: rgb(51, 51, 41);			/* Fallback for web browsers that doesn't support RGBa */
	background: rgba(51, 51, 41, 0.50);	/* RGBa with 0.6 opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50333329, endColorstr=#50333329);			/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50333329, endColorstr=#50333329)";	/* For IE 8*/
}
#body_layer {
	position: absolute;
	top: 0;
	z-index: 300;
	min-height: 78.0em;
	min-width: 136.6em;
	height: 100%;
	width: 100%;
	cursor: default;
	margin: 0em auto;
}
#body_loading {
	position: absolute;
	top: 300px;
	left: 50%;
	z-index: 999;
	height: 45px;
	width: 150px;
	margin-left: -75px;
}


#body_zoom_out, div.body_layer-close {
	position: absolute;
	z-index: 299;
	top: 0em;
	right: 4.0em;
	height: 5.0em;
	overflow: hidden;
	cursor: pointer;
}
#body_zoom_out {
	top: -5.0em;
	background-image: url('../img/button-close_1.png');
	background-repeat: no-repeat;
	background-position: 0em 0em;
}
#body_zoom_out:hover,
#body_zoom_out:active {
	cursor: pointer !important;
	background-position: 0em -5.0em;
}
#body_zoom_out img {
	height: 5.0em;
	width: 15.0em;
}

div.body_layer-close {
	background-image: url('../img/button-close_2.png');
	background-repeat: no-repeat;
	background-position: 0em 0em;
}
div.body_layer-close:hover,
div.body_layer-close:active {
	cursor: pointer !important;
	background-position: 0em -5.0em;
}
div.body_layer-close img {
	height: 5.0em;
	width: 15.0em;
}


/* ------------------------------------------------------------------------------------------------------- */
/* BODY CONTENT / LEFT SIDE / RIGHT SIDE
/* ------------------------------------------------------------------------------------------------------- */
#body_navigation {
	position: absolute;
	z-index: 20;
	height: 76.8em;
	width: 34.2em;
}
/* left side - logo */
	#body_navigation_meta {
		height: 10.0em;
		width: 31.7em;
		width: 27.6em;
		margin-top: 5.0em;
	}
	h2.nav_YUAG {	/* Yale University Art Gallery */
		position: relative;
		font-size: 1.0em;
		height: 2.5em;
		margin: 0em;
		padding: 0em;
		margin-left: 5.0em;
		overflow: hidden;
		display: block;
		color: #999999;
	}
	h2.nav_YUAG span {
		position: absolute;
		top: 3.0em;
		left: 0;
	}
	h2.nav_YUAG img {
		margin: 0em 5.7em 1.8em 0em;
	}
	
	h1.nav_DURA {	/* Dura-Europos: Life at the Crossroads */
		font-family: Georgia, Garamond, Times, TImes New Roman;
		font-size: 1.0em;
		font-weight: normal !important;
		height: 7.5em;
		margin: 0em;
		padding: 0em;
		margin-left: 5.0em;
		overflow: hidden;
		display: block;
	}
	h1.nav_DURA a {
		color: #222222;
	}
	h1.nav_DURA span {
		position: relative;
		font-family: Georgia, Garamond, Times, TImes New Roman;
		font-size: 1.9em;
		font-weight: normal !important;
		line-height: 1.1em;
	}
	
	
/* left side - content block for navigation and description */	
	#body_navigation_block {
		position: relative;
		height: 53.0em;
		width: 27.5em;
		padding: 2.5em 0em 0em 0em;
		background-color: #f9f9f7;
		box-shadow: 0.0em 0.0em 1.2em #8f8f79;
		-webkit-box-shadow: 0.0em 0.0em 2.4em 0.8em rgba(143, 143, 121, 0.30);
		-moz-box-shadow: 0.0em 0.0em 2.4em 0.8em rgba(143, 143, 121, 0.30);
	}
	#header_zoom_out {
		position: absolute;
		z-index: 5;
		top: 2.0em;
		right: 1.0em;
		height: 3.0em;
		overflow: hidden;
	}
	#header_zoom_out {
		background-image: url('../img/button-close_3.png');
		background-repeat: no-repeat;
		background-position: 0em 0em;
	}
	#header_zoom_out:hover,
	#header_zoom_out:active {
		cursor: pointer !important;
		background-position: 0em -6.0em;
	}
	#header_zoom_out img { 
		height: 6.0em;
		width: 3.0em;
	}

	h2.nav_MAP {
		font-family: Georgia, Garamond, Times, TImes New Roman;
		font-size: 1.0em;
		font-weight: normal;
		height: 4.5em;
		margin: 0em;
		padding: 0em;
		margin-left: 5.0em;
		overflow: hidden;
		display: block;
	}
	h2.nav_MAP span {
		position: relative;
		font-family: Georgia, Garamond, Times, TImes New Roman;
		font-size: 2.2em;
		line-height: 1.1em;
	}
	
/* left side - content block for navigation and description */	
	#body_navigation_header { /* NOT USED */
		display: none;
	}
	
/* left side - navigation */
	#body_navigation_list {
		padding: 0em 0em;
	}
	ul.navigate, ul.navigate li, ul.navigate li ul {
		margin: 0;
		padding: 0;
		list-style-type: none !important;
		display: block;
		margin-bottom: -1.0em;
	}
	ul.navigate li {
		margin-left: -28.7em;
		width: 28.7em;
		border: none;
		background-color: transparent;
		text-decoration: none;
		outline: none;
		display: block;
		margin-bottom: 1.0em;
	}
	ul.navigate li.loaded {
		margin-left: 0em;
	}
	
/* link state */
	ul.navigate li a, ul.navigate li a:link, ul.navigate li a:visited {
		font-size: 1.0em;
		margin: 0;
		padding: 1.5em 0.0em 1.2em 5.0em !important;
		width: 23.7em;
		text-decoration: none;
		outline: none;
		display: block;
		color: #777767;
		
		/* 00acd4 at 20%*/
		background: rgb(143, 143, 121);
		background: rgba(143, 143, 121, 0.20);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#208f8f79, endColorstr=#208f8f79);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#208f8f79, endColorstr=#208f8f79)";
	}
/* hover & on state */
	ul.navigate li a:hover,
	ul.navigate li a:active,
	ul.navigate li a.on {
		cursor: pointer;
		color: #ffffff;
		/* 00acd4 at 100%*/
		background: rgb(0, 172, 212) url('../img/nav-bkgd.gif') repeat-y top right;
		background-color: rgba(0, 172, 212, 1.00) url('../img/nav-bkgd.gif') repeat-y top right;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000acd4, endColorstr=#10000acd4);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000acd4, endColorstr=#10000acd4)";
	}
/* text inside */
	ul.navigate li * div.label { /* hack for IE needed - the line height creates a 1pt bottom border... */
		font-family: Gotham, Arial, Helvetica;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.0em;
		letter-spacing: 0.075em;
		text-transform: uppercase;
		display: block;
		width: 16.0em;
		float: left;
	}
	
/* Define background icons */
	ul.navigate li a div.icon {
		position: relative;
		height: 1.6em;
		width: 1.6em;
		top: -0.3em;
		font-size: 1.0em;
		display: block;
		margin-left: 2.0em;
		float: left;
		
		background-repeat: no-repeat;
		background-position: 0em 0em;
	}
	ul.navigate li a:hover div.icon,
	ul.navigate li a:active div.icon {
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 0em -3.2em;
	}
	/* on state */
	ul.navigate li.article a div.icon {
		background-image: url('../img/nav-icon-article.png');
	}
	ul.navigate li.gallery a div.icon {
		background-image: url('../img/nav-icon-gallery.png');
	}
	ul.navigate li.video a div.icon {
		background-image: url('../img/nav-icon-video.png');
	}
	ul.navigate li.tours a div.icon {
		background-image: url('../img/nav-icon-tours.png');								/* ADDED, 2012 */
	}
	
	
/* left side - description */
	#body_navigation_description {
		max-width: 21.0em;
		padding: 1.0em 0em 0em 5.0em;
		display: none;
	}
	#body_navigation_description.loaded {
		display: block;
	}
	div.description_image {
		margin: 0.8em 0em 1.5em -0.3em;
		padding: 0.8em 0.8em;
		background-color: #ffffff;
		box-shadow: 0.0em 0.0em 0.8em #e2e2da;
		-webkit-box-shadow: 0.0em 0.0em 0.8em 0.4em rgba(226, 226, 218, 0.80);
		-moz-box-shadow: 0.0em 0.0em 0.8em 0.4em rgba(226, 226, 218, 0.80);
		display: block;
	}
	div.description_image img {
		height: 13.2em
		width: 18.6em;
	}
	div.description_text {
		
	}
	div.description_text p {
		font-size: 1.1em;
		line-height: 1.3em;
	}

#body_navigation_footer {
	width: 27.5em;
	margin-top: 1.5em;
	width: 25.0em;
	padding-left: 4.0em;
	display: block;
}
#body_navigation_footer div.navigation-footer {
	width: auto;
	height: 2.5em;
	margin-right: 0.8em;
	padding: 0em 1.0em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
	background: rgb(143, 143, 121);
	background: rgba(143, 143, 121, 0.20);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#208f8f79, endColorstr=#208f8f79);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#208f8f79, endColorstr=#208f8f79)";
	color: #777767;
	font-weight: bold;
	font-family: Gotham, Arial, Helvetica;
	font-size: 1.0em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
}
#body_navigation_footer div.navigation-footer:first-child {
	
}
#body_navigation_footer div.navigation-footer:hover,
#body_navigation_footer div.navigation-footer:active {
	cursor: pointer;
	color: #ffffff;
	background: #00acd4;
}
#body_navigation_footer div.navigation-footer span {
	margin-top: 0.9em;
	font-size: 0.9em;
	display: inline-block;
}
	
	
/* body right - content */
#body_content {
	position: absolute;
	z-index: 10;
	min-width: 136.6em;
	min-height: 76.8em;
	height: 100%;
}
div#body_compass {
	position: absolute;
	z-index: 11;
	/*
	bottom: 8.0em;
	right: 2.5em;
	*/
	top: 57.6em;
	left: 126.3em;
	display: block;
}



/* ------------------------------------------------------------------------------------------------------- */
/* BODY FOOTER
/* ------------------------------------------------------------------------------------------------------- */
#body_footer {
	position: absolute;
	z-index: 1;
    bottom: 0;
    height: 4.0em;
}
#body_footer_inner {
	position: relative;
}
#body_footer_text {
	position: absolute;
	bottom: 0;
	right: 0;
	float: right;
	text-align: right;
}
span.hash:before {
	content: "\00a0 | \00a0" !important; /* escaped unicode */
}
span.hash {
	color: #ffffff !important;
}

/* footer - navigation */
	#body_footer_nav {
		width: 40.0em;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	div.footer_nav {
		width: 19.0em;
		margin-left: 1.0em;
		position: absolute;
		bottom: 0;
	}
	
	
/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT STYLES
/* ------------------------------------------------------------------------------------------------------- */
div#body_content_output {
	position: relative;
	min-height: 76.8em;
	min-width: 136.6em;
}
div.content_output {
	position: absolute;
	z-index: 0; /* dynamically set with javaScript along with top and left, as elements are loaded */
	top: 0em;
	left: 0em;
}

div.content_output.loaded, div#body_content_output-DURA { /* NOTE: the DURA map is static, and should alwasy be on screen */
	top: 0em;
	left: 0em;
	display: block;
}
div.content_output div:first-child {
	position: relative;
}
div.content-map_backround {
	position: absolute;
	z-index: 1;
	top: 0;
}
div.content-map {
	position: absolute;
	z-index: 2;
	top: 0;
	height: 76.8em;
	width: 136.6em;
	overflow: hidden;
}
div.content-markers {
	position: absolute;
	z-index: 5;
	top: 0;
	width: 100%;
}
div.content-scale {
	position: absolute;
	z-index: 10;
	top: 67.0em;
	left: 98.9em;
	display: none;
}

/* MARKERS */
div.marker {
	position: absolute;
	height: 16.2em;
	width: 21.6em;
	background-image: url('../img/marker-bkgd.png');
	background-repeat: no-repeat;
	text-align: center;
	border: 0.1em solid transparent;
}
div.marker.left {
	position: absolute;
	height: 16.2em;
	width: 21.6em;
	background-image: url('../img/marker-bkgd-left.png');
	background-repeat: no-repeat;
	text-align: center;
	border: 0.1em solid transparent;
}
div.marker.left div.marker_interior {
	float: right;
}
div.marker_interior {
	position: relative;
	display: block;
	cursor: pointer;
}
div.marker_image {
	height: 9.5em;
	width: 11.5em;
	margin: 2.2em 2.2em 0.9em 2.2em !important;
	border: 0.1em solid #ffffff;
	overflow: hidden;
	display: block;
	background: #00acd4;
}
div.marker_map {
	height: 9.5em;
	width: 11.5em;
	margin: 2.2em 2.2em 0.9em 2.2em !important;
	border: 0.1em solid #ffffff;
	overflow: hidden;
	display: none;
}
div.marker_text {
	width: 11.5em;
	padding: 0.0em 2.3em 0.8em 2.3em !important;
	margin-top: -0.4em;
}
div.marker_interior:hover div.marker_image,
div.marker_interior:active div.marker_image {
	cursor: pointer;
	border: 0.1em solid #00acd4;
}
div.marker_interior:hover div.marker_image img,
div.marker_interior:active div.marker_image img {
	cursor: pointer;
	opacity: 0.3;
}
div.marker_interior:hover div.marker_text,
div.marker_interior:active div.marker_text {
	cursor: pointer;
	color: #00acd4;
}


div.marker-gallery {
	position: absolute;
	height: 6.0em !important;
	width: auto;
	text-align: center;
	display: block;
	cursor: pointer;
	float: center;
}
div.marker-gallery div.handle {
	width: 9.0em;
	height: 6.0em !important;
	display: block;
	background-image: url('../img/marker-gallery_bubble-handle.png');
	background-repeat: no-repeat;
	background-position: 0em 0em;
	float:left;
}
div.marker-gallery div.title {
	height: 6.0em !important;
	display: block;
	background-image: url('../img/marker-gallery_bubble-title.png');
	background-repeat: repeat-x;
	background-position: 0em 0em;
	float:left;
}
div.marker-gallery div.icon {
	width: 4.5em;
	height: 6.0em !important;
	display: block;
	background-image: url('../img/marker-gallery_bubble-icon.png');
	background-repeat: no-repeat;
	background-position: 0em 0em;
	float:left;
}
div.marker-gallery div.title p {
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	padding-top: 1.8em;
	display: block;
}

div.marker-gallery:hover div.handle, div.marker-gallery:hover div.title, div.marker-gallery:hover div.icon,
div.marker-gallery:active div.handle, div.marker-gallery:active div.title, div.marker-gallery:active div.icon {
	cursor: pointer;
	background-position: 0em -6.0em;
	color: #ffffff !Important;
}


/* ARTILCES */
#article_body {
	position: relative;
}
#article_body-close { /* uses '.body_layer-close' */
	
}
#article_body-data {
	position: relative;
	margin: 7.5em auto;
	width: 88.0em;
	height: 64.5em;
	display: block;
}
.article_body-data-page-left {
	position: relative;
	width: 44.0em;
	height: 64.5em;
	width: 34.0em;
	height: 54.5em;
	padding: 5.0em 5.0em;
	display: block;
	background: url('../img/article-page-left.png') no-repeat top left;
	float: left;
}
.article_body-data-page-right {
	position: relative;
	width: 44.0em;
	height: 64.5em;
	width: 34.0em;
	height: 54.5em;
	padding: 5.0em 5.0em;
	display: block;
	background: url('../img/article-page-right.png') no-repeat top left;
	float: left;
}
.article_body-data-arrow {
	position: absolute;
	z-index: 2;
	top: 23.2em;
	height: 18.0em;
	width: 4.2em;
	background-repeat: no-repeat;
	background-position: 0em 0em;
	overflow: hidden;
	display: block;
}
.article_body-data-arrow img {
	height: 18.0em;
	width: 4.2em;
}
.article_body-data-arrow:hover,
.article_body-data-arrow:active {
	cursor: pointer;
	background-position: -4.2em 0em;
}
.article_body-data-arrow-prev {
	left: -2.4em;
	background-image: url('../img/article-arrow-prev.png');
}
.article_body-data-arrow-next {
	right: -2.7em;
	background-image: url('../img/article-arrow-next.png');
}




.page_content {
	width: 34.0em;
	display: block;
}
.page_content p {
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	font-size: 1.4em;
	line-height: 1.6em;
}
.page_content p.page_content-caption {
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.4em;
	color: #222222;
	padding-top: 1.5em;
}

.page_content h1, .page_content b.h1 {
	font-family: Gotham, Arial, Helvetica;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.8em;
	text-transform: uppercase;
	margin: 0em 0em;
	display: block;
}

.page_content h1, .page_content b.h1, 
.page_content h2, .page_content b.h2 {
	font-family: Gotham, Arial, Helvetica;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2.0em;
	text-transform: none;
	margin: 0em 0em;
	display: block;
}
.page_content h1, .page_content b.h1 {
	text-transform: uppercase;
}

.page_content.title {
	position: absolute;
	bottom: 3.5em;
	width: 34.0em;
	text-align: center;
}
.page_content.title p {
	font-family: Gotham, Arial, Helvetica;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	text-transform: uppercase;
	color: #909086;
}
.page_content.paging {
	position: absolute;
	bottom: 3.5em;
	width: 34.0em;
	text-align: center;
}
.page_content.paging p {
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	font-size: 1.7em;
	font-style: italic;
	line-height: 1.4em;
	color: #909086;
}


/* GALLERIES */
#gallery_body {
	min-height: 76.8em;
	height: 100%;
	width: 100%;
}
#gallery_body-fog {
	position: fixed;
	top: 0;
	z-index: 200;
	height: 100%;
	width: 100%;
	/* background-color: #ecece4; */
	/* http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
	background: rgb(51, 51, 41);			/* Fallback for web browsers that doesn't support RGBa */
	background: rgba(51, 51, 41, 0.50);	/* RGBa with 0.6 opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50333329, endColorstr=#50333329);			/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50333329, endColorstr=#50333329)";	/* For IE 8*/
}
.gallery_body-arrow {
	position: absolute;
	z-index: 900;
	top: 27.2em;
	height: 20.0em;
	width: 6.0em;
	background-repeat: no-repeat;
	background-position: 0em 0em;
	overflow: hidden;
	display: block;
}
.gallery_body-arrow img {
	height: 20.0em;
	width: 6.0em;
}
.gallery_body-arrow:hover,
.gallery_body-arrow:active {
	cursor: pointer;
	background-position: -6.0em 0em;
}
.gallery_body-arrow-prev {
	left: 0em;
	background-image: url('../img/gallery-arrow-prev.png');
}
.gallery_body-arrow-next {
	right: 0em;
	background-image: url('../img/gallery-arrow-next.png');
}


#gallery_body-thumbs {
	position: relative;
	margin: 0em auto !important;
	width: 100%;
	height: 76.8em;
	display: block;
}
#gallery_body-grid #gallery_body-grid-thumbnails {
	padding: 2.8em 0.0em 0.0em 13.6em !important;
	height: 74.0em;
	text-align: center;
}
/*
#gallery_body-grid #gallery_body-grid-thumbnails .gallery-thumbnail {
	height: 30.8em;
	width: 30.8em;
	margin-right: 4.6em;
	float: left;
}
*/

#gallery_body-grid #gallery_body-grid-thumbnails .gallery-thumbnail {
	height: 33.0em;
	width: 36.5em;
	float: left;
}
#gallery_body-grid #gallery_body-grid-thumbnails .gallery-thumbnail img {
	cursor: pointer !important;
	border : 1.4em solid #ffffff;
	box-shadow: 0.0em 0.0em 0.8em #262620;
	-webkit-box-shadow: 0.0em 0.0em 0.8em 0.4em rgba(38, 38, 32, 0.20);
	-moz-box-shadow: 0.0em 0.0em 0.8em 0.4em rgba(38, 38, 32, 0.20);
}
p.gallery_slide-caption {
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.4em;
	color: #222222;
	padding-top: 1.5em;
}


#gallery_title {
	position: absolute;
	bottom: 0;
	z-index: 900;
	height: 6.0em;
	width: 59.5em;
	margin: 0em 35.0em;
	padding: 1.5em 2.5em;
	background: #191915;
	background: rgb(25, 25, 21);
	background: rgba(25, 25, 21, 0.85);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85191915, endColorstr=#85191915);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#85191915, endColorstr=#85191915)";
}

#gallery_title h2 {
	font-size: 1.5em;
	font-weight: bold;
	font-family: Gotham, Arial, Helvetica;
	text-transform: uppercase;
	color: #cbcbca;
	display: block;
	margin-bottom: 0;
}
#gallery_title h3.caption {
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	text-transform: none;
	color: #cbcbca;
	display: block;
	margin-bottom: 0;
}
#gallery_title h3.slide_count {
	font-size: 1.6em;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	text-transform: none;
	color: #cbcbca;
	display: block;
	margin-bottom: 0;
}



#gallery_body-slide {
	position: absolute;
	z-index: 205;
	top: 0em;
	padding: 0 auto;
	text-align: center;
	width: 100%;
	height: 100%;
	display: none;
}
#gallery_body-slide-content {
	position: relative;
	width: 100%;
	height: 76.8em;
	text-align: center !important;
}
#gallery_body-slide-content img {
	max-height: 66.5em;
	max-width: 96.2em;
	margin: 2.8em auto;
	box-shadow: 0.0em 0.0em 0.8em #262620;
	-webkit-box-shadow: 0.0em 0.0em 0.8em 0.4em rgba(38, 38, 32, 0.20);
	-moz-box-shadow: 0.0em 0.0em 0.8em 0.4em rgba(38, 38, 32, 0.20);
}
#slide_details {
	margin-top: 1.0em;
}
#slide_details-title-count {
	width: 42.5em !important;
	overflow: hidden;
	display: block;
	text-align: left;
	float: left;
}
#slide_details-caption {
	width: 42.5em !important;
	overflow: hidden;
	display: block;
	text-align: left;
	float: left;
}



/* MISC CONTENT */
#misc_body {
	position: relative;
}
#misc_body-close { /* uses '.body_layer-close' */
	
}
#misc_body-data {
	position: relative;
	margin: 7.5em auto;
	width: 88.0em;
	background: #262620; 
	display: block;
}
#misc_body-data div.help {
	height: 43.0em;
}
#misc_body-data div.credits {
	min-height: 48.0em;
}
#misc_body-data div.credits a {
	color: #fff;
	text-decoration: underline;
}

.misc_body-data-page-left, .misc_body-data-page-right {
	position: relative;
	width: 40.0em;
	height: 39.0em;
	padding: 4.0em 0.0em 0.0em 4.0em;
	display: block;
	float: left;
}
.misc_body-data-page-credits {
	position: relative;
	width: 80.0em;
	min-height: 44.0em;
	padding: 4.0em 0.0em 4.0em 4.0em;
	display: block;
	float: left;
}

.misc_body {
	width: 40.0em;
	display: block;
}
.misc_body img {
	position: absolute;
	bottom: 0;
	right: 0;
}
.misc_body p, .misc_body-data-page-credits p {
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	font-size: 1.4em;
	line-height: 1.6em;
	color: #ffffff !important;
}
.misc_body p.misc_body-caption, .misc_body-data-page-credits p.misc_body-caption {
	font-family: Georgia, Garamond, Times, Times New Roman, serif;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.4em;
	color: #ffffff !important;
	padding-top: 1.5em;
}
.misc_body h1, .misc_body b.h1, .misc_body-data-page-credits b.h1 {
	font-family: Gotham, Arial, Helvetica;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 0em 0em;
	display: block;
	color: #b6b6b4 !important;
}

.misc_body h1, .misc_body b.h1, 
.misc_body h2, .misc_body b.h2, 
.misc_body-data-page-credits b.h1, 
.misc_body-data-page-credits b.h2 {
	font-family: Gotham, Arial, Helvetica;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2.0em;
	text-transform: none;
	margin: 0em 0em;
	display: block;
	color: #b6b6b4 !important;
}
.misc_body h1, .misc_body b.h1, .misc_body-data-page-credits b.h1 {
	text-transform: uppercase;
}



/************************************************************************************************/
/************************************************************************************************/
/* EXTRA CLASSES */
.pt_10 {
	font-size: 1.0em;
	line-height: 1.2em;
	text-transform: uppercase;
}
.pt_11 {
	font-size: 1.1em;
	line-height: 1.4em;
}
.pt_12 { /* this is the default property for p tags */
	font-size: 1.2em;
	line-height: 1.4em;
}
.pt_14 {
	font-size: 1.4em;
	line-height: 1.3em;
}
.noline {
	text-decoration: none !important;
}
.inactive {
	color: #aaaaaa !important;
	cursor: default;
}
*.nomargin {
	margin: 0 !important;
}
*.nopadding {
	padding: 0 !important;
}
*.noborder {
	border: none !important;
}
* a, a, a.* { cursor: default !important; }