@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'LoraRegular';
    src: url('../fonts/lora/Lora-Regular-webfont.eot');
    src: url('../fonts/lora/Lora-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lora/Lora-Regular-webfont.woff') format('woff'),
         url('../fonts/lora/Lora-Regular-webfont.ttf') format('truetype'),
         url('../fonts/lora/Lora-Regular-webfont.svg#LoraRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LoraItalic';
    src: url('../fonts/lora/Lora-Italic-webfont.eot');
    src: url('../fonts/lora/Lora-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lora/Lora-Italic-webfont.woff') format('woff'),
         url('../fonts/lora/Lora-Italic-webfont.ttf') format('truetype'),
         url('../fonts/lora/Lora-Italic-webfont.svg#LoraItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LoraBold';
    src: url('../fonts/lora/Lora-Bold-webfont.eot');
    src: url('../fonts/lora/Lora-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lora/Lora-Bold-webfont.woff') format('woff'),
         url('../fonts/lora/Lora-Bold-webfont.ttf') format('truetype'),
         url('../fonts/lora/Lora-Bold-webfont.svg#LoraBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LoraBoldItalic';

	src: url('../fonts/lora/Lora-BoldItalic-webfont.eot');
    src: url('../fonts/lora/Lora-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lora/Lora-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/lora/Lora-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/lora/Lora-BoldItalic-webfont.svg#LoraBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* @font-face
{
	font-family: DIN;
	src: url('../fonts/din/dinmittelschriftalternateregular-webfont.ttf'),
		 url('../fonts/din/dinmittelschriftalternateregular-webfont.eot'),
		 url('../fonts/din/dinmittelschriftalternateregular-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
} */

/* @font-face
{
	font-family: DIN;
	src: url('../fonts/din2/din.ttf'),
		 url('../fonts/din2/din.eot'), 
		 url('../fonts/din2/din.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
} */

/* @font-face {
	font-family: 'DIN';
	src: url('../fonts/din2/din.eot');
	src: local('☺'), url('../fonts/din2/din.woff') format('woff'), url('../fonts/din2/din.ttf') format('truetype'), url('../fonts/din2/din.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */

@font-face
{
	 font-family: 'DIN';
	src: url('../fonts/din/din-light.eot');
	src: url('../fonts/din_light/din_light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal; 
	
	/*font-family: 'DIN';
	src: url('../fonts/din_light/din_light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;*/
}

@font-face
{
	font-family: DIN_Bold;
	src: url('../fonts/din/dinneuzeitgroteskboldcondregular-webfont.ttf'),
		 url('../fonts/din/dinneuzeitgroteskboldcondregular-webfont.eot'), /* IE9 */
		 url('../fonts/din/dinneuzeitgroteskboldcondregular-webfont.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
    font-style: normal;
}

@font-face
{
	font-family: DIN_Medium;
	src: url('../fonts/din/DIN_Medium.ttf'),
		 url('../fonts/din/DIN_Medium.eot'), /* IE9 */
		 url('../fonts/din/DIN_Medium.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
    font-style: normal;
}

@font-face
{
	font-family: DBSans;
	src: url('../fonts/din/DBSans-Regular.ttf'),
		 url('../fonts/din/dbsans-regular-webfont.eot'), /* IE9 */
		 url('../fonts/din/dbsans-regular-webfont.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
    font-style: normal;
}

@font-face
{
	font-family: DBSans_Italic;
	src: url('../fonts/din/DBSans-Italic.ttf'),
		 url('../fonts/din/dbsans-italic-webfont.eot'), /* IE9 */
		 url('../fonts/din/dbsans-italic-webfont.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
    font-style: normal;
}


.placeholder_content_for_ipad_video
{
	display: none;  /* will be overridden for ipad */
}
html.touch .placeholder_content_for_ipad_video
{
	display: block;  /* we show this because mobile safari won't auto-play a video without user interaction */
	top: 	0px;
	bottom: 	0px;
	left:	0px;
	right:	0px;
	height:	30px;
	width:	300px;
	margin:	auto;
	padding: 50px;
	font-size: 14px;
	font-weight: 	bold;	
}

#nyroModalContent div.partner_logos_container
{
	text-align: 	center;  /* to get the partner_logos image centered laterally */
}

#nyroModalContent p,
#nyroModalContent img.partner_logos
{
	margin: 	20px;
}

/* ONLY FOR LOGGED-IN USERS -- to help with positioning  */
body.logged-in a.nyroModal img,
body.logged-in .FossilViewerLauncher
{
	/* border: 	3px dashed #66f;
	background-color: rgba(30,70,255,.2); */
}

strong 
	{
		font-weight:bold !important;
	}
	
	
em
	{
		font-style:italic !important;
	}


.hotspot
{
	display:	block;
	position:	absolute;
	height:		128px;
	width:		128px;
	margin:		0px;
	padding:	0px;
	cursor: 	pointer;
	background-image: url(../images/hotspot_sm.png); 
}

.hotspot_poster
{
	display:	block;
	position:	absolute;
	height:		31px;
	width:		31px;
	margin:		0px;
	padding:	0px;
	cursor: 	pointer;
	background-image: url(../images/hotspot_31x31_small.png);
	background-position:right;
	background-repeat:no-repeat;
}


/*  Hominids lab models  */

.hominid-1 {
	top: 423px;
	left: 1306px;
	position: absolute;
	display: block;
	width: 58px;
	height: 78px;
}

.hominid-1 a {
	display: block;
	width: 58px;
	height: 78px;
}

.hominid-1-over {
	background: no-repeat url(../images/homepage/human.png) -1px 0px;
}

.hominid-2 {
	top: 437px;
	left: 1418px;
	position: absolute;
	display: block;
	width: 50px;
	height: 60px;
}

.hominid-2 a {
	display: block;
	width: 50px;
	height: 60px;
}

.hominid-2-over {
	background: no-repeat url(../images/homepage/knmer-1470.png) 1px 3px;
}

.hominid-3 {
	top: 446px;
	left: 1534px;
	position: absolute;
	display: block;
	width: 56px;
	height: 67px;
}

.hominid-3 a {
	display: block;
	width: 56px;
	height: 67px;
}

.hominid-3-over {
	background: no-repeat url(../images/homepage/knmer-3733.png) 0px 0px;
}

.hominid-4 {
	top: 442px;
	left: 1720px;
	position: absolute;
	display: block;
	width: 76px;
	height: 70px;
}

.hominid-4 a {
	display: block;
	width: 76px;
	height: 70px;
}

.hominid-4-over {
	background: no-repeat url(../images/homepage/oh-5.png) -2px 3px;
}

.hominid-5 {
	top: 434px;
	left: 1861px;
	position: absolute;
	display: block;
	width: 84px;
	height: 59px;
}

.hominid-5 a {
	display: block;
	width: 84px;
	height: 59px;
}

.hominid-5-over {
	background: no-repeat url(../images/homepage/knmwt-17000.png) 0px 0px;
}

/*  Fauna lab models  */

.fauna-1 {
	top: 430px;
	left: 583px;
	position: absolute;
	display: block;
	width: 191px;
	height: 67px;
}

.fauna-1 a {
	display: block;
	width: 191px;
	height: 67px;
}

.fauna-1-over {
	background: no-repeat url(../images/homepage/knmer-61703.png) -14px -7px;
}

.fauna-2 {
	top: 383px;
	left: 993px;
	position: absolute;
	display: block;
	width: 104px;
	height: 42px;
}

.fauna-2-over {
	background: no-repeat url(../images/homepage/knmer-1308.png) -2px -1px;
}

.fauna-2 a {
	display: block;
	width: 104px;
	height: 42px;
}

.fauna-3-over {
	background: no-repeat url(../images/homepage/knmlt-185.png) 3px -1px;
}

.fauna-3 {
	top: 326px;
	left: 2599px;
	position: absolute;
	display: block;
	width: 144px;
	height: 142px;
}

.fauna-3 a {
	display: block;
	width: 144px;
	height: 142px;
}

.fauna-4 {
	top: 423px;
	left: 2691px;
	position: absolute;
	display: block;
	width: 333px;
	height: 68px;
}

.fauna-4 a {
	display: block;
	width: 333px;
	height: 68px;
}

.fauna-4-over {
	background: no-repeat url(../images/homepage/knmer-61441.png) -2px -4px;
}

.fauna-5 {
	top: 394px;
	left: 3003px;
	position: absolute;
	display: block;
	width: 137px;
	height: 69px;
}

.fauna-5 a {
	display: block;
	width: 137px;
	height: 69px;
}

.fauna-5-over {
	background: no-repeat url(../images/homepage/knmer-14376.png) 2px 0px;
}

.fauna-6 {
	top: 370px;
	left: 4538px;
	position: absolute;
	display: block;
	width: 102px;
	height: 32px;
}

.fauna-6 a {
	display: block;
	width: 102px;
	height: 32px;
}

.fauna-6-over {
	background: no-repeat url(../images/homepage/knmer-929.png) -2px -1px;
}

.fauna-7 {
	top: 408px;
	left: 4810px;
	position: absolute;
	display: block;
	width: 132px;
	height: 57px;
}

.fauna-7 a {
	display: block;
	width: 132px;
	height: 57px;
}

.fauna-7-over {
	background: no-repeat url(../images/homepage/knmlt-316.png) 4px 0px;
}

.fauna-8 {
	top: 329px;
	left: 4381px;
	position: absolute;
	display: block;
	width: 86px;
	height: 43px;
}

.fauna-8 a {
	display: block;
	width: 86px;
	height: 43px;
}

.fauna-8-over {
	background: no-repeat url(../images/homepage/knmer-1485.png) 19px 0px;
}

/*  Lab posters  */

.poster-1 {
	position: absolute;
	z-index: 40;
	top: 162px;
	left: 1955px;
	width: 79px;
	height: 183px;
}

.poster-1 img {
	display: block;
	width: 79px;
	height: 183px;
}

.poster-1-over {
	background: no-repeat url(../images/homepage/timeline-poster.png) 1px 2px;
}

.poster-2 {
	position: absolute;
	z-index: 40;
	top: 176px;
	left: 2068px;
	width: 131px;
	height: 115px;
}

.poster-2 img {
	display: block;
	width: 131px;
	height: 115px;
}

.poster-2-over {
	background: no-repeat url(../images/homepage/flag.png) 1px 1px;
}

.poster-3 {
	position: absolute;
	z-index: 40;
	top: 160px;
	left: 2216px;
	width: 103px;
	height: 191px;
}

.poster-3 img {
	display: block;
	width: 103px;
	height: 191px;
}

.poster-3-over {
	background: no-repeat url(../images/homepage/geo-poster.png) 2px 1px;
}

.poster-4 {
	position: absolute;
	z-index: 40;
	top: 165px;
	left: 3561px;
	width: 120px;
	height: 180px;
}

.poster-4 img {
	display: block;
	width: 120px;
	height: 180px;
}

.poster-4-over {
	background: no-repeat url(../images/homepage/map.png) 3px -1px;
}

.poster-5 {
	position: absolute;
	z-index: 40;
	top: 168px;
	left: 3730px;
	width: 65px;
	height: 175px;
}

.poster-5 img {
	display: block;
	width: 65px;
	height: 175px;
}

.poster-5-over {
	background: no-repeat url(../images/homepage/hominid.png) 6px 9px;
}

.video-gal {
	position: absolute;
	z-index: 40;
	top: 391px;
	left: 4071px;
	width: 181px;
	height: 147px;
}

.video-gal-over {
	background: no-repeat url(../images/homepage/laptop.png) 3px 2px;
}

.FossilViewerLauncher .hotspot
{
	background-image: url(../images/hotspot_fossilViewerLauncher.png);
}

.FossilViewerLauncher
{
/*  individual launchers (e.g. hominid-launcher-1) are styled directly in their own markup  */
/*  that markup is probably found in page.tpl.php  */
	position: 	absolute;
	top:		0px;  /* meant to be overridden by element tag style  */
	left:		0px;  /* meant to be overridden by element tag style  */
	height: 	auto;
	width:		auto;
	margin: 	auto;
	padding: 	10px;
	color: 		#fff;
	font-size: 	11px;
	font-weight:	normal;
	text-align: center;
	cursor: pointer;
}	
.FossilViewerLauncher a,
.FossilViewerLauncher a:active,
.FossilViewerLauncher a:hover,
.FossilViewerLauncher a:link,
.FossilViewerLauncher a:visited
{
	color: #fff !important;
	
}	


.intro_welcome
{
	position:relative;
	background-color:green;
	background-image: url(../images/earth_icon27-26.png);
	background-position:center;
	background-repeat:no-repeat;
	width:200px;
	height:200px;
}


.room-info-link
{
	position:		absolute;
	z-index:		50;
	top:			650px;
	height:			20px;
	width:			1000px;
	margin-left: 	-500px;
	text-align:	 	center;
	overflow: 		visible;
	background-color:blue;
}
.room-info-link.info-1 { left: 1600px; }
.room-info-link.info-2 { left: 2880px; }
.room-info-link.info-3 { left: 20px; }

.room-info-link a
{
	position:			absolute;
	z-index:			50;
}

.adjustableWrapper
{
	position:		absolute;
	top:			0px;
	bottom:			auto;
	left:			0px;
	right:			0px;
	height:			690px;
	width:			auto;
	margin:			0px;
	padding:		0px;
	overflow:		visible;
/* 	border-top: 5px solid rgb(216, 212, 212);
	border-bottom: 5px solid rgb(216, 212, 212); */
}
html.touch .adjustableWrapper
{
	bottom:			0px;
	overflow: 		hidden;
}
.mainLogo
{
	position:		absolute;
	top:			0px;
	left:			20px; 
	width:			215px;
	/* background-image: url(../images/aforg_logo24sm.png); */
	z-index:		250;
}

.mainLogo a {
	display: block;
}

.mainLogo a img {
	display: block;
	width: 100%;
}

.page-node-5 #front_page_top_menu {
	text-align: center;
	position: absolute;
	z-index: 101;
	width: 100%;
	background: black;
	right: 0;
	top: 0;
	height: 74px;
}

.logged-in.page-node-5.toolbar #front_page_top_menu {
	top: 60px;
}

.page-node-5 #fossil_page_top_menu .loginTop a{
/*	font-family: DIN_Medium, Sans-Serif;
	color: white;
	text-decoration: none;
	line-height: 24px;
	background: #FF6500;
	padding: 4px 10px;
	text-decoration: none;*/
}

.page-node-5 #fossil_page_top_menu .loginTop a.username-top{
	margin-right: 15px;
	font-family: LoraBoldItalic;
	padding: 3px 10px;
}

.page-node-5 #fossil_page_top_menu .loginTop a.menu-separate{
	margin: 0px 14px 0 0px;
	font-size: 20px;
}

/*  iPad overrides  */

@media only screen and (device-width:768px)and (orientation:portrait) {
/*iPad Portrait orientation styles */

	.fossilViewer
	{
		position:		relative;
		top:			0px;
		left:			0px;
		height:			980px;  /*  GUESSING  */  /* border adds +2 */
		width:			766px;  /*  GUESSING  */  /* border adds +2 */
		background-color: #005;
		/*	background-image: url(../images/viewer_bg.jpg);  */
	}
	
	
	.fossilViewer strong 
	{
		font-weight:bold !important;
	}
	
	
	
.scrollerPanel
{
	position:		absolute;
	top:			auto;
	bottom:			0px;
	left:			0px;
	right:			0px;
	height:			180px;
	width:			auto;
	margin:			0px;
	padding:		10px;
	border:			0px solid #fff;
	background: none !important;
}



}

@media only screen and (device-width:768px)and (orientation:landscape) {
/*iPad landscape orientation styles */
	
	
}

html.touch,
html.touch body,
html.touch #Panorama 
{
	position: 	absolute;
	top: 		0px;
	bottom: 	0px;
	left:		0px;
	right:		0px;
	height: 	auto;
	width:		auto;
	margin:		0px;
	padding:	0px;
	overflow: 	hidden;
}
html.touch .makeMeScrollable,
html.touch div.scrollWrapper,
html.touch .makeMeScrollable .scrollableArea 
{
	position: 	absolute;
	top: 		0px;
	bottom: 	0px;
	left:		0px;
	right:		0px;
	height: 	auto;
	width:		auto;
	margin:		0px;
	padding:	0px;
	overflow: 	hidden;
}
html.touch .view-browsecollection
{
	top:			0px;
	bottom:			0px;
	left:			0px;
	right:			-1px;
}
html.touch .fossilViewer
{
	top:			6px; /* flush to top of panorama/viewport */
	height:			680px;
	border-color: 	#000;
	overflow: 		hidden;
}

html.touch .makeMeScrollable
{
	position: absolute;
	top:		0px;
	bottom:		0px;
	left:		0px;
	height:		auto;
	width: 		4990px;
	margin: 	0px;
	padding:	0px;
	overflow:	hidden;
	/* background-image: url(../images/Lab_panorama_360_01_690as.jpg); */
	background-image: url(../images/Lab_Panorama.jpg);
	
	background-repeat: repeat-x;
}
html.touch .makeMeScrollable img
{
	height:		690px;
	/*width: 		5120px; */
	width: 		4990px;
}




/*   PANORAMA FUN   */

#Panorama
{
	position:	relative; /* required for the SmoothDivScroller somehow */
	z-index:	100;
}

.hotViewpoint
{
	position: 	absolute;
	top:		300px;
	left:		1300px;
	height: 	10px;
	width:		40px;
	margin: 	auto;
	padding: 	10px;
	color: 		#fff;
	font-size: 	11px;
	font-weight:	normal;
	background-color: #69d;
	border:	1px solid #257;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;	
}
#Panorama .hotViewpoint
{
	top:			300px;
	left:			1400px;
}

.pano-border
{
	position: absolute;
	left:			0px;
	right:			0px;
	height:			24px;
	width:			auto;
}
.pano-border-upper
{
	top:			-24px;
	bottom:			auto;
	background-image: url(../images/panorama_border_upper.jpg);
}
.pano-border-lower
{
	top:			auto;
	bottom:			-24px;
	background-image: url(../images/panorama_border_lower.jpg);
}






/*   REMOVE THIS TITLE-HIDING   RULE    */
body.front h1.title
{
	display: none;
}

#heroFlashContent
{
	position: 	absolute;
	top: 		0px;
	bottom:		0px;
	left: 		0px;
	right: 		0px;
	height:		auto;
	width:		auto;
	margin:		0px;
	padding:	50px;
	text-align: 	center;
	background-color: #000;
}





body
{
	background-color:	#999;
	min-height:			690px;
	/* background-image: 	url(../images/Lab_panorama_360_01_690as.jpg);  */
	/* background-position:  0px 0px;  */
	/* background-repeat:  	no-repeat;  */
}
body.section-login
{
	background-color:	#999;
	background: 	none !important;
	background-position:  0px 120px;
	background-repeat:  	no-repeat;
}
#mainContent
{
	position:	relative;
	width: 		100%;
	height: 	690px;
	overflow:	hidden;
}

#header
{
	position: 			absolute;
	top:				570px;
	left:				20px;
	height: 			130px;
	width:				404px;
	margin:				0px;
	padding:			0px;
	background-image: 	url(../images/aforg_logo24.png);
	background-repeat:  no-repeat;	
	z-index: 			50;
}



h2
{
	text-align:		center;
}
h1.title,
h2.node-title a
{
	text-align:		center;
	color:			#eee !important;
}
a,
a:active,
a:hover,
a:link,
a:visited,
li a:active
{
	color:			#eee !important;
}

.view-browsecollection
{
	display: 		none;
	position:		absolute;
	top:			30px;
	bottom:			50px;
	left:			50px;
	right:			50px;
	height:			auto;
	width:			auto;
	margin:			0px;
	padding:		0px;
}
.view-browsecollection.visible
{
	display: 		block;
}
.uberOverlay
{
	display: 		none;
	position:		absolute;
	top:			0px;
	bottom:			0px;
	left:			0px;
	right:			0px;
	background-color:	rgba(0,0,0,0);
	z-index:		1;
}
.uberOverlay.visible
{
	display: 		none;
}
.region.region-content.visible
{
	z-index: 		400;
}
.fossilViewer
{
	display: 		none;
	position:		absolute;
	top:			50px;
	bottom:			auto;
	left:			0px;
	right: 			0px;
	height:			686px;  /* border adds to this for total final dimension */
	width:			1020px; /* border adds to this for total final dimension */
	margin:			0px auto;
	padding:		0px;
	color:			#eee;
	font-size:		13px;
	overflow: 		visible; 
	border:			2px solid #ccc;
	background-color: #000;
	z-index: 		50;
}
.fossilViewer.visible
{
	display: 		block;
	z-index: 		400;
}
.fossilViewer .closeButton
{
	position:		absolute;
	top:			3px;
	bottom:			auto;
	left:			auto;
	right:			0px;
	height:			34px;
	width:			34px;
	margin:			0px;
	padding:		0px;
	cursor: 		pointer;
	background-image: url(../images/Close_BTN2.png);
}
.partPanel
{
	position: 		absolute;
	top:			340px;
	bottom:			auto;
	left:			50px;
	right: 			auto;
	height:			200px;
	width:			160px;
	margin:			0px;
	padding:		0px;
}
.partPanelMap
{
	position: 		absolute;
	top:			50px;
	bottom:			auto;
	left:			45px;
	right: 			auto;
	height:			269px;
	width:			150px;
	margin:			0px;
	padding:		0px;
	background-image: url(../images/turkana_map.jpg);
}
.partPanel .label
{
	display: inline;
}
.heroPanel
{
	position:		absolute;
	top:			5px;
	bottom:			auto;
	left:			205px; /*  205  */
	right:			auto;
	height:			540px;
	width:			540px;
	margin:			0px;
	padding:		0px;
	text-align: 	center;
	overflow: 		hidden;
}
.heroPanel iframe
{
	position:		absolute;
	top:			0px;
	left:			0px;
	overflow:		hidden;
}


.heroPanel video  /* for iPad & friends */
{
	position:		relative;
	height:			490px;
	width:			480px;
	border:			1px solid #555;
}
.infoPanel
{
	position:		absolute;
	top:			0px;
	bottom:			210px;
	left:			auto;
	right:			0px;
	height:			auto;
	width:			280px;
	margin:			0px;
	padding:		35px 12px 12px 12px;
	font-size:		12px;
	overflow:		auto;
	color:			#eee;
	background-color: 	#142035;
	/*border: 		0px solid #005; 
	border-width:	0px 0px 0px 2px; */
	border: 0 none;
    border-radius: 10px 10px 10px 10px;
}
.infoPanel .label
{
	display:		inline;
	color:			#ddd;
	font-weight:	bold;
}
.infoPanel .field-body
{
	margin-top:		10px;
	font-size:		12px;
	line-height:	15px;
}
.infoPanel .field-field-longtitle
{
	margin-bottom:	5px;
	font-size:		16px;
	font-weight:	bold;
}
.infoPanel .field-ageest,	
.infoPanel .field-content
{
	display: 		inline;
}

.scrollerPanel
{
	position:		absolute;
	top:			auto;
	bottom:			15px;
	left:			0px;
	right:			0px;
	height:			180px;
	width:			auto;
	margin:			0px;
	padding:		10px;
	border:			0px solid #000 !important;
	background: none !important;
}
div.fossilGroupForCarousel
{
	display: 		none;
}
.fossilGroupForCarousel.visible
{
	display: 		block;
}


.jcarousel-skin-default .jcarousel-container-horizontal
{
	padding: 3px 0px;
}

ul.jcarousel
{
	/* TO DO:  this is being set manually here because the jCarousel is not properly initiating. */
	/* ( It's setting this UL to a width of 160px - or one item only. ) */
	/* probably it's happening because we can't wait for a proper callback from the loading items before jCarousel inits */
	height:				200px !important;
	max-height:			200px !important;
	width:				10000px !important;
	border-width:  		0px !important;
}
.scrollerPanel li.jcarousel-item
{
	position:			relative;
	top: 				0px;
	height:				180px;
	width:				150px !important;
	margin:				0px 2px;
	padding:			0px;
	border: 			0px solid #fff;
	-moz-border-radius: 10px;
	border-radius: 		10px;
	background: 		none !important;
}
.scrollerPanel li.jcarousel-item.selected,
.scrollerPanel li.jcarousel-item.selected:hover
{
	background-color:	#142035 !important;
}
.scrollerPanel li.jcarousel-item:hover
{
	background-color:	#121725 !important;
}
.scrollerPanel .jcarousel-item .caption
{
	position:		absolute;
	top:			140px;
	bottom:			auto;
	left:			0px;
	right:			0px;
	height:			auto;
	width:			auto;
	margin:			0px;
	padding:		5px;
	font-size:		13px;
	font-weight: 	bold;
	text-align:		center;
	overflow: 		hidden;
	color:			#eee;
}
.scrollerPanel .jcarousel-container-horizontal
{
	width:			1040px;
}
.scrollerPanel .jcarousel-clip.jcarousel-clip-horizontal
{
	left:			30px;
	width:			924px;
	border:			0px solid #000;
}
.scrollerPanel .jcarousel-prev-horizontal {
	position: 		absolute;
	top: 			55px;
	left: 			0px;
	height:			32px;
	background-position: -64px 0;
}
.scrollerPanel .jcarousel-next-horizontal {
	position: 		absolute;
	top: 			55px;
	right: 			40px;
	height:			32px;
	background-position: -64px -32px;
}

#main-menu
{
	position: relative;
	top: 		-90px;
	left:		410px;
	margin:		0px 20px 40px 20px;
}
#main-menu li
{
	margin:		20px;
}

.placeholder_text
{
	font-size:		12px;
	color:			#aaa;
}
html body.not-logged-in .notify_touch,
html body.not-logged-in .notify_touch,
html body.not-logged-in .notify_no_touch,
html.no-touch .notify_touch,
html.touch .notify_no_touch
{
	display: 	none;
}
.logged-in .notify_touch,
.logged-in .notify_no_touch
{
	display: 	block;
	position:	absolute;
	top:		400px;
	bottom:		auto;
	left:		0px;
	height:		20px;
	width:		auto;
	padding:	7px;
	color: 		#6df;
	font-size:	10px;
	background-color: 	#000;
	text-transform: uppercase;
}






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



/*
	RESET STYLES 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}


html {
	
}


h2 {
	color:	white;
	font-size:18px;
	text-decoration:	underline;
	}


h3{
	font-style:italic;
	color:000:
}

h3 a:link,
h3 a:visited {
	font-style:italic;
	color:000:
	margin:0;
	text-decoration:none !important;	
}


h3 a:hover {
font-style:italic;
	text-decoration:none !important;
	color:000:
}


h4 {
	color:	white;
	font-size:14px;
	text-decoration:none !important;
	}



h4 a:link,
h4 a:visited {
	font-family:	"Courier New", Courier, monospace;
	font-size:14px;
	padding:0 0 15px 0;
	margin:0;
	text-decoration:none !important;	
}


h4 a:hover {
	text-decoration:none !important;
}




body 
{
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1.0em;
	margin:0;
	background:		#999;	
}

img {
	border:none;
}




.room1 {
position:absolute;
width:672px;
height:300px;
bottom:-290px;
left: 590px;
z-index:5;
}

.room2 {
	position:absolute;
width:672px;
height:300px;
bottom:-290px;
z-index:5;
left: 1680px;
}

.room3 {
	position:absolute;
width:672px;
height:300px;
bottom:-290px;
z-index:5;
left: 3055px;
}

.infotext{
	padding:15px;
	color:	#000;
	text-align:justify;
	font-size:14px;
}
/*Header -----------------------------*/




.header {
position:absolute;
background:url(../images/aforg_logo24.png) no-repeat;
background-position:left;
width:3996px;
height:120px;
top: 20px;
left: 90px;
z-index:50;
}




/*Footer ---------------------------*/


.footerlogos{
	position:	absolute;
	width:	517px;
	top:620px;
	left:40px;
	color: #fff;
	font-size:14PX;
}

.logolinexx {
	position:relative;
	left: 85px;
	top:-30px;
}

	

/*Scrollable Content ---------------------------*/

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
.makeMeScrollable
{
	width:		100%;
	position: 	absolute;
	top:		0px;
	height:		690px;		
}
div.scrollWrapper
{
	position: 		relative;
	width: 			100%;
	height:			690px;
	margin:			0px;

	overflow:		hidden;	
}
.makeMeScrollable .scrollableArea 
{
	position: 	relative;
	float: 		left;
	top:		0px;
	left:		0px;
	height: 	690px;
	width: 		4990px;
	margin: 	0px;
	padding: 	0px;
}

.AllContent{
	position:relative;
	width: 		4990px;
}


/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 203px;
	width: 5%;
	height: 690px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/transparent.png);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 999;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	/*cursor: url(../images/cursors/cursor_arrow_left.html), url(images/cursors/cursor_arrow_left.html),w-resize; */
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/left_arrow_half.png);				
	background-color: none;
	background-repeat: no-repeat;
	opacity: 1; /* Standard CSS3 opacity setting */
	-moz-opacity: 1; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 100); /* Opacity for Internet Explorer. */
	/*zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	height: 550px;
	margin-top: 100px;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 203px;
	width: 5%;
	height: 690px;
	background-image: url(../images/transparent.png);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 999;
	right: 0;
	/*cursor: url(../images/cursors/cursor_arrow_right.html), url(images/cursors/cursor_arrow_right.html),e-resize;*/
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/right_arrow_half.png);
	background-color: none;
	background-repeat: no-repeat;
	opacity: 1;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	zoom: 1;
	height: 550px;
	margin-top: 100px;
}



