@charset "utf-8";


body {background: #4368AA;
    font-size: .8em;}

h1, .h1 {
	margin:0px 0px .5em 20px;}

li {
	font-size: 1em;
}


#gallery-overview {
	position:relative;
	padding:5px 0px 0px 0px; 
	width:5000px; 
    background: #4771FF;	
	z-index: 0;}

#gallery-floor {
	position:absolute;
	bottom:0;
	left:0;
	width:5000px; 
	height:212px;
	background: #4368AA;
	z-index: 1;}

/*DD 2022-10-07: https://technofrolics.com/gallery/images/gallery-background.png is the circle with figure in
main gallery overview.  https://technofrolics.com/gallery/gallery-background-new.png is intro for FGSB gallery.
https://technofrolics.com/gallery/hover-message.png is similar to above but slightly different text and no figure —
for non FGSB gallery entries (some)  */
#gallery-items {
	position: relative;
	bottom: 0px;
	left: 0px;
	padding:10px; 
	height:650px;
	background: url(../gallery/images/gallery-background.png) bottom left no-repeat;
	z-index: 2;}


#gallery-items li {
    display: block;
    position: absolute;
    height: 25px;
    margin-left: 20px;
    list-style: none;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    left: 9px;
    top: 318px;
    
}

#gallery-items li {
	background:url(../gallery/images/white-ball.png) left center no-repeat;
	color:#FFF;}

#gallery-items li:hover {
	background:url(../gallery/images/orange-ball.png) left center no-repeat;}

#gallery-items li a {
	display:block; 
	line-height:1.2em;
	padding-left: 32px;
	font-size:1.2em;
	color: #FFF;
	text-decoration: none;}

#gallery-items li a:hover {
	color:#FFD783;
}

#gallery-items li.fg-sb {
	top:0px;}

#gallery-items li.iron-dust {
	top:40px;}

#gallery-items li.hotplates {
    top: 80px;}

#gallery-items li.banners {
    top: 120px;}
	
#gallery-items li.power-distribution {
    top: 160px;}
	
#gallery-items li.custom-exhibits {
	top: 200px;}     

#gallery-items li.media {
	background: hsla(0,0%,0%,0.00);
	top: 425px;
	left: 200px;}

#gallery-items li.media:hover {
	background: hsla(0,0%,0%,0.00);}

/*md*/
#gallery-items li.fg-sb:hover {
	background:url(../gallery/images/orange-ball.png) left center no-repeat;}

#gallery-items li a b {
	display:none;}

#gallery-items li a:hover b {
	position:absolute; 
	display:block; 
	width:260px; 
	height:260px;} 
 
 
#gallery-items li.fg-sb a:hover b  {left:315px; top:95px; background:url(../gallery/images/spin-browser-closeup.png) center center no-repeat;}

#gallery-items li.iron-dust a:hover b  {left:315px; top:58px; background:url(../gallery/images/iron-dust-closeup.png) center center no-repeat;}

#gallery-items li.hotplates a:hover b  {left:315px; top:18px; background:url(../gallery/images/hotplates-closeup.png) center center no-repeat;}

#gallery-items li.banners a:hover b  {left:315px; top:-22px; background:url(../gallery/images/dancing-banners-closeup.png) center center no-repeat;}

#gallery-items li.power-distribution a:hover b  {left:315px; top:-62px; background:url(../gallery/images/power-distribution-closeup.png) center center no-repeat;}

#gallery-items li.custom-exhibits a:hover b  {left:315px; top:-102px; background:url(../gallery/images/custom-closeup.png) center center no-repeat;}

#gallery-items li.media a:hover b  {left:125px; top:-329px; background: url("/gallery/images/video-on-vimeo.png") center center no-repeat;}

#gallery-overview #footer {
	position:relative;
	top:20px;
	left: 0px;
	width: 1000px;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: .8em;
	z-index:20;
}

#gallery-overview #footer ul {
	overflow:hidden;
	list-style: none;
	
}

#gallery-overview #footer li {
	float:left;
	text-decoration: none;
	background:hsla(0,0%,0%,0.00);
}

#gallery-overview #footer ul li:hover {
	background:hsla(0,0%,0%,0.00);
}

#gallery-overview #footer ul li a {
	color:#FFF;
	text-decoration: none;
}