#mgjcaptionbottomcaptionslideup {
float: left;
width: 160px;
padding: 30px 30px 0 30px;
margin: 0;
color: #444444;
text-align: center;
}

/*
#mgjcaptionbottomcaptionslideup a {
text-decoration: none; 
color: #262626;
font-family: "verdana arial sans unicode";
font-size: 14px;
}

#mgjcaptionbottomcaptionslideup a:hover {
color: #666666; /* font color */
}

*/


#mgjcaptionbottomcaptionslideup img {
border: solid 0px #d6d6d6; /* this border would be around the whole image */
}


#mgjcaptionbottomcaptionslideup div.caption {
	margin: 0;
	padding:0;
	position: relative;
}

/* this seemed like a wasteful, verbose approach. replaced below with a class

#mgjcaptionbottomcaptionslideup div.caption p {
	position: absolute;
	margin: 0; padding: 10px;
	font-size: 0.8em;
	bottom: 0;
	left: 0;
	background:white;
	color:black;
	opacity: .8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;

}
*/


#mgjcaptionbottomcaptionslideup div.caption img {
	margin: 0; padding: 0;
}

.mgjcaptionstyle{
	position: absolute;
	margin: 0; padding: 0px;
	font-size: 0.8em;
	bottom: 0;
	left: 0;
	background:white;
	color:black;
	opacity: .8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}