/*						{ margin: 0; padding: 0; }
body					{ font-family: "Lucida Grande", Arial, Sans-Serif; background: #FFF; }

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

h2						{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
						  font-weight: normal; } */

#slideshow {
	margin: 0 auto;
	background: url(../../img/slideshow.jpg) top center repeat-x;}

#page-wrap {
	width: 960px;
	margin: 0 auto;}

#slider {
	height: 350px;
	overflow: hidden;
	position: relative;}
	/* 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: 50px 50px 0px 10px;
	width: 900px;
	float: left;
	position: relative;}

.slide h1 {
	font-family: "AvantGarde", "Myriad", Helvetica, Sans-Serif;
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 97%;
	color: #0f537e;
	width: 360px;}

.slide h2 {
	font-family: "AvantGarde", "Myriad", "Myriad Pro", Helvetica, Sans-Serif;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 97%;
	color: #333;
	width: 360px;}

.slide p {
	font-family: "Myriad", "Myriad Pro", Helvetica, Sans-Serif;
	font-weight: 100;
	color: #666;
	font-size: 18px;
	padding-top: 10px;
	line-height: 110%;
	width: 400px;}

.slide img {
	position: absolute;
	top: 0px;
	left: 360px;}

#slider-stopper {
	border-radius: 0 0 5px 5px;
	position: absolute;
	top: 0px;
	right: 20px;
	background: #EDEDED;
	color: #666;
	font-family: "Myriad", Arial;
	padding: 3px 8px;
	font-size: 9px;
	text-transform: uppercase;
	z-index: 1000;
	text-decoration: none;
	box-shadow:0px 0px 2px #666;}