@charset "ISO-8859-1";
 

/* GALLERY */

#gallery { top:0px; margin-right:14px; margin-left:20px; background-color: #fff; position:relative; }

#gallery.xar { height:450px; }
#gallery.zol { height:354px; }

#gallery.about { height:300px; }
#gallery.other { height:300px; }
#gallery.index { height:266px; }


/*//////   \\\\\\*/

/* default-xar */
#gallery b.default-xar { position:absolute; left:0px; top:34px;
	width:502px; height:390px; text-align:center; background-color: #fff; }

#gallery b.default-xar img {
	display:block;
	margin:0px auto 0px auto;
	border:1px solid #006633;
}
#gallery b.default-xar span {
	display:block;
	color:#000;
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	width:450px;
	margin:3px auto;
}


/* default-zol */
#gallery b.default-zol { position:absolute; left:0px; top:34px; width:360px; height:320px;  text-align:center; background-color: #fff;}

#gallery b.default-zol img { display:block; margin:0px auto 0px auto; border:1px solid #006633; }
#gallery b.default-zol span { display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:340px; margin:3px auto; }

/*//////   \\\\\\*/


#gallery ul { list-style:none; margin:0; padding:0; position:relative; float:right; background-color: #fff;}

#gallery ul.xar {
	width:128px;
	top:-2px;
}
#gallery ul.zol { width:256px; top:-0px; }


/*//////   \\\\\\*/


#gallery ul li { display:inline; width:58px; height:58px; float:left; margin:0px 0px 6px 6px; font-weight:normal; font-size:10px; }
#gallery ul li a { display:block; width:56px; height:56px; text-decoration:none; border:1px solid #707070; }
#gallery ul li a span { display:none; }
#gallery ul li a img { display:block; width:56px; height:56px; border:0; }
#gallery ul li a:hover { border-color:#707070; background-color: #fff; background-image: url(../images/LA_slug_small.jpg); }

/*//////   \\\\\\*/


#gallery ul li a:hover b { position:absolute; width:498px; text-align:center; background:#fff; z-index:20; }

#gallery ul.xar li a:hover b {
	left:-514px;
	top:2px;
	width:502px;
	height:398px;
	text-align:center;
}
#gallery ul.zol li a:hover b { left:-386px; top:-0px;  height:320px; }

/*//////   \\\\\\*/

#gallery ul li a:hover span { display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:450px; margin:3px auto;; }

#gallery ul.xar ul li a:hover span { width:498px; } /*THIS IS NEW*/


#gallery ul li a:hover img { margin:0px auto 3px auto; width:auto; height:auto; border:1px solid #006633; }


/*//////   \\\\\\*/

#gallery ul li a:active, #gallery ul li a:focus { white-space:normal; border-color:#707070; background:#fff; background-image: url(../images/LA_slug_small.jpg); }

/*//////   \\\\\\*/
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; width:360px; text-align:center; background:#fff; z-index:10;}

#gallery ul.xar li a:active b, #gallery ul.xar li a:focus b { left:-514px; top:2px; width:502px; height:398px; text-align:center; }
#gallery ul.zol li a:active b, #gallery ul.zol li a:focus b { left:-386px; top:-0px; height:320px; }

/*//////   \\\\\\*/
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:450px; margin:3px auto;}


#gallery ul li a:active img, #gallery ul li a:focus img { margin:0px auto 3px auto; width:auto; height:auto; border:1px solid #006633; }

/*//////   \\\\\\*/


#gallery b.paragraph {
	width:129px;
	height:auto;
	left:-1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	color: #000000;
	font-size:11px;
	line-height: 14px;
	padding: 0px;
	position: absolute;
	top: 26px;
}


.alts { font-weight:normal; color:#000; }