/* Old Billboard */
#billboard {
	height:229px;
	width:637px;
	overflow:hidden;
	position:relative;
}
#billboard h2 {
	position:absolute;
	visibility:hidden;
}
#billboard ul {
	position:relative;
}
#billboard li {
	height:229px !important;
	width:637px !important;
	background-position:0 0;
	margin:0;
	padding:0;
	position:relative;
}
#billboard .banner {
	width:323px;
	position:absolute;
	bottom:20px;
	right:0;
}
#billboard .banner h3 {
	font:normal 24px/26px "Georgia", "Times New Roman", serif;
	margin:0 0 8px;
}
#billboard .banner h3 a {
	color:#fff7c5;
}
#billboard .banner p {
	color:#FFF;
	margin:6px 0 8px;
	font-size:12px;
	line-height:16px;
}
#billboard .banner .more a {
	color:#cd621a;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
#billboard .wrapper {
	background:url(../images/billboard/shade.png);
	max-height:149px;
	padding:17px 20px 20px 22px;
	z-index:20;
}
#billboard .active .wrapper {
	padding:30px 20px 20px 25px;
	max-height:139px;
}
#billboard #options {
	position:absolute;
	top:10px;
	right:20px;
	z-index:11;
	margin-bottom:27px;
}
#billboard #options a {
	cursor:pointer;
	display:block;
	float:left;
	text-indent:-999em;
	overflow:hidden;
	background-image:url(../images/billboard/options.png);
	background-repeat:no-repeat;
	width:13px;
	height:15px;
}
#billboard #options #pager {
	float:left;
	position:relative;
	top:-1px;
}
#billboard #options #pager a {
	position:relative;
	top:1px;
	background-position:-13px 0;
}
#billboard #options #pager a:hover, #billboard #options #pager a.activeSlide, #billboard #options #pager a.hover {
	background-position:-13px -15px;
}
#billboard #options #previous {
	background-position:0 0;
	margin-right:1px;
}
#billboard #options #previous:hover, #billboard #options #previous.hover {
	background-position:0 -15px;
}
#billboard #options #next {
	background-position:-26px 0;
}
#billboard #options #next:hover, #billboard #options #next.hover {
	background-position:-26px -15px;
}
#billboard .has-paragraph {
	width:278px!important;
}



/* New Billboard */
#billboards {
	float: left;
	height: 295px;
	overflow: hidden;
	width: 637px;
}
.js #billboards {
	position: relative;
}
#billboards ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#billboards .billboard {
	background: transparent no-repeat;
	height: 295px;
	margin: 0;
	position: relative;
	width: 100%;
}
.js #billboards .billboard { display: none; }
.js #billboards .current { display: block; }
#billboards .shadow {
	height: 295px;
	width: 637px;
}
#billboards .banner {
	background: url(../images/bkgd/bg-billboard-top.png) repeat-x;
	bottom: 25px;
	padding-top: 10px;
	position: absolute;
	right: 0;
	width: 476px;
}
#billboards .has-paragraph { width: 300px; }
#billboards .wrapper {
	background-color: #200d00;
	color: #fff;
	margin-left: 6px;
	max-height: 179px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80); /* IE 5-7 */
	-moz-opacity: 0.8; /* Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity: 0.8; /* Good browsers */
	padding: 15px 30px;
}
#billboards .btm {
	background: url(../images/bkgd/bg-billboard-btm.png) no-repeat;
	height: 20px;
}
#billboards h2 {
	color: #fff;
	font: 23px/1.3043 georgia, times, serif;
	margin: 0;
}
#billboards p {
	color: #e1dec7;
	margin: 5px 0 0;
}
#billboards a {
	color: #fff;
}
#billboards a:hover,
#billboards a:focus {
	text-decoration: underline;
}

#billboards p.more a {
	color: #cd621a;
	font-weight: bold;
	text-transform: uppercase;
}
.js #billboards #options {
	height: 11px;
	position: absolute;
	right: 17px;
	top: 11px;
	width: 100px;
	z-index: 100;
}
.js #billboards #options a {
	background: url(../images/sprites/billboard-nav.png) no-repeat;
	display: block;
	float: left;
	font-size: 11px;
	height: 11px;
	line-height: 1;
	overflow: hidden;
	text-indent: -12345px;
	width: 11px;
}
.js #billboards #options a.panel {
	background-position: 0 0;
}
.js #billboards #options a.panel:hover,
.js #billboards #options a.panel:focus,
.js #billboards #options a.active {
	background-position: 0 -11px;
}
.js #billboards #options a.previous {
	background-position: 0 -22px;
}
.js #billboards #options a.previous:hover,
.js #billboards #options a.previous:focus {
	background-position: 0 -33px;
}
.js #billboards #options a.next {
	background-position: 0 -44px;
}
.js #billboards #options a.next:hover,
.js #billboards #options a.next:focus {
	background-position: 0 -55px;
}

@media print {

	#billboards {
		float: none;
		height: auto;
		overflow: visible;
		width: auto;
	}
	.js #billboards {
		position: static;
	}
	#billboards .billboard {
		background-image: none !important;
		height: auto;
		position: static;
	}
	.js #billboards .billboard { display: block; }
	#billboards .shadow { display: none; }
	#billboards .banner {
		background: transparent;
		position: static;
		width: auto;
	}
	#billboards .has-paragraph { width: auto; }
	#billboards .wrapper {
		background-color: transparent;
		margin-left: 0;
		max-height: 400px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
		filter: alpha(opacity=100); /* IE 5-7 */
		-moz-opacity: 1; /* Netscape */
		-khtml-opacity: 1; /* Safari 1.x */
		opacity: 1; /* Good browsers */
		padding: 15px 0;
	}
	#billboards .btm { display: none; }
	#billboards h2 {
		color: #45413e;
	}
	#billboards p {
		color: #45413e;
	}
	#billboards a {
		color: #45413e;
	}
	.js #billboards #options { display: none; }

}