@charset "utf-8";
/* CSS Document */
#slider {
	/*
	
    width: 410px; /* important to be same as image width */
   /* height: 300px; /* important to be same as image height */
   /* position: relative; /* important */
}
#slider h1	{
	color: #06c;
	font-size: 1.3em;	
}
#sliderContent {
   /* width: 410px; /* important to be same as image width or wider */
    /*position: absolute;
	top: 0;
	margin-left: 0;*/
	height: 340px;
	width: 100%;
	background-color: #101;
	padding: 1em;
	text-align: center;
	box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#sliderContent	li	{
	text-align: center;
	width: 100%;
	padding: 0; 
	margin: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
#slider img		{
	max-width: 620px;
	max-height: 300px;
	margin: 10px;
	float: none;
	border: 5px solid #000;
}
.sliderImage	{text-align: center; }
.sliderImage span {
    position: relative;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 5px 8px;
	margin-top: 10px;
    background-color: rgba(255, 255, 255, 0.1);
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;
    color: #000;
    display: none;
	width: 90%;
	text-align: center;
	float: left;
}
#slider .clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 1.5em;
	color: #fff;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 20px;
    left: 30px;
}
#slider ul { list-style-type: none; padding: 0 !important;}