/* main image area */

.galleria_container { position: absolute; 
                      left: 0px; top: 0px;}


.galleria_wrapper
{
	width: 460px;
	height: 420px;
	background-image: url(../imagesnew/gallery-bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding:0px;
	
}


/* thumbnails list container */
.galleria {position: relative;
           margin: 0px;
           padding-left: 20px;
           width: 295px;
           height: auto;
           list-style:none;

           }
           
           




.galleria li
{
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 6px;
	border: 1px solid #a63a27;
	
}

.galleria li a{display:none;}



/* use to style captions */
span.caption { color: #943329;
               font-size: 1.0em;
               font-family: verdana;}







/* used if no galleria-container */
.galleria li div{position:absolute;display:none;top:0;left:180px}


.galleria li div img{cursor:pointer}

.galleria li.active div img,.galleria li.active div{display:block}

.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:60px;height:60px;}

.galleria li.caption {display:block;padding-top: 0.5em; }


/* different thumbs

Create and scale a clickable thumbnail:
	1.	<ul class="gallery">
	2.	<li><img src="i/i01.jpg" title="A caption" alt="Image01"></li>
	3.	</ul>
Create a thumbnail, but donŐt scale it (fit and center):
	1.	<ul class="gallery">
	2.	<li><img class="noscale" src="i/01.jpg" title="A caption" alt="Image01"></li>
	3.	</ul>
Use a custom thumbnail and center it to fit inside the thumbnail container:
	1.	<ul class="gallery">
	2.	<li><a href="i/01.gif" title="A caption"><img src="i/01_thumb.jpg" alt="Image01"></a></li>
	3.	</ul>

*/