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						{ width: 180px; margin: 0 auto; padding: 0px 0; }
#slider							{ background: url(../images/slider-bg.jpg); height: 210px; 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: 2880px; position: relative; }
.slide							{	padding: 10px 0px;	width: 184px;	float: left;	position: relative;}
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 12px; letter-spacing: -1px;  color: #ac0000; }
.slide p							{ position: absolute; top: 60px; left: 0px; color: #999; font-size: 11px; line-height: 16px; width: 180px; }
.slide a img					{  }

.logo								{	position: absolute; top: 5px; left: 12px;}

#slider-stopper				{	display: none;	position: absolute;	top: 5px;	left: 2px;	background: #CACACA;	color: white;	padding: 2px 4px;	font-size: 10px;	text-transform: uppercase;	z-index: 1000;}