/**				{ 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: 2.25em; text-align: center; font-weight: normal; }

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

#slider			{ background-color: white; width:56.25em; height: 14.19em; overflow: hidden; position: relative; 
				margin: 0px 0px; border-top: solid 0.125em #ff3300; border-bottom: solid 0.125em #ff3300; }
								  
				/* DEFAULT is for three panels in width, adjust as needed
				   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover			{ width: 180em; position: relative; }

.slide			{ padding: 20px 30px; width:900px; float: left; position: relative; }
.slide h1		{ font-family: Helvetica, Sans-Serif; font-size: 1.88em; letter-spacing: -0.06em; color: #ff3300; 
				text-align: left; width: 28.00em; margin-bottom: 0.31em;}
.slide p		{ color: #999; font-size: 0.75em; line-height: 1.5em; width: 28.00em; text-align: left; margin-top: 0.31em;}
.slide img		{ position: absolute; top: 1.25em; left: 25.00em; }
#slider-stopper	{ position: absolute; top: 0.125em; right: 1.25em; background: #000000; color: white; padding: 0.19em 0.50em; 
				font-size: 0.63em; text-transform: uppercase; z-index: 1000; }