#hero
{
    position: relative;
    width: 720px;
    height: 342px;
    overflow: hidden;
    z-index: 3;
}
.hero_layer img
{
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#play_pause {
	width: 20px;
	height: 20px;
	cursor: pointer;
	float: right;
}


#pager_full {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url("/images/backgrounds/bg_pager.png") repeat scroll 0 0 transparent;
	bottom: 10px;
	left: 10px;
	padding: 5px;
	position: absolute;
	z-index: 20;
}

#pager_full #pager {
	background: none;
	position: relative;
	float: left;
	padding: 0px;
	left: 0px;
	top: 0px;
	margin-left: 10px;
	cursor: pointer;
}

#pager a.fl {
	padding-right: 3px;
}

.play {
	background: url("/images/backgrounds/play.gif") center center no-repeat;
}

.pause {
	background: url("/images/backgrounds/pause.gif") center center no-repeat;
}
#pager a {
	color: #ebebeb;
	text-decoration: none;
	padding: 0 6px 0 0;
	line-height: 20px;
}

#pager a.activeSlide {
	color: #f0b23a;
}