/*Tooltip -------------------------------------*/

.tooltip-rollover {

	cursor:pointer;
}

/* mouseover state */
.tooltip-rollover:hover {
	background-position:0 -0px ;		
}

/* clicked state */
.tooltip-rollover:focus {
	background-position:0 -0px;
}

/* tooltip styling */
.tooltiplong {
	display:none;
background:url(../images/greencard_desat4.png);
background-repeat:no-repeat;
	padding:10px 10px 10px 25px;
	font-family:	"Courier New", Courier, monospace;
	font-size:12px;
	text-align:justify;
	text-decoration:none !important;
	color:	#000; 
	position:relative;
	top:	0px;
	width:583px;
	height: 384px;
	z-index:1000;
	cursor: pointer;
}

.tooltip {
	display:none;
background:url(../images/greencard_desat4_r3.png);
background-repeat:no-repeat;
	padding:10px 10px 10px 25px;
	font-family:	"Courier New", Courier, monospace;
	font-size:12px;
	text-align:justify;
	text-decoration:none !important;
	color:	#000; 
	position:relative;
	top:	0px;
	width:583px;
	height: 364px;
	z-index:49;
	cursor: pointer;
}

.tooltipinfo {
	display:none;
	background-image:	url(../images/1px67.png);
background-repeat:	repeat;
	padding:20px 10px 10px 30px;
	font-family:	;
	font-size:14px;
	text-align:justify;
	text-decoration:none !important;
	color:	#FFF; 
	position:relative;
	top:	0px;
	width:560px;
	height: 300px;
	cursor: pointer;
}


