*								{ margin: 0; padding: 0; }
body							  { font-family: Verdana; background: #dedede }

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

h2								 { font-size: 36px; font-family: Verdana; font-weight: normal; text-align: center }

#page-wrap						     { background: #dedede; margin: 0 auto; padding: 10px 0; width: 890px }

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

.slide							   { padding: 100px 30px 40px; position: relative; width: 891px; float: left }
.slide h1						   { color: #036; font-family: Verdana; letter-spacing: -1px }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						  { position: absolute; top: 20px; left: 400px }
#slider-stopper					 { color: white; font-size: 10px; background: #060; text-transform: uppercase; padding: 3px 8px; position: absolute; z-index: 1000; top: 1px; right: 20px }