.galleryOuter {
position: relative;
width: 100%;
float:left;
margin-top: 10px;
}


.galleryOuter * {
	margin:0;
	padding:0;
}

.galleryOuter H1{
margin-bottom: 10px;
}

/*reversing from main css*/
#mainContent .galleryOuter img {
margin:0;
}






/*container around everything prior to descriptions*/

.galleryInner {
position: relative;
width: 100%;
height: 300px;
/*border: 1px solid green;*/
}






/*container around the thumbs*/

.thumbnailContainer {
width: 480px;
height: 100%;
/*border-right: 1px solid red;*/
overflow: auto;
padding: 0;
margin: 0;
float:right;
text-align: left;
}







/* the actual listing */

ul#imageGalleryThumbs {
	width:auto;
	padding: 0;
	margin: 0;
}

#id-6 #imageGalleryThumbs {

}


#imageGalleryThumbs li {
	float: left;
	padding: 0;
	margin: 0 0 5px .8em;
	list-style: none;
	display: inline;
	/*vertical-align: middle;only needed for the horizontal gallery displays*/
}

#imageGalleryThumbs a {
	color: #c60;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#imageGalleryThumbs li a img {
  border: 4px solid #f2f2f2;
  margin:0;
}





/*just the image plus title */

#mediumImageAndTitle {
float:left;
width: 350px;
padding:0;
margin:0;
text-align: center;
overflow: hidden;
border: 1px solid #f2f2f2;
}


/*just the medium image */

#mediumImage {
width: 100%;
height: 300px;
line-height: 300px;
}

img#placeholder {
margin: 0;
padding:0;
display:inline;
vertical-align: middle;
}


* html #placeholderCell {
position: absolute;
top: 46%;
left: 0;
width: 100%;
}

* html #placeholder {
position: relative;
top: -50%;
}

/* * html body#id-6 #placeholder {
top: -60%;
}*/




/*just the title */

#imageTitle {
background: #f7f7f7;
margin:0;
padding: 3px;
}




/*the extra info*/

ul.fullInfo {
position: absolute;
left:0;
top: 360px;
width: 100%;
text-align: left;
overflow: visible;
display:none;
}

































/*for stage 2 dev*/
.scrollBack {
position: absolute;
left: 0;
margin: 5px 10px 0 10px;
}

.scrollForth {
position: absolute;
right: 0;
margin: 5px 10px 0 10px;
}




#metadata {
margin-top: 30px;
padding-top: 20px;
/*border-top:1px solid #ddd;*/
}

.galleryInfo {
width: 110px;
border: 1px solid #ddd;
background: #f2f2f2;
float: right;
font-size: .7em;
padding: 10px;
margin-right: -20px;
}

.playSlideshow {
}