*								{ margin: 0; padding: 0; }
body							{ font-family: Century Gothic; }

a								{ text-decoration: none; outline: none; color:#7C1112; font-size:13px; }
a img							{ border: none; }

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

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

#slider							{
	height: 275px;
	background:#868E93;
	overflow: hidden;
	position: relative;
	margin: 0px 0;
	width: 295px;
}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 1024px; position: relative; }

.slide							{ padding: 20px 445px; width: 255px; height:255px; float: left; position: relative; }
.slide h1						{ font-family: Century Gothic; font-size: 22px; font-weight: normal; letter-spacing: -1px;
								  color: #7C1112; }
.slide p						{ padding: 10px 0px; color: #333; font-size: 13px; line-height: 20px; width: 255px; }
.slide img						{ position: absolute; top: 20px; left: 0px; }
#slider-stopper					{ position: absolute; top: 20px; right: -10px; background-image:url(../../images/btn_next2.gif); background-repeat:no-repeat; color:#868E93;
								  padding: 230px 8px; z-index: 1000; }