.tooltipinfohome {
	display:none;
	background-image:	url(../images/1px67.png);
background-repeat:	repeat;
	padding:20px 20px 10px 20px;
	font-family:	;
	font-size:14px;
	text-align:justify;
	text-decoration:none !important;
	color:	#FFF; 
	position:relative;
	top:	0px;
	width:560px;
	height: 400px;
	cursor: pointer;
}



.tooltip-rollover-image {
	cursor: pointer;
}



.tooltipposter {
	display:none;
background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
	position:relative;
	top:-200px;
	width:0px;
	height:0px;
	cursor: pointer;
}


.tooltip h1 {
	font-weight:bold;
	color:#000;
	margin:0;
}

.tooltiplong h1 {
	font-weight:bold;
	color:#000;
	margin:0;
}

.tooltip h3 {
	font-weight:bold;
	color:#000;
	margin:0;
}

.tooltiplong h3 {
	font-weight:bold;
	color:#000;
	margin:0;
}


.playmovie {
	position:absolute;
	width: 65px;
	height: 50px;
	left:	472px;
	background-image:	url(../images/play.png);
	
}
	





.tooltip h1 a:link,
.tooltip h1 a:visited {
	color:#333;
	font-family:	"Courier New", Courier, monospace;
	font-size:17px;
	padding:0 0 15px 0;
	margin:0;
	text-decoration:none !important;	
}


