/* CSS DOCUMENT */
/* to be used in conjunction with page-layout.css */
#intro {
	background: #000000 ;
	border: 1px solid #85527e;
	width: 986px;
	padding: 5px;
	margin: 0;
	text-align: justify;
	}

#left-nav-container {display: inline-block; width: 70px; min-width: 70px; padding: 0; margin: 100px auto auto auto; visibility: hidden;}
#left-nav {padding: 0;}
#left-nav a {display:block;}
#right-nav-container {display: inline-block; width: 70px; min-width: 70px; padding: 0; margin: 100px auto auto auto; visibility: hidden;}
#right-nav {padding: 0;}
#right-nav a {display:block;}

#galleries-container {display: inline-block; margin: 100px auto 0 auto; width: 830px; min-height:350px; max-height:350px; height: 350px;}
#galleries-1  {float:left; width: 150px; height: 350px; max-height: 350px; text-align: center; padding: 0; margin: auto 7px; border: 1px solid #85527e;}
#galleries-2  {float:left; width: 150px; height: 350px; max-height: 350px; text-align: center; padding: 0; margin: auto 7px; border: 1px solid #85527e;}
#galleries-3  {float:left; width: 150px; height: 350px; max-height: 350px; text-align: center; padding: 0; margin: auto 7px; border: 1px solid #85527e;}
#galleries-4  {float:left; width: 150px; height: 350px; max-height: 350px; text-align: center; padding: 0; margin: auto 7px; border: 1px solid #85527e;}
#galleries-5  {float:left; width: 150px; height: 350px; max-height: 350px; text-align: center; padding: 0; margin: auto 7px; border: 1px solid #85527e;}

#galleriesloader1 {position: relative; top: -25px; width: 150px; visibility: visible; background-color: #000000; border: 1px solid #85527e;}
#galleriesloader2 {position: relative; top: -25px; width: 150px; visibility: visible; background-color: #000000; border: 1px solid #85527e;}
#galleriesloader3 {position: relative; top: -25px; width: 150px; visibility: visible; background-color: #000000; border: 1px solid #85527e;}
#galleriesloader4 {position: relative; top: -25px; width: 150px; visibility: visible; background-color: #000000; border: 1px solid #85527e;}
#galleriesloader5 {position: relative; top: -25px; width: 150px; visibility: visible; background-color: #000000; border: 1px solid #85527e;}

#imagecontainer1 {position: relative; overflow: hidden; width: 150px; height: 287px;}
#imagecontainer2 {position: relative; overflow: hidden; width: 150px; height: 287px;}
#imagecontainer3 {position: relative; overflow: hidden; width: 150px; height: 287px;}
#imagecontainer4 {position: relative; overflow: hidden; width: 150px; height: 287px;}
#imagecontainer5 {position: relative; overflow: hidden; width: 150px; height: 287px;}

#galleries-title {position: relative; top: -22px; width: 150px; height: 21px; margin: 0 auto; text-align: center;}
	#galleries-title a {color: #a7a7a7;}
	#galleries-title a:hover {color: #ffffff;}

#galleries-images {height: 287px;}
	#galleries-images td {text-align: center; width: 148;}
	#galleries-images img {border: 2px solid #a7a7a7;}

#scroll-up {position: relative; height: 21px; top: -308px;}
#scroll-down {position: relative; height: 21px; top: -24px;}

#popup {position: absolute; top:50%; left: 50%; margin-left: -448px; margin-top: -273px; z-index: 99; visibility: visible;}
	#popup h3 {font-size: 12px; color: #ffffff;}
	#popup p {font-size: 12px; color: #a7a7a7;}
#imagepopupcontainer {position: absolute; left: 0px; width: 896px; height: 546px; z-index:100; visibility: hidden;}
#imagebackground {height: 100%; width:100%; background-color: #a7a7a7; filter: alpha(opacity=90); opacity: 0.9;}
#imagepopupcontent {position: absolute; z-index:101; text-align: center; visibility: hidden;}
#topbar {height: 16px; width: 100%; background-color: #000000; z-index: 102;}
#imagearea {background-color: #000000; z-index: 102;}
#imageloader {position: absolute; top: 20px; left: 20px; width: 856px; height: 506px; z-index:199; visibility: hidden; background-color: #4e4d4d;}
#bottombar {height: 85px; width: 100%; background-color: #4e4d4d; z-index: 102; line-height: 100%;}

#galleries-x {display: none;}
#image-info-always-hidden {display: none;}

a.info{position:relative;}

a.info:hover{background-color:#85527e;}

a.info span{display: none;}
 
a.info:hover span{
		display: block;
    position: absolute;
		margin-left: -1px;
		z-index: 202;
		width: 150px;
    border:1px solid #85527e;
    background-color:#a7a7a7; color:#000000;
    text-align: center;
		font-size: 12px;
		}