/* Slideshow
------------------------------ */
#signupnow {
	position: relative;
	z-index: 999;
}

.signupButton {
	text-align: right; 
	position: absolute; 
	left:751px; 
	top: 170px; 
	z-index: 998;
}

.slideshow {
	position: relative;
	width: 900px;
	height: 300px;
	margin: 0 auto;
	background: #fff;
	color: #000;
	overflow: hidden;
	z-index: 997;
}
.slideshow .container {
	width: 4500px;
	height: 300px;
	overflow: hidden;
}
	.slideshow .slide-1,
	.slideshow .slide-2,
	.slideshow .slide-3,
	.slideshow .slide-4,
	.slideshow .slide-5 {
		position: relative;
		float: left;
		width: 900px;
		height: 250px;
		margin-top: 10px;
	}

	/* Slides headers */

	.slideshow h2 {
		
	}
		.slideshow h2 span {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
		}
		.slideshow .slide-2 h2 span { background-position: 0 -25px; }
		.slideshow .slide-3 h2 span { background-position: 0 -50px; }
		.slideshow .slide-4 h2 span { background-position: 0 -75px; }
		.slideshow .slide-5 h2 span { background-position: 0 -100px; }

	/* Slides content */

	.slideshow p {
		width: 320px;
		margin: 0 0 1em 100px;
		line-height: 1.3;
		font-family: helvetica;
		font-size: 14px;
		line-height: 20px;
	}
	.slideshow .screenshot {
		position: absolute;
		top: 20px; right: 80px;
		width: 400px;
		height: 185px;
		padding: 45px 0 0 20px;
		background: url(../images/bg-slide-screenshot.png) no-repeat 0 0;
	}
		.slideshow .screenshot img {
			display: block;
		}

	/* "Next" and "Sign Up" button */

	.slideshow a.next,
	.slideshow a.signup {
		position: absolute;
		bottom: 103px; right: 0;
		height: 32px;
		padding: 12px 0 0;
		color: #3C4B58;
		text-align: center;
		cursor: pointer;
		font-family: helvetica;
	}
	.slideshow a.next {
		width: 73px;
	}
	.slideshow a.signup {
		width: 194px;
	}
		.slideshow a.next span,
		.slideshow a.signup span {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background-image: url(../images/b-slide-buttons.gif);
			background-repeat: no-repeat;
		}
		.slideshow a.next span         { background-position: 0 0; }
		.slideshow a.next:hover span   { background-position: 0 -44px; }
		.slideshow a.signup span       { background-position: -73px 0; }
		.slideshow a.signup:hover span { background-position: -73px -44px; }

	/* Welcome Screen */

	.slideshow .slide-1 {
		height: 280px;
		margin-top: 0;
		background: url(../images/bg-slide-envelope.png) no-repeat 0 0;
	}
		.slideshow .slide-1 h2 {
			width: 399px;
			margin: 100px auto;
			text-align: center;
		}
		.slideshow .slide-1 p {
			width: 400px;
			margin: 10px auto 0;
			color: #8A8C98;
			text-align: center;
		}
		.slideshow .slide-1 p.signup {
			position: absolute;
			top: 235px; left: 270px;
			width: 440px;
			margin: 0;
			color: #A67900;
		}
			.slideshow .slide-1 p strong {
				padding-bottom: .3em;
				background: url(../images/bg-slide-underline.gif) repeat-x 0 100%;
				text-decoration: none;
			}
			.slideshow .slide-1 p.signup a.button {
				display: -moz-inline-box;
				display: inline-block;
				width: 102px;
				height: 37px;
				vertical-align: 11px;
			}
				.slideshow .slide-1 p.signup a.button b {
					display: block;
					position: relative;
					width: 100%; height: 100%;
				}
				.slideshow .slide-1 p.signup a.button span {
					position: absolute;
					top: 0; left: 0;
					width: 102px;
					height: 37px;
					background: url(../images/b-slide-signup.gif) no-repeat 0 0;
				}
				.slideshow .slide-1 p.signup a.button:hover span {
					background-position: 0 -37px;
				}



/* Slideshow Navigation
------------------------------ */

.slideshow-nav {
	height: 30px;
	width: 900px;
	margin: 0 auto;
	color: #fff;
	background: #353535;
	font-family: helvetica;
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px; 
    -webkit-border-top-left-radius: 7px;

}
	.slideshow-nav ol {
		margin: 0;
	}
		.slideshow-nav li {
			float: left;
			list-style: none;
			margin: 0;
			text-align: center;
			}
			.slideshow-nav li a {
				display: block;
				text-decoration: none;
				color: #fff;
				font-size: 14px;
				width: 150px;
				padding: 5px 15px; 
				margin: 0 15px;
				text-align: center;
			}
			
			.slideshow-nav li a:hover {
				display: block;
				background: #fff;
				color: #000;
			}
			
						
		/* Current slide */

	.current-1 ol { background: #fff; }

	.current-2 ol { background: #fff; }

	.current-3 ol { background: #fff; }

	.current-4 ol { background: #fff; }

	.current-5 ol { background: #fff; }


