#wrapper {
	width:1000px;
	height: 313px;
	margin: 0;
	padding: 0;
}

#slider {
	float:left;
	position:relative;
	overflow:auto;
	width:1000px;
	height:313px;
	border:none;
	background:transparent;
	margin: 0;
	padding: 0;
}

#slider ul {
	position:absolute;
	list-style:none;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#slider li {
	float:left;
	width:1000px;
	height:313px;
	margin: 0;
	padding: 0 60px 80px 0;
}

#slider li .left {
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	width: 300px;
	text-align: left;
}

#slider li .right {
	margin: 0 20px 0 0;
	padding: 0;
	float: right;
	width: 300px;
	text-align: right;
}

#slider h1 {
	font-size: 200%;
	padding: 10px;
	color: white;
	background: url(../img/overlay.png);
	margin-bottom: 0px;
	clear:both;
}

#slider h2 {
	font-size: 120%;
	padding: 10px;
	color: white;
	background: url(../img/overlay.png);
	margin: 0;
	clear:both;
}

#slider li .left h1, #slider li .left h2, #slider li .left .cta-button {
	float: left;
}

#slider li .right h1, #slider li .right h2, #slider li .right .cta-button {
	float: right;
}

.cta-button {
	font-weight: bold;
	cursor:pointer;
	padding:5px 8px;
	background:#d0d2a6;
	border:1px solid #171717;
	margin:10px;
	text-align:center;
	color:#222;
	clear:both;
}

.cta-button:hover {
	background:#777;
	border:1px solid #bbb;
	color:#000;
}

.pagination {
	display:none;
	font-weight: bold;
	font-size: 80%;
	position: absolute;
	left: 30px;
	top: 270px;
	list-style:none;
	height:25px;
	margin: 0;
	padding: 0;
}

.pagination li {
	display:none;
	float:left;
	cursor:pointer;
	padding:5px 8px;
	background:#d0d2a6;
	border:1px solid #171717;
	margin:0 4px 0 0;
	text-align:center;
	color:#222;
}

.pagination li:hover {
	display:none;
	background:#777;
	border:1px solid #bbb;
	color:#000;
}

li.current {
	border:1px solid #ccc;
	color: #d0d2a6;
	background:#171717;
}

li#content {
	width:464px;
	height:270px;
	padding:15px 28px 15px 18px;
}