/* * { margin: 0; padding: 0; }

body {font-family: "Lucida Grande", Arial, Sans-Serif;
           background: #222; }

a { text-decoration: none; 
      outline: none; } */
      
a img { border: none; }

/* h2 { font-family: Georgia, Serif; font-size: 36px;
        text-align: center; 
        font-weight: normal; } */

#page-wrap { background: white;
             width: 959px;
             margin: 0 auto; 
		     padding: 5px 0; }

#slider	{ background: white url(../images/slider-bg-blue.jpg);
          height: 227px;
          overflow: hidden;
	      position: relative; margin: 5px 0; }
								  
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. 
I set this new width for 4 panels, original setting was 2980px*/
								  
#mover	{ width: 3880px; 
          position: relative; }

.slide	{ padding: 40px 30px;
          width: 900px;
          float: left;
          position: relative; }
            
.slide h1 { font-family: Helvetica, Sans-Serif;
            font-size: 30px;
            letter-spacing: -1px;
            color: #0055A5; }
                
.slide p { color: #999;
           font-size: 12px;
           line-height: 22px;
           width: 300px; }
               
.slide img { position: absolute;
             top: 13px; 
             left: 400px; }
                  
#slider-stopper	{ position: absolute; 
                  top: 1px; 
                  right: 20px; 
                  background: #009DDC; 
                  color: white;
			      padding: 3px 8px; 
			      font-size: 10px; 
			      text-transform: uppercase; 
			      z-index: 1000; }