/*
*
*	Styling for photo_gallery
*	A BIG THANK YOU TO CSSPLAY.CO.UK...
*	A few tweaks to make it fit here.
*
*/

a.photo_gallery,
a.photo_gallery:visited {
	display:inline-block;
	color:#000;
	text-decoration:none;
	border:1px solid #B9D2DC;
	width:64px;
	height:65px;
	float:left;
	margin:2px 4px;
	z-index:50;
}

html>body a.photo_gallery,
a.photo_gallery:visited {
	width:64px;
	height:64px;
}



/* 9 */


a.slide1 { background: url(../gallery/small/1.jpg) -64px 0 no-repeat; }

a.slide2 { background: url(../gallery/small/2.jpg) -64px 0 no-repeat; }

a.slide3 { background: url(../gallery/small/3.jpg) -64px 0 no-repeat; }

a.slide4 { background: url(../gallery/small/4.jpg) -64px 0 no-repeat; }

a.slide5 { background: url(../gallery/small/5.jpg) -64px 0 no-repeat; }

a.slide6 { background: url(../gallery/small/6.jpg) -64px 0 no-repeat; }

a.slide7 { background: url(../gallery/small/7.jpg) -64px 0 no-repeat; }

a.photo_gallery em, a.photo_gallery span { display: none; font-style: normal; }
a.photo_gallery:hover { background-position: 0 0; z-index: 100; }

#container_right {
	position: absolute;
	width: 480px;
	height: 480px;
	margin: 5px;
	left: 8px;
	top: 60px;
	z-index: 1;
	overflow: hidden;
	background: #fafafa;
}

#container_right img { border: 0; }

#container_right div#title {
	position: absolute;
	top: 20px;
	left: 20px;
	font-weight: 700;
	font-size: 1.6em;
}

#container_right .thumbs {
	position: absolute;
	width: 230px;
	height: 330px;
	left: 10px;
	top: 10px;
	/*background: #f00;-moz-opacity: 0.5;*/
	text-align:left;
}

#container_right a.photo_gallery:hover span {
	display:block;
	position:absolute;
	width:300px;
	height:361px;
	top:0px;
	left:286px;
	padding:5px;
	color:#777;
	z-index:100;
	font-size: 0.1px;
}

#container_right a.photo_gallery:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	color:#777;
}

#container_right a.photo_gallery:active,
#container_right a.photo_gallery:focus {
	border: 1px solid #b9d2dc;
}

#container_right a.photo_gallery:hover  em,
#container_right a.photo_gallery:active em,
#container_right a.photo_gallery:focus  em {
	display:block;
	position:absolute;
	width:200px;
	height:315px;
	top:0;
	left:254px;
	color:#000;
	border: 1px solid #fafafa;
	z-index:50;
}

#container_right h1 {
	position: relative;
	z-index: -1;
	top: 0;
	left: 252px;
	clear:both;
	margin:0;
	width: 200px;
	height: 315px;
	border: 1px solid #fafafa;
	/*background: #f60;*/
}

#container_right h1 em {
	font-size: 0.6em;
	color: #000;
}

#container_right h1 img {
	position: absolute;
	top: 10px;
	left: 12px;
	padding: 0;
	margin: 0;
}

#container_right h2 {
	position: absolute;
	font-size: 1.2em;
	color: #333;
	top: 415px;
	left: 0px;
	width:480px;
	margin:0;
	padding: 0;
	line-height:2;
	text-align: center;
}