/* 
STYLE.CSS
AUTHOR - metal@flat.com
DATE   - July 2010
*/
/***********************************************************************************************************/
/***********************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* ADJUSTMENTS FOR 1024 
/* ------------------------------------------------------------------------------------------------------- */
/* http://broadcast.oreilly.com/2010/04/using-css-media-queries-ipad.html */
@media screen and (max-device-width: 480px) {									/* iPhone */
	
}

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) {	/* iPad *//* and (orientation:portrait) OR and (orientation:landscape) */

}

	html {
		overflow-x: hidden !important;
	}
	html, body, #body_container, #body_fog, #body_layer {
		min-height: 700px;
		height: 100%;
	}
	#body_container {
		font-size: 0.90em;
		height: 100%;
	}
	#body_container, #body_layer, #body_content, #body_content_output, div.content_output.loaded {
		min-width: 1000px;
		width: 100%;
	}
	
	#body_zoom_out {
		background-image: url('../img-1024/button-close_1.png') !important;
	}
	div.body_layer-close {
		background-image: url('../img-1024/button-close_2.png') !important;
	}
	#body_content,
	#body_navigation {
		margin-top: -15px;
		margin-left: -15px;
		padding-bottom: 15px;
	}
	
	/* NAVIGATION BLOCK */
	#header_zoom_out {
		background-image: url('../img-1024/button-close_3.png') !important;
	}
	h1.nav_DURA {
		font-size: 1.0em;
		font-weight: normal !important;
		height: 7.5em;
		margin: 0em;
		padding: 0em;
		margin-left: 5.0em;
	}
	h1.nav_DURA span {
		font-size: 2.0em;
		line-height: 1.1em;
	}
	h2.nav_MAP {
		font-size: 1.0em;
		font-weight: normal;
		height: 4.5em;
		margin: 0em;
		padding: 0em;
		margin-left: 5.0em;
	}
	h2.nav_MAP span {
		font-size: 2.0em;
		line-height: 1.1em;
	}
	
	ul.navigate li * div.label {
		font-size: 1.1em;
		line-height: 1.0em;
	}
	ul.navigate li.article a div.icon {
		background-image: url('../img-1024/nav-icon-article.png') !important;
	}
	ul.navigate li.gallery a div.icon {
		background-image: url('../img-1024/nav-icon-gallery.png') !important;
	}
	ul.navigate li.video a div.icon {
		background-image: url('../img-1024/nav-icon-video.png') !important;
	}
	ul.navigate li.tours a div.icon {
		background-image: url('../img-1024/nav-icon-tours.png') !important;				/* ADDED, 2012 */
	}
	ul.navigate li a:hover div.icon,
	ul.navigate li a:active div.icon {
		background-position: 0em -3.15em;
	}	
	div.description_image img {
		height: 13.2em
		width: 18.6em;
	}
	div.description_text p {
		font-size: 1.2em;
		line-height: 1.15em;
	}
	
	/* FOOTER */
	#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 span {
		margin-top: 0.9em;
		font-size: 0.9em;
	}
	
	/* MARKERS */
	div.marker {
		background-image: url('../img-1024/marker-bkgd.png') !important;
		border: 1px solid transparent;
	}
	div.marker.left {
		background-image: url('../img-1024/marker-bkgd-left.png') !important;
		border: 1px solid transparent;
	}
	div.marker_image, div.marker_map {
		border: 1px solid #fff;
	}
	div.marker.left div.marker_image, div.marker.left div.marker_map {
		border: 1px solid #fff;
	}
	div.marker_interior:hover div.marker_image,
	div.marker_interior:active div.marker_image {
		border: 1px solid #00acd4;
	}
	
	div.marker-gallery {
		min-width: 270px;
		max-width: 290px;
		white-space: nowrap !important;
	}
	div.marker-gallery div.handle {
		width: 9.1em;
		background-image: url('../img-1024/marker-gallery_bubble-handle.png') !important;
		background-position: 0em .2em;
	}
	div.marker-gallery:hover div.handle {
		background-position: 0em -6.7em;
	}