.tooltip h1 a:hover {
	color:#333;
	text-decoration:none !important;
}

.tooltiplong h1 a:link,
.tooltiplong h1 a:visited {
	color:#333;
	font-family:	"Courier New", Courier, monospace;
	font-size:17px;
	padding:0 0 15px 0;
	margin:0;
	text-decoration:none !important;	
}


.tooltiplong h1 a:hover {
	color:#333;
	text-decoration:none !important;
}

.tooltip p {
	font-weight:normal;
	padding:	0px 0px 0px 0px;
	width:	510px;
	margin:0;
	color:#000;
	text-decoration:none !important;

}

a.tooltip{
	text-decoration:none !important;
}

.tooltiplong p {
	font-weight:normal;
	padding:	0px 0px 0px 0px;
	width:	510px;
	margin:0;
	color:#000;
	text-decoration:none !important;

}

a.tooltiplong{
	text-decoration:none !important;
}

.tooltip-image img {

}

.tooltip-image a:link,
.tooltip-image a:hover,
.tooltip-image a:visited{
	position:absolute;
	width:128px;
	height:29px;
	font-family:	"Courier New", Courier, monospace;
	/*font-weight:bold;
	text-transform:uppercase; */
	font-size:11px;
	color:#fff;
	text-decoration:none !important;
	z-index:10;
	display:block;
	padding:5px 0px 0px 25px;
	top:80px;
	left:90px;
}





