@charset "utf-8";
/* CSS Document */

 @font-face {font-family: 'Memphis-Bol';src: url('webfonts/221300_0_0.eot');src: url('webfonts/221300_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/221300_0_0.woff') format('woff'),url('webfonts/221300_0_0.ttf') format('truetype');}
 
 @font-face {font-family: 'Memphis-ExtLig';src: url('webfonts/221300_1_0.eot');src: url('webfonts/221300_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/221300_1_0.woff') format('woff'),url('webfonts/221300_1_0.ttf') format('truetype');}

body, html
{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	min-width: 1050px;
	-webkit-text-size-adjust: none;
}

.contentContainer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#teaserContainer, #footerContainer
{
 	background: repeat rgb(0, 0, 0) scroll;
	color: #ffffff;
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: auto;
	display: block;
	min-width: 1000px;
}

#teaserMainContent
{
	color: #000;
	text-align: left;
}

#footerContainer
{
/**
	min-height: 195px;
	**/
	padding-bottom: 0px;
}

#mainContent
{
	height: 1300px;
}

#teaserContentButton
{
	width: 	26px;
	height: 15px;
	margin: auto;
	display: block;
}

#teaserContentButtonInner
{
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: block;
	background-position: bottom center;
	background-image: url(../assets/teaserArrow.png);
	background-repeat: no-repeat;
}

#teaserContent
{
	width: 100%;
	background-color: #FFF;
}

#teaserInnerContent
{
	padding: 58px 62px 18px 62px;
}

#teaserOuterContent
{
	text-align: center;
}

.container
{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 45px;
}

