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


/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}


a.vert, a.vert:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:47px; height:75px; float:left; margin:4px; z-index:50;}


a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#content {padding:50px 0 0 0;}
#container_right {position:relative; width:900px; height:505px;  }
#container_right img {border:0;}
#container_right .thumbs {width:190px; position:absolute; right:0; top:15px;}
#container_right a.gallery:hover span {display:block; position:absolute; width:150px; height:50px; top:255px; left:0; padding:5px; color:#333;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:20px; color:#900;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000; }
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:640px; height:429px; top:5px; left:-685px; padding:8px; color:#000; border:1px solid #000; z-index:50; background-color:#ccc;}
#container_right h1 {clear:both; margin:0; padding-top:120px; padding-left:50px; width:670px; text-align:center; }







.tool-tip {
	color: #fff;
	width: 189px;
	z-index: 200;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #d7ba6a;
	padding: 8px 8px 4px;
	background: url(images-identity/bubble.png) top left;
}
.tool-text {
	font-size: 16px;
	padding: 4px 8px 8px;
	background: url(images-identity/bubble.png) bottom right;
}

a.picnav img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);	
}
a.picnav:hover img {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#photogallerybox{
	width:900px;
	background-color:#333;
	overflow:auto;
	margin:80px 0 0 0;
}

#photogallery {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}

#photogallery td {
	padding: 12px 10px 10px 10px;
	margin: 0;
	background-image: url(images-identity/bg_load.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#photogallery td.hgh {
	background-color: #222;
}
#photogallery td.end {
	background-image: url(images-identity/bg_end.png);
}

#photogallery a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

#photogallery a.info:hover{z-index:25; background-color:#ff0}

#photogallery a.info span{display: none}

#photogallery a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}