/*************      Pop-Up Modal Overlays       *************/
/************************************************************/

/*  TO DO:  all of these #NyroModal* selectors are a caution...   */
/*  using ID had better be carefully done... we have lots of modal boxes.   */
/*  Make sure we shouldn't be using classes instead of ID's  */

div#nyroModalFull {
	font-size: 12px;
	color: #777;
	z-index:	500 !important;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/Loading.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background-color:#000;
	border: 4px solid	#999;
	height:auto;
	width:	auto;
}
div#nyroModalWrapper wrapper{
	height:auto;
	width:	auto;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -21px;
	right:-21px;
	width: 34px;
	height: 34px;
	text-indent: -9999em;
	background: url(../images/Close_BTN2.png) no-repeat;
	outline: 0;
	z-index:9999;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -0px;
	left: 0px;
	font-size: 12px;
	color: #ddd;
}

div.wrapper div#nyroModalContent {
	height:600px;
}

div.wrapper div#nyroModalContent .container {
position:		relative;
height:			auto;
width:			auto;
padding: 		0px;
font-size:14px;
}


.movie{
	position:relative;
	top:	0px;
	left:	60px;
	height:	500px;
}

	

.clear {
	clear:both;
}


.hidden {
	display: none; width: 600px; height:	auto;
}

 


