.active {
	}
.clearMe {
	clear: both;
	}
	
.glaBox {
	position: relative;
	margin: 0;
	padding: 0;
	} 


.galleryPage .glaBox {
	width: 400px;
	margin: 0 auto;
	}


.galleria_container {
	width: 250px;
	}

.galleryPage .galleria_container{
	width: 400px;
	margin: 0 auto;
	}

.myBox {
	position: absolute;
	}

	.galleria_wrapper{
		clear: both;
		margin: 0;
		position: absolute;
		}   

.galleryPage .galleria_wrapper {
	height: 290px;
	width: 400px;
	overflow: hidden;
	text-align: center;
	border: 1px solid gray;
	padding: 5px;
	background-color: #FFFFFF;

}

.galleryPage .galleria_wrapper img{
	width: 350px;
	margin: 0 auto;
	border: 1px solid gray;
	}


	.captionBox {
		position: absolute;
		top: -135px; /* pulls caption box up above thumbs */
		left: 0px;
		vertical-align: bottom;
		height: 1px;
		}
	
	.captionBack {
		}
	
	.caption {
		z-index: 500;
		position: relative;
		top: 350px;
		}



.gallery {
	display: none;
	}
.galleria{
	clear: both;
	display: block;
	float: left;
	padding: 0; 
	list-style:none;
	padding: 0px;
	margin: 240px 0 0 0 ; /* sets how far down the thumnails appear */
	height: 70px;
	overflow: hidden;
	}

.galleryPage .galleria{
	margin: 310px 0 20px 0 ; /* sets how far down the thumnails appear */
	}



#left_scroll, #right_scroll {
	position: absolute;
	top: 267px;
}


.galleryPage #left_scroll, .galleryPage #right_scroll {
	position: absolute;
	top: 327px;
}


#left_scroll {
	left: -14px;
	cursor: pointer;
	}

#right_scroll {
	left: 244px;
	cursor: pointer;

}


.galleryPage #right_scroll {
	left: 404px;
	cursor: pointer;
}


.galleria ul{
	clear: both;	
	}
.galleria li{
	border: 1px solid #e0e0e2;
	display: block;
	float: left;
	margin: 3px 0px 3px 6px;
	overflow:hidden;
	height: 70px;  /* sets thumb nail height */
	width: 70px; /* sets thumb nail width */
	}
	
.galleria li#firstImg{
	margin: 3px 0px 3px 6px;
	}
	
.galleria li a{display:none}
.galleria li div{
	display:none;
	left:180px;
	position:absolute;
	top:0;
	}
.galleria li div img{
	cursor:pointer;
	}
	
.galleria li.active div{
	display:block;
	}

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

.galleria li img.thumb{
	cursor:pointer;
	display:block;
	height:auto;
	left:auto;
	top:auto;
	width:auto;
	}
.galleria li .caption{
	display:block;
	padding-top:.5em;
	}
* html .galleria li div span{
	width:600px; /* MSIE bug */
	}

.galleryPage {
	
	}
/* Thumbs  */

.subgrab {
	float:left;  /*important for inline positioning */
	width:233px; /*important (this width = width of list item(including margin) * items shown */
	overflow: hidden;   /*important (hide the items outside the div) */
	margin: 0 auto;
	position: relative;
}

.subgrab ul {
	position:relative;
	left: -82px; /* width of .subgrab ul li plus margins and paddin  */
	list-style-type: none;  /*removing the default styling for unordered list items */
	margin: 243px 0 0 0;
	padding: 0 0 0 7px;
	width:9999px;  /*important */
	padding-bottom:10px;
}

.subgrab ul li{
	float: left; /* important for inline positioning of the list items */
	width:70px;   /*fixed width of thumbnails, important */
	display: block;
	padding:0px;
	height:70px;
	margin: 0 7px 0 0;
	overflow: hidden;
	border: 1px solid #ccc;

}

.subgrab ul li img {
	margin-bottom:-4px; /* IE is making a 4px gap below an image inside of an anchor (<a href...>) so this is to fix that*/
	cursor:pointer;
	cursor: hand;
	border:0px;
	}