﻿/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */


/* Color Legend */




#slider {
    width: 1340px; /* important to be same as image width */
    height: 380px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	text-align:left;

}

	#sliderContent {
		width: 1340px; /* important to be same as image width or wider */
		position: absolute;
		top: 0;
		margin-left: 0;
		padding-left:0px;
		padding-top:0px;
		margin-top:0px;

}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position:absolute;
    padding: 20px 10px 10px 30px;
    width: 1340px;  /* This is the width of the caption box  */
	height:40px; /* This is the height of the caption box  */
    background-color:#2E529C;  /* This sets the background color of the semi transparent box */
    /* If you do not want the transparent content field to appear, change all opacity values to 0 */
	filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.7; opacity: 0.5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
    color:white; /* This is the color of the text in the caption box */
    display: none;
    
     
}

.sliderImage span strong { 
	color:white;  /* This is the color of the title text in the caption box */
	font-size: 22px; /* This is the font size of the title text in the caption box */
	line-height:100%;
	   word-spacing:10px;
	 letter-spacing:5px;
	}

.clear { clear: both; }


.top { top: 0; left: 0px; }  /* This sets the upper left corner of the caption box */

.bottom { bottom: 0; left: 0; } /* This sets the lower left corner of the caption box */

	#slider ul 		{ 
	list-style-type:none;}
		#slider ul li 	{ 
			margin-left:0px; }