.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C5F7D;
	line-height: 18px;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4C5F7D;
	line-height: 16px;
	font-weight: bold;
}
.leftboxes {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C5CAD0;
	line-height: 12px;
}

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }



div.wrapper{
	position:relative; /* important(so we can absolutely position the description div */
}
div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: 'tahoma';
	font-size:15px;
	color:white;
}
div.description_content{
	padding:10px;
}

.hover_caption {
    background-image: url(hover_caption_bg.png);
    /* NOTE: if you're img elements have paddings
    or margins you'll need to match them here
   to get things lined up properly. */
}