/* This styling should probably be kept */
#thumbContainer {margin-top:10px;}
	#thumbContainer .row {float:left; clear:both; position:relative; overflow:hidden;}
	#thumbContainer .imgHover {display:block; float:left; margin:2px; padding:0;}

#captionContainer {display:none;}
	.caption {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; }
		.innards {display:none; position:relative;}
		.closeCaption {position:absolute; top:0; right:0; padding:10px;}
		
/* The below styling you can probably play with */


#thumbContainer .row {width:605px;} /* use correct total width (include borders) if you want it to work in ie7 */
a.imgHover img {border:none;}
a.imgHover {border:1px solid #999;}
a.imgHover:hover {border:1px solid #000;}

.caption {background-image:url(../img/bg-80percent.png); background-repeat:repeat; color:#fff; overflow:hidden;}
	.innards {font-family:Verdana, Geneva, sans-serif; font-size:1em; margin:0; padding:10px; color:#FFF !important;}
		.title {font-size:1.5em; margin:0; padding:0; color:#FFF !important;}
		.content {font-size:1.1em; margin-top:5px; color:#FFF !important;}
		.closeCaption {font-weight:bold; cursor:pointer; cursor:hand;}
		.closeCaption:hover {color:#F00;}