#slider { width: 1000px; /* important to be same as image width */ height: 500px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ background-color:#666; text-align:left; padding-left: 0px; margin-left: 0px; float: left; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; } #sliderContent { width: 1000px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; height: 500px; margin-top: 20px; } .sliderImage { float: left; position: relative; display: none; height: 500px; width: 1000px; margin-top: 20px; } .sliderImage span { position: absolute; width: 300px; /* This is the width of the caption box */ height:50px; /* 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=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; font-family:Arial, Helvetica, sans-serif; font-size:12px; 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%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .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; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #slider ul li { margin-left:0px; line-height:150%; color: #fff; /* This is the color of the text in the caption box */ display: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size:24px; color:#BB5E00; padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; } h2 { font-size:20px; } h3 { font-size:16px; margin-bottom:5px; } h4 { font-size:14px; } h5 { font-size:14px; } h6 { font-size:14px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* Text Elements */ p { color:#999; font-size:36px; line-height:150%; margin:15px 0; } p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } a { } a:link { color: #00f; } a:visited { color: #0f0; } a:active { color: #000; } a:focus { color: #666; } a:hover { color: #FFF; font-size: 18px; } blockquote { color:#000; font-size:12px; } strong { font-weight: bold; } em { font-style: italic; } /* Containers */ body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px; padding: 0px; background-color: #CCC; } .art { color: #CF9; }