﻿

a               { text-decoration: 

none; outline: none; }

a img             { border: none; }



h2                { font-family: Verdana; font-size: 30px; text-align: center; 

                  font-weight: normal; } 



#page-wrap            { width: 980px; margin: 0 auto; height:239px; 

                 }



#slider             { height: 239px; overflow: hidden;

                  position: relative; margin: 0px 0; }

                  

                                /* DEFAULT is for three panels in width, adjust as needed

                                   This only matters if JS is OFF, otherwise JS sets this. */                 

#mover              { width: 980px; position: relative; color:blue; }



.slide              { padding: 10px ; width: 980px; float: right; position: relative; }

.slide h1           { font-family: Verdana; font-size: 20px; letter-spacing: -1px;



                  color: #ffffff; margin-left:250px;}



.slide p            {  color: #ffffff; font-size: 16px; font-family:verdana; line-height: 18px; width: 340px; float:left; margin-left:250px; 



text-align:justify;



}



.slide img            { position: absolute; top: 20px; left:80px; }



#slider-stopper         { position: absolute; top: 220px; right: 70px;  color: white;   background:#0ca9e7;





                  padding: 3px 8px; font-size: 12px; text-transform: uppercase; z-index: 1000; }
