/* Color Legend */




#slider {
	width: 730px; /* important to be same as image width & should be the same for all images.  The reason this is 170px > the img size of 560px is to allow for the marging of 170px set below to centre the slider on the screen. ie. 900px screen width less 560px img = 340px spare width OR 170px to be put on the left & right of the slider*/
	height: 373px; /* important to be same as image height &  should be the same for all images */
	position: relative; /* important */
	overflow: hidden; /* important */
	text-align: left;
	font-family: "Arial Black", Gadget, sans-serif;

}

#sliderContent {
    width: 560px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin: 0px 0px 0px 170px; padding:0; /*setting these to zero will align the banner to the left completely*/ 
}

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

.sliderImage span {
    position: absolute;
    padding: 10px;
    width: 300px;  /* This is the width of the caption box  */
	height:300px; /* This is the height of the caption box  */
    background-color: #000;  /* 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=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; /* was filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
    color: #fff; /* This is the color of the text in the caption box */
    display: none;
}

.sliderImage span strong { 
	color:#FF9428;  /* 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:300%;
	}

.clear { clear: both; }


.top { top: 0; left: 600px; }  /* 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; }