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

}

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

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

.sliderImage span {
position: absolute;
padding: 35px;
width: 600px; /* This is the width of the caption box */
height:800px;/* 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 */
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif  filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
font-size:20px;
line-height:150%;
color: #fff; /* This is the color of the text in the caption box */
display: none;
}

.sliderImage span strong { 
color: #3FBBF8; /* This is the color of the title text in the caption box */
font-size: 26px; /* This is the font size of the title text in the caption box */
line-height:300%;
}

#slider { background-color:#000000; }

.clear { clear: both; }


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