*								{ margin: 0; padding: 0; }  /*  http://css-tricks.com/examples/StartStopSlider/  */

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: 32px; text-align: center; 
								  font-weight: normal; }

#page-wrap						{ background: white; width: 940px; margin: 0 auto; /* width: 960px or 640px  */
								  padding: 20px 0; }  /*  5px 0:  */

#slider							{ background: white url(http://www.capitalstreetbank.com/partnershipinformation/images/slider-bg.jpg); height: 315px; overflow: hidden;
								  position: relative; margin: 2px 0; } /* 5px */
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this.  */								  
#mover							{ width: 940px; position: relative; } /*  width: 2880px;  */

.slide							{ padding: 20px 0px; width: 940px; float: left; position: relative; } /* width: 580Px or 900px  padding: 40px 30px */
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 18px; width: 940px; }
.slide img						{ position: absolute; top: 10px; left: 740px; } /* top: 20px left: 400px  */
#slider-stopper					{ position: absolute; bottom: 1px; left: 5px; background: #ac0000; color: white;
								  padding: 3px 2px; font-size: 10px; text-transform: uppercase; z-index: 1000; }