﻿<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

h1 {
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1.65em;
}
h3 {
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 0.875em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 0.9625em;
}
body, td, th, p {
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.25em;
        color:#331a00;
}
blockquote {
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 1em;
	font-style: italic;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.5625em;
}
pre {
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 0.8125em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.15em;
}



A.class1:link
	{
        color:#331a00;
        font-size: 1.4em;
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}
A.class1:active
	{
        color:#000430;
        font-size: 1.4em;
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}
A.class1:visited
	{
        color:#331a00;
        font-size: 1.4em;
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}
A.class1:hover
	{
        color:#ff0000;
        font-size: 1.4em;
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-style:normal;
	text-decoration:none;
	}



A.class2:link
	{
        font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 0.625em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	text-decoration:none;
        color:#331a00;
	}
A.class2:active
	{
        font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 0.625em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	text-decoration:none;
        color:#ff0000;
	}
A.class2:visited
	{
        font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 0.625em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	text-decoration:none;
        color:#331a00;
	}
A.class2:hover
	{
        font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size: 0.625em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	text-decoration:none;
        color:#ff0000;
	}


/* #framecontentTop{
position: relative;
float: right;
margin-top: 50px;
margin-right: 50px;
z-index: 10;
} */

#framecontentButtons{
position:relative;
    top: 60%;
    /* left: 50%; */
    width:110%;
    height:12%;
    /* margin-top: 50px; */
    /* margin-left: 25%; */
    margin-left: -5%; /* set to a negative number 1/2 of your width*/
    border: 2px solid #ccc;
    background-color: #f6ffef;
    z-index: 100;
}

#framecontentBottom{
position: fixed; 
top: auto;
bottom: 0; 
width: 100%; 
height: 25px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: f6ffef;
color: #331a00;
}

#maincontent{
position: fixed; 
top: 0; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
right: 0;
bottom: 25px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: hidden; 
background: #fceded;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0px 0 15px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

/*Page Above Video Below */

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Hide play on iphone*/
video::-webkit-media-controls {
    display:none !important;
}
/*hide play end*/

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 960px) {
  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}