#teaserFirstNavigation
{
	position: absolute;
	top: 0px;
	right: 0px;
}
#teaserSecondNavigation
{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.innerContainer
{
	position: relative;
	margin: auto;
	max-width: 1300px;
	text-align: center;
}

.contentContainer
{
	position: relative;
	margin: auto;
	width: 895px;
	text-align: left;
}

.small
{
	padding-left: 97px;
	padding-right: 97px;
}



.uppercase
{
	text-transform: uppercase;
}

.bold
{
	font-family: Memphis-Bol; 
}

.light
{
	font-family: Memphis-ExtLig; 
}

.black
{
	color: #000;
}

.paddingTop35
{
	padding-top: 35px;
}

.paddingBottom35
{
	padding-bottom: 35px;
}

#footerContainer a, a:link, a:active
{
	text-decoration: none;
	color: #ffffff;
}

#footerContainer a:hover
{
	text-decoration: underline;
}

#footerContainer .contentContainer
{
	padding-top: 35px;
	width: 770px;
}

a img, a:link img, a:active img
{
	border: none;
}

.teaserLine
{
	display: block;
	background-color: #000;
	height: 6px;
	width: 100%;
	margin-bottom: 20px;
}

#teaserHeader
{
	position: relative;
	height: 100px;
}

#teaserBadge
{
	position: absolute;
	left: 0px;
	bottom: 5px;
}

#logoContainer
{
	position: absolute;
	left: 50%;
	margin-left: -125.5px;
}

#teaserNavigation
{
	position: absolute;
	right: 0px;
	top: -4px;
	text-align: right;
	font-size: 14px;
	line-height: 18.7px;
	height: 39px;
}

#teaserNavigation a, #teaserNavigation a:link, #teaserNavigation a:active 
{
	color: #000;
}

.navigation
{
	width: 100%;
	text-align: center;	
	overflow: hidden;
}

.navigateArrows
{
	margin: auto;
	width: 100%;
	max-width: 1300px;
	min-width: 895px;
	text-align: left;
}

.navigateArrows a, .navigateArrows a:link
{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.menuHeader
{
	position: absolute;
	left: 0px;
	width: 100%;
	display: block;
	height: 20px;
	text-align: center;
	overflow: hidden;
}

.menuHeaderInner
{
	width: 100%;
	margin: auto;
	max-width: 1300px;
	min-width: 895px;
	text-align: left;
	color: #333333;
}

.primaryMenu
{
	width: 100%;
	background-color: #000;
	overflow: hidden;
	text-align: center;
}

.primaryMenuInner
{
	margin: auto;
	width: 800px;
	text-align: left;
}

.primaryMenu ul, .primaryMenu ul li
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-type: none;
	color: #ffffff; 
	font-family: Memphis-ExtLig;
	text-align: left;
	font-size: 16px;
	line-height: 16px;
}

.primaryMenu ul
{
	padding-top: 15px;
	padding-bottom: 15px;
}

.primaryMenu ul li a, .primaryMenu ul li a:link
{
	padding-left: 15px;
	color: #ffffff;
}

.primaryMenu ul li a:hover
{
	background-image: url(../assets/arrowOver.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.primaryMenu ul li a.activeLink, .primaryMenu ul li a:hover.activeLink
{
	background-image: url(../assets/arrowActive.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Memphis-Bol;
}

.navigateTop
{
	background-image: url(../assets/topArrow.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 17px;
	height: 8px;
	display: block;
}

.navigateBottom
{
	background-image: url(../assets/bottomArrow.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 17px;
	height: 8px;
	display: block;
}

::selection 
{
	background: #000;
	color: #fff;
}
::-moz-selection 
{
	background: #000;
	color: #fff;
}

h1, h2, h3, h4, h5, h6
{
	padding: 0px;
	margin: 0px;
}

#teaserMainContent
{
	color: #000;
}

#teaserContainer h1
{
	font-size: 18px;
	font-family: Memphis-Bol; 
	text-transform: uppercase;
	color: #000000;
	display: block;
	padding-bottom: 10px;
}

#teaserContainer h2
{
	font-size: 18px;
	font-family: Memphis-Bol; 
	text-transform: uppercase;
	color: #ffffff;
	display: block;
	padding-bottom: 10px;
}

#teaserContainer .blackBox
{
	padding: 6px 10px 6px 10px;
	background-color: #0a090b;
	color: #ffffff;
	font-family: Memphis-Bol;
	text-transform: uppercase;
	display: block;
}

#teaserContainer .textBlack
{
	color: #0a090b;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 12px;
	line-height: 15px;
	text-transform: none;
}

#teaserContainer .textWhite
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 12px;
	line-height: 15px;
	text-transform: none;
}

#teaserContainer hr
{
	border: none;
	height: 2px;
	background-image: url(../assets/hr.png);
	background-repeat: repeat-x;
	margin-top: 15px;
	margin-bottom: 8px;
	padding: 0px;
}

.linkContainer
{
	background-image: url(../assets/linkBackground.png);
	display: block;
}

.teaserLink, .teaserLinkWhite
{
	display: block;
	width: 100%;
	height: 100%;
}

.teaserLink:hover
{
	background-image: url(../assets/bottomLinkArrow.png);
	background-repeat: no-repeat;
	background-position: right 3px;
}

.teaserLinkWhite:hover
{
	background-image: url(../assets/bottomLinkArrowWhite.png);
	background-repeat: no-repeat;
	background-position: right 3px;
}

.contentSmall
{
	width: 770px;
	margin: auto;
}

.content .blackBox
{
	padding: 6px 10px 6px 10px;
	background-color: #000000;
	color: #ffffff;
	display: block;
}

.content .darkBottomShine
{
	background-image: url(../assets/darkBottomShine.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

h1
{
	font-size: 18px;
}

h2
{
	font-size: 22px;
}

.white
{
	color: #fff;
}

.columns
{
	display: block;
}

.column1
{
	float: left;
	display: block;
	width: 365px;
	margin-right: 40px;
}

.column2
{
	float: left;
	display: block;
	width: 365px;
}

.fontWhite
{
	color: #fff;
}

.fontBlack
{
	color: #000;
}

.fontUppercase
{
	text-transform: uppercase;
}

.fontMenphisLight
{
	font-family: Memphis-ExtLig; 
}

.fontMemphisBold
{
	font-family: Memphis-Bol; 
}

.paddingTop10
{
	padding-top: 10px;
}

.paddingBottom10
{
	padding-bottom: 10px;
}

.padding20622062
{
	padding: 20px 62px 20px 62px
}

.padding30623062
{
	padding: 30px 62px 30px 62px
}

.backgroundColorBlack
{
	background-color: #000;
}

.backgroundImageBottom
{
	background-image: url(../assets/darkBottomShine.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.columns
{
	display: block;
}

.columnLeft
{
	float: left;
	display: block;
	width: 365px;
	margin-right: 40px;
}

.columnRight
{
	float: left;
	display: block;
	width: 365px;
}

.boxBlack
{
	background-color: #000;
}

.boxSmall
{
	width: 770px;
	margin: auto;
}

.fontSize22
{
	font-size: 22px;
	line-height: 25px;
}

.fontBold
{
	font-weight: bold;
}

.padding10101010
{
	padding: 10px 10px 10px 10px;
}

#videoPreview
{
	position: absolute;
	top: 0px;
	width: 782px; 
	height:421px; 
	display: none;
	cursor: pointer;
	background-image: url(../files/images/video.jpg);
}

#videoPreview:hover
{
	 background-image: url(../files/images/videoHover.jpg);
}


#video-container {
			position: relative;
			max-width: 782px;
		}

		#overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 782px;
			height: 439px;
			cursor: pointer;
             aspect-ratio: 4/2.24;
		}

		#my-video {
			position: relative;
			display: block;
			width: 782px;
height: 439px;
		}