#spotlightBox{
	display: none;
}
#mediaContainer {
	float: left;
	width: 100%;
}
#mediaContainer .bannerSliderItem img {
	width: 60px;
	height: 40px;
}
/*^^^ These could be changed in main2.css ^^^*/
#bannerContainer{
	margin:0; padding:0;
	/*width: 898px;*/
	width: 100%;
	height: 302px;
}
.bannerImage{
	float:left;
	display: inline-block;
	width: 711px;
	height: 302px;
	overflow: hidden;
	background-color: black;
	position: relative;
/*	background-color: #3B487B;*/
}

.bannerImage .bannerImageItem{
	width: 711px;
	height: 302px;
	display: none;
	background: none repeat scroll 0% 0% rgb(153, 153, 153);
	position: relative;
/*
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
*/
}
.imageFrame{
/*	height: 90%;
	width: auto;*/
/*	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
*/	
	height: 302px;
	width: 100%;
/*	width: 75%;
	margin: auto;
*/
}
.bannerImage .info{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
    opacity: 0.8;
}

.bannerImage .info a{
	text-decoration: none;
	color: rgb(255, 255, 255);
}

.bannerImage .info h2{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: rgb(255, 255, 255);
	padding: 10px 10px 5px;
	margin: 0px;
	overflow: hidden;
}

.bannerImage .info p{
	margin: 0px 10px;
	font-size: 11px;
	line-height: 1.5;
	color: #F0F0F0;
	padding: 2px 0px 10px;
	display: none;
}

.bannerSlider{
	float:left;
	padding: 0px;
	margin: 0px;	
	list-style:none outside;
	width:187px;
	height:302px;
	display: inline-block;
	color: rgb(97, 97, 97);
	background-color: #000000;
	vertical-align: top;
	overflow: hidden;

}

.bannerSliderItem a{
	display: block;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	padding: 2px 0px 3px;
	line-height: 1.2;
	/*height: 69.75px;*/
	height: 69px;
	color: #000000;
	border-style: solid solid none;
	border-width: 1px 1px 1px;
	border-color: rgb(17, 17, 17) rgb(17, 17, 17) -moz-use-text-color;
	-moz-border-top-colors: none;
	border-image: none;
	background-color: #CBCBCB;
	background: -webkit-linear-gradient(rgb(234, 234, 234) 0%,  rgb(183, 183, 183) 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgb(234, 234, 234) 0%,  rgb(183, 183, 183) 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(234, 234, 234) 0%,  rgb(183, 183, 183) 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(234, 234, 234) 0%,  rgb(183, 183, 183) 100%);
	line-height: 1.2;
}



.bannerSliderItem a.selected{
    background: -webkit-linear-gradient(rgb(207, 213, 233) 0%,  rgb(38, 47, 79) 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(207, 213, 233) 0%,  rgb(38, 47, 79) 100%); /* For Opera 11.1 to 12.0 */    
    background-image: -moz-linear-gradient(rgb(207, 213, 233) 0%,  rgb(38, 47, 79) 100%);
    background: linear-gradient(rgb(207, 213, 233) 0%,  rgb(38, 47, 79) 100%);
}

.bannerSliderItem a:hover{
    background: -webkit-linear-gradient(rgb(207, 213, 233) 0%,  rgb(38, 47, 79) 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(207, 213, 233) 0%,  rgb(38, 47, 79) 100%); /* For Opera 11.1 to 12.0 */    
    background-image: -moz-linear-gradient(rgb(207, 213, 233) 0%,  rgb(38, 47, 79) 100%);
    background: linear-gradient(rgb(207, 213, 233) 0%,  rgb(38, 47, 79) 100%);
}

.bannerSlider li:last-child a{
	border-bottom: 1px solid rgb(17, 17, 17);
}
.bannerSliderItem img{
	float: left;
	margin: 7px 5px;
	background: none repeat scroll 0% 0% rgb(102, 102, 102);
	padding: 2px;
	vertical-align: baseline;
}
.bannerSliderItem.active img{
	float: left;
	margin: 2px 5px;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	padding: 2px;
	vertical-align: baseline;
}
.bannerSliderItem span{
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	display: block;
}