/*#slider							{ background:  url(images/bk_content.jpg) no-repeat; height: 227px; overflow: hidden;
								  position: relative; }*/

#slider							{ background-color: #f5f5f5; height: 227px; overflow: hidden;
								  position: relative; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 900px; position: relative; }

.slide							{  width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 27px; letter-spacing: -1px;
								  color: #FFFFFF; margin-bottom: 10px;}
.slide p						{ color: #FFFFFF; font-size: 12px; line-height: 22px; width: 400px; text-align: justify; }
.slide img						{ position: absolute; top: 175px; left: 250px;  }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background-color: #80A21A; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; display: none }


#slide1 {
    height: 300px;
    width: 480px;
    position: absolute;
    top: -20px;
    right: 0px;
    background: url(images/1.png) no-repeat left top;
}

#slide2 {
    height: 300px; width: 480px; position: absolute; top:-20px; right:0px; background: url(images/2.png) no-repeat left top;
}

#slide3 {
    height: 300px; width: 480px; position: absolute; top:-20px; right:0px; background: url(images/3.png) no-repeat left top;
}

.content {
    padding: 10px;
}


.slide a { color: #FFFFFF!important; }