/* @-moz-document url-prefix() { .selector {} } */
	@-moz-document url-prefix() { div.marker-gallery div.handle { /* FIREFOX */
		width: 9.0em !important;
	} }

	
	div.marker-gallery div.title {
		background-image: url('../img-1024/marker-gallery_bubble-title.png') !important;
	}
	div.marker-gallery:hover div.title {
		background-position: 0em -6.9em;
	}
	div.marker-gallery div.icon {
		background-image: url('../img-1024/marker-gallery_bubble-icon.png') !important;
		background-position: 0em -.1em;
	}
	div.marker-gallery:hover div.icon {
		background-position: 0em -7.2em;
	}
/* @-moz-document url-prefix() { .selector {} } */
	@-moz-document url-prefix() { div.marker-gallery {
		min-width: 290px;
		max-width: 305px;
	} }
	@-moz-document url-prefix() { div.marker-gallery div.icon {
		background-position: 0em 0em !important;
	} }
	@-moz-document url-prefix() { div.marker-gallery:hover div.icon {
		background-position: 0em -7.2em !important;
	} }
	
	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 {
		color: #ffffff !Important;
	}
	div.marker-gallery div.title p {
		padding-top: 2.2em;
	}
	
	/* ARTIClES */
	#misc_body-data,
	#article_body-data {
		margin: 7.5em 27.0em;
	}
	
	.article_body-data-page-left {
		padding: 5.0em 5.0em 5.0em 4.5em;
		background: url('../img-1024/article-page-left.png') no-repeat top left !important;
	}
	.article_body-data-page-right {
		padding: 5.0em 7.0em 5.0em 2.5em;
		background: url('../img-1024/article-page-right.png') no-repeat top left !important;
	}
	.article_body-data-arrow-prev {
		left: -2.2em;
		background-image: url('../img-1024/article-arrow-prev.png') !important;
	}
	.article_body-data-arrow-next {
		right: -1.6em;
		background-image: url('../img-1024/article-arrow-next.png') !important;
	}
	.article_body-data-arrow-next:hover {
		background-position: -4.3em 0em;
	}
	.article_body-data-arrow-prev:hover {
		background-position: -4.3em 0em;
	}
	.page_content {
		width: 37.0em;
	}
	.page_content p {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	.page_content a {
		text-decoration: underline !important;
	}
	#page_content-left img, #page_content-right img {
		width: 37.0em !important;
	}
	
	/* GALLERIES */
	#gallery_body {
		width: 136.6em;
	}
	#gallery_body-thumbs {
		width: 112.0em;
	}
	#gallery_body-slide {
		width: 112.0em;
		padding: 0em 0em 0em 12.5em !important;
	}
	.gallery_body-arrow {
		top: 27.2em;
		width: 5.3em;
	}
	.gallery_body-arrow:hover,
	.gallery_body-arrow:active {
		background-position: -6.0em 0em;	
	}
	.gallery_body-arrow-prev {
		background-image: url('../img-1024/gallery-arrow-prev.png') !important;
	}
	.gallery_body-arrow-next {
		background-image: url('../img-1024/gallery-arrow-next.png') !important;
	}
	#gallery_body-grid #gallery_body-grid-thumbnails .gallery-thumbnail {
		margin-bottom: 2.0em;
	}
	#gallery_body-grid #gallery_body-grid-thumbnails .gallery-thumbnail img {
		border: 14px solid #ffffff;
	}
	
	/* MAPS */
	div.content_output {
		position: absolute;
		z-index: 0; /* dynamically set with javaScript along with top and left, as elements are loaded */
	}
	div.content-scale {
		top: 66.0em;
		left: 66.0em;
		display: none;
	}
	div#body_compass {
		top: 60.6em;
		left: 104.0em;
		display: block;
	}
	#body_content_output-DURA div.content-scale {
		top: 70.0em;
	}