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


@font-face {
  font-family: 'PressuraBold';
  src: url('fonts/GT-Pressura-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/GT-Pressura-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/GT-Pressura-Bold.woff') format('woff'), /* Modern Browsers */
    url('fonts/GT-Pressura-Bold.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/GT-Pressura-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'PressuraLight';
  src: url('fonts/GT-Pressura-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/GT-Pressura-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/GT-Pressura-Light.woff') format('woff'), /* Modern Browsers */
    url('fonts/GT-Pressura-Light.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/GT-Pressura-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

html,
body{
	margin: 0;
  width: 100%;
  height: 100%;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body{
  font-family: 'PressuraLight';
}
#banner{
  position: relative;
  margin: 0 auto;
  background-color: rgba(255,255,255,1.00);
  border: 10px solid rgba(192,13,14,1);
  overflow: hidden;
  cursor: pointer;
}
#logo{
  position: absolute;
}
#logo img{
  width: 100%;
  height: auto;
}
#text-container{
  position: absolute;
  font-family: 'PressuraBold';
  text-transform: uppercase;
}
#candidate{
  position: absolute;
}
#candidate img{
  width: 100%;
  height: auto;
}
#candidate-name{
  position: absolute;
  text-transform: uppercase;
}
#movie-container{
  position: absolute;
}
#movie{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#movie-play{
  position: absolute;
  width: 100%;
  text-align: center;
}
#movie-play img{
  width: auto;
  height: 100%;
  cursor: pointer;
}
#buttons{
  position: absolute;
  bottom: 4px;
  width: 100%;
  height: 17px;
  display: none;
  text-align: right;
  padding-right: 10px;
}
#play,
#pause,
#stop,
#scale,
#restore{
  width: auto;
  height: 100%;
  margin-left: 2px;
  cursor: pointer;
}
#overlay{
  position: absolute;
}
#overlay img{
  width: auto;
  height: 100%;
}
.green{
  color: rgba(0,148,74,1.00);
}
.red{
  color: rgba(192,13,14,1);
}
.text{
  position: absolute;
  width: 100%;
}