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

@font-face{  
    font-family: 'allstar4regular';
    src: url('../fonts/allstar4-webfont.eot');
    src: url('../fonts/allstar4-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/allstar4-webfont.woff') format('woff'),
         url('../fonts/allstar4-webfont.ttf') format('truetype'),
         url('../fonts/allstar4-webfont.svg#allstar4regular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

h1, h2, h3, h4, h5, h6 { /*reset for mobile browsers */

font-weight: normal !important;
text-shadow: 0 0 0;
/*this should fix double font issue on safari*/
}

html, body {
	height: 100%;
	background-color: #000;
}

body {
    overflow: hidden;
    max-width: 744px;
}

.unselectable {
	-moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
}

/****************************
/****************************
/****************************
DIV SECTIONS
****************************/


/*This was causing the video gallery to expand beyond the modal container and ignore the iframe width on ipad chrome and safari*/
/*#video-gallery {
  width: 100%;
    max-width: 744px;
}*/

.videoGallery .rsTmb {
  padding: 20px;
}
.videoGallery .rsThumbs .rsThumb {
  width: 120px;
  height: 90px;
  /*border-bottom: 1px solid #2E2E2E;*/
  background-color: #000;
}
.videoGallery .rsThumbs {
  width: 100%;
  height: 90px;
  padding: 0;
}
.videoGallery .rsThumb:hover {
  background: #000;
}
.videoGallery .rsThumb.rsNavSelected {
  background-color: #02874A;
  border-bottom:-color #02874A;
}

.sampleBlock {
  left: 3%; 
  top: 1%; 
  width: 100%;
  max-width: 400px;
}