/* Channel Main Style */



body {
	/* background: url(../images/texture_subtle_grunge.jpg); */
	/* background-color: #060C0F; */
	background-color: #060C0F; 
	font-family: 'Helvetica Neue', arial, sans-serif;
	font-weight: 0;
	margin: 0;
	padding: 0;
}

.logoBannerWrap{
	background-color: #060C0F;
	width: 100%;
	margin: auto;
	padding: 0;
	text-align: center;
	}
	
.logoBanner{
	max-width: 1600px;
	margin: auto;
	background-image: url(../images/bigbanner.jpg);
	background-size: auto 100%;	
	position: relative; /* makes the absolute positioning in the child div work */
}

.logoBanner img{
	display: block;
	width: 100%;
	max-width: 1600px;
	height: auto;
}

/*  feature Banner */
.featureBannerWrap{
	background-color: #060C0F;
	width: 100%;
	margin: auto;
	padding: 0;
	text-align: center;
	}
	
.featureBanner{
	max-width: 1600px;
	margin: auto;
	background-image: url(../images/bigbanner.jpg);
	background-size: auto 100%;	
	position: relative; /* makes the absolute positioning in the child div work */
}

.featureBanner img{
	display: block;
	width: 100%;
	max-width: 1600px;
	height: auto;
}


/*  section Banner */
.sectionBannerWrap{
	background-color: #060C0F;
	width: 100%;
	margin: auto;
	padding: 0;
	text-align: center;
	}
	
.sectionBanner{
	max-width: 1600px;
	margin: auto;
	background-image: url(../images/bigbanner.jpg);
	background-size: auto 100%;	
	position: relative; /* makes the absolute positioning in the child div work */
}

.sectionBanner img{
	display: block;
	width: 100%;
	max-width: 1600px;
	height: auto;
}








/* ---- PAGE LEFT AND RIGHT --*/
.channelLeft{
	margin: 0 auto;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	max-width: 150px;
	width: 9.375%;
	}
	
.channelRight{
	margin: 0 auto;
	display: inline-block;
	position: absolute;
	font-size: 0px;
	padding: 0px;
	top: 0;
	right: 0;
	height: auto;
	max-width: 150px;
	width: 9.375%;
	}
		
.channelLeft img {
	display: block;
	width: 100%;
	max-width: 150px;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	}
	
.channelRight img {
	display: block;
	max-width: 150px;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	}	
	
.channelLeft:hover img {	
	-webkit-transform:translateX(-10px); /* Safari and Chrome */
    -moz-transform:translateX(.90); /* Firefox */
    -ms-transform:translateX(.90); /* IE 9 */
    -o-transform:translateX(.90); /* Opera */
     transform:translateX(-10px);	
}

.channelRight:hover img {	
	-webkit-transform:translateX(10px); /* Safari and Chrome */
    -moz-transform:translateX(.90); /* Firefox */
    -ms-transform:translateX(.90); /* IE 9 */
    -o-transform:translateX(.90); /* Opera */
     transform:translateX(10px);	
}




/* ---- PAGE LEFT AND RIGHT --*/
.pageLeft{
	margin: 0 auto;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	max-width: 57px;
	width: 3.5625%;
	}
	
.pageRight{
	margin: 0 auto;
	display: inline-block;
	position: absolute;
	font-size: 0px;
	padding: 0px;
	top: 0;
	right: 0;
	height: auto;
	max-width: 57px;
	width: 3.5625%;
	}
		
.pageLeft img {
	display: block;
	width: 100%;
	max-width: 57px;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	}
	
.pageRight img {
	display: block;
	max-width: 57px;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	}	
	
.pageLeft:hover img {	
	-webkit-transform:translateX(-10px); /* Safari and Chrome */
    -moz-transform:translateX(.90); /* Firefox */
    -ms-transform:translateX(.90); /* IE 9 */
    -o-transform:translateX(.90); /* Opera */
     transform:translateX(-10px);	
}

.pageRight:hover img {	
	-webkit-transform:translateX(10px); /* Safari and Chrome */
    -moz-transform:translateX(.90); /* Firefox */
    -ms-transform:translateX(.90); /* IE 9 */
    -o-transform:translateX(.90); /* Opera */
     transform:translateX(10px);	
}






/*
.logoMain{
	font-size: 0;
	padding: 0;
	margin: auto;
	width: 617px;
	height: 229px;
	}
*/
	
.logoMain{
	max-width: 617px;
	width: 35%;
	height: auto;
	margin: 0 auto;
	font-size: 0px;
	padding: 0px;
	position: relative;	
}

.logoMain img{
	display: block;
	width: 100%;
	max-width: 1300px;
	height: auto;
}







h1 {
	font-family: 'font-family: 'Gotham', sans-serif;', sans-serif;
	font-size: 4em;
	font-weight: 900;
	letter-spacing: -3px;
	margin: 0 0 20px;
	text-align: center;
	text-shadow: 1px 1px 0 #fff, 2px 2px 0 #bbb;
}
hr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin: 25px 0;
	clear: both;
}
.centered {
	text-align: center;
}
.wrapper {
	width: 100%;
	/* gap from top image to start of thumbnails */
	padding: 0px 0;
}
.container {
	width: 1600px;
	margin: 0 auto;
}


/* -------- SPLASH PAGE -------- */

.wrapSplash {
	margin: auto;
	width: 100%;
	height: auto;
	padding: 0px 0;	
	position: relative;
}

.centerSplash {
	width: 100%;
	height: auto;
	max-width: 1300px;
	position: relative;
	margin: 0 auto;
	font-size: 0px;
	padding: 0px 0;
	background-size: auto 100%;
}


.containerSplash {
	font-size: 0;
	position: relative;
	height: auto;
	width: 40%;
	margin: 0;
	padding: 0px;
}

.containerSplash img{
	width: 100%;
	max-width: 166px;
	}

.splashBarMid {
	position: relative;
	width: 100%;
	max-width: 1600px;
	height: auto;
	margin: auto;
	padding: 0;
	}
	
.splashBarMid img{
	width: 100%;
	max-width: 1600px;
	}	

/*	
.splashSection {
	margin: auto;
	width: 100%;
	max-width: 1600px;
	background-size: auto 100%;
	background-repeat: repeat-X;
	padding: 0px 0;
	}
	
.splashSection img{
	width: 100%;
	max-width: 1600px;
	}
*/
	
	
/*  Branded Header */

.headerTheme {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	background-image: url(../images/bg/headerTheme.jpg);
	background-repeat: repeat-X;
	background-size: auto 100%;
	z-index: -10;
	padding: 0px 0;
	margin: auto;
	}




/* SPECIAL BANNER AD */

.bannerWrap {
	position: relative;
	width: 100%;
	margin: auto;
	text-align: center;
	}
	
.banner {
	margin: auto;
	background-image: url(../images/bigbanner.jpg);
	background-repeat: repeat-X;
	background-size: auto 100%;
	max-width: 1600px;	
	}
	
.banner img {
	width: 100%;
	max-width: 1580px;
	}
	
.banner:hover .banner-dark {
	background: none;
}	
		



/* This number should be just below the .container size */
@media (max-width: 1599px) {
	.container {
		width: auto;
		padding: 0 0px;
	}
}

/*
@media (max-width: 767px) {
	.zoom-container {
		width: 50%;
	}

}

@media (max-width: 480px) {
	.zoom-container {
		width: 100%;
	}
}
*/