/*********************js Pre-Loader ****************************/

.QOverlay {
	background-color:	#999;
	z-index: 9999;
	width:100%;
}

.QLoader {
	background-color:	#333;
	height: 1px;
}

.QAmt {
	color:	#CCC;
	font-family:	"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	font-size:50px;
	text-align:center	center;
	width:	140px;
	margin:-65px 0 0 -50px;
}




/******************************* 
*   Artifact Map page Content  *
*******************************/

body.page-artifact-map {
	font-family: DIN, Sans-Serif;
}

body.page-artifact-map #block-system-main {
	margin: 0;
}

.gmap-map {
    margin: auto;
}

.gmapnodelabel-zfossil
{
	width: 400px;
	height: 230px;
	overflow: hidden;
}


.gmapnodelabel-zfossil .field-type-image
{
	position:relative;
	top: -50px;
	left: -20px
}


.gmapnodelabel-zfossil .field-name-field-shorttitle

{
	position:relative;
	top: -170px;
	left:	125px;
}

.gmapnodelabel-zfossil .field-name-field-othername

{
	position:relative;
	top: -170px;
	left:	125px;
}

.gmapnodelabel-zfossil .field-name-field-yeardiscovered
{
position:relative;
	top: -170px;
	left:	125px;
}

.gmapnodelabel-zfossil .field-name-field-ageest
{
position:relative;
	top: -170px;
	left:	125px;
}

.gmapnodelabel-zfossil .field-name-body
{
position:relative;
	top: -170px;
	left:	125px;
	width:	275px;
}

.gmapnodelabel-zfossil .field-name-field-summary
{
position:relative;
	top: -165px;
	left:	15px;
	width:	375px;
}



.gmapnodelabel-zfossil .node-readmore
{
	position:relative;
	top: -170px;
	left:	125px;
	visibility:hidden;
}

#outerImageContainer
{
	overflow:hidden;
}

#lightboxFrame{overflow:hidden}


/*************************  Artifact Map styles  ****************************/

.gmap-popup {
	width: 400px;
}

.views-field-field-masterimage {
	float:left;
}

.views-field-title a, .views-field-title a:visited, .views-field-title a:link{
	color:blue;
}

.views-field-field-longtitle span, .views-field-field-year-discovered span, .views-field-field-age-estimated span, .views-field-field-othername span {
	font-weight: bold;
}

.views-field-field-longtitle .field-content, .views-field-field-year-discovered .field-content, .views-field-field-age-estimated .field-content, .views-field-field-othername .field-content {
	display: inline;
}