body, html 
{
  height:                             100%;  
  width:                              100%;
  margin:                              0px;  
  padding:                             0px;
  border:                             none;
  line-height:                        28px;  
  letter-spacing:                      1px;
  font-size:                          18px; 
  font-smooth:                      always;
  -webkit-font-smoothing:      antialiased;

  font-family:  'Trebuchet MS', sans-serif;

  background-size:                   cover;
  background-position:              center;
  background-attachment:             fixed;
  
  background-color:                #F5F5F5;
}


.contentLayer
{
  position:                       relative;
  top:                                 0px; 
  bottom:                              0px;
  left:                                0px; 
  right:                               0px;
  height:                             100%;
}


.bannerImage
{
  position:                       relative;
  width:                              100%;
  height:                              80%;
  background-size:                   cover;
  background-position:              center;
  background-repeat:             no-repeat;
  z-index:                               0;
  min-width:                          10px;
  overflow:                         hidden;
}


.titleHolder
{
  position:                       absolute;
  bottom:                             100%;
  left:                               50px;
  right:                             140px;
  padding-bottom:                     20px;
}


.title
{
  color:                              #fff;
  line-height:                        60px;  
  font-size:                          60px;
  letter-spacing:                      9px;
  word-spacing:                       10px;
  bottom:                              0px;
  text-transform:                uppercase;
  font-family:  'Trebuchet MS', sans-serif;
}

.subTitle
{
  line-height:                        40px;  
  font-size:                          40px;
  letter-spacing:                      3px;
  word-spacing:                       10px;
  bottom:                              0px;
  text-transform:                uppercase;
  font-family:  'Trebuchet MS', sans-serif;
}


.contentHolder
{
  position:                       relative;
  width:                              100%;
  height:                             auto;
  min-height:          calc(100vh - 120px);
  background-color:                #F5F5F5;
  z-index:                              10;
}


p
{
  font-size:                          15px;
  text-align:                      justify;
  color:                   #000 !important;
  margin:                              0px;
}


/***************************

Columns

***************************/



#columnHolder
{
  position:                       relative;  
  bottom:                             100%;
  max-width:                        1200px;
  margin-right:                       auto;
  margin-left:                        auto;
  padding:                            60px;
  background-color:                   #fff;
}


.contentBlock
{
  display:                           table; 
  margin-bottom:                      50px;
  width:                              100%;
}

.contentColumn
{
  position:                       relative;
  width:                               29%; 
  height:                             auto;
  float:                              left;
  color:                   #000 !important;
  z-index:                               1;
}

.contentColumnSingle
{
  position:                       relative;
  width:                              100%;
  height:                             auto;
  margin-right:                       auto;
  margin-left:                        auto;
  color:                   #000 !important;
  z-index:                               2;
}

.contentColumnWide
{
  position:                       relative;
  width:                  calc(71% - 50px); 
  height:                             auto;
  float:                              left;
  margin-left:                        50px; 
}

.contentColumnInner
{
  position:                       relative;
  width:                               62%;
  height:                             auto;
  float:                              left;
  margin-top:                        -50px;
  margin-bottom:                     -50px;
}

.contentColumnOuter
{
  position:                       relative;
  width:                  calc(38% - 50px); 
  height:                             auto;
  float:                              left;
  margin-left:                        50px; 
}

/***************************

Image Gallery

***************************/

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

.imageGallery
{
  width:                  calc(100% + 8px); 
  border-collapse:                separate;
  border-spacing:                      4px;
  margin-left:                        -4px;
}

.imageGallery td
{
  position:                       relative; 
  padding:                             0px;
}

.imageGallery img
{
  position:                       relative; 
  height:                             auto;
  width:                              100%;
  padding:                             0px;
  margin:                              0px;
  display:                           block;
}


/***************************

Video

***************************/



.auto-resizable-iframe 
{
  position:                       relative;
  max-height:           calc(100vh - 60px);
  margin:                         0px auto;
}

.auto-resizable-iframe > div 
{
  position:                       relative;
  padding-bottom:                      56%;
  height:                              0px;
  background-color:                  black;
}

.auto-resizable-iframe iframe 
{
  position:                       absolute;
  top:                                 0px;
  left:                                0px;
  width:                              100%;
  height:                             100%;
  max-height:           calc(100vh - 60px);
}

iframe
{
  border: none;
}

.mainVideo
{
  position:                       relative;
  width:                              100%;
  height:                             auto;
  z-index:                               5;
  margin-bottom:                     -10px;
}

/***************************

Credits

***************************/

.Role
{
  width:                               50%; 
  text-align:                        right; 
  padding-right:                      25px;
  letter-spacing:                    0.5px;
  color:                   rgb(68, 68, 68);
  font-size:                          12px;
}

.Person
{
  width:                               50%;
  text-align:  left;  
  padding-left:                       25px;
  font-size:                          16px; 
  line-height:                        30px;
  letter-spacing:                    0.5px;
}


.Logo
{
  width:                              100%;
}


.contentColumnOuter .imgContainer
{
  position:                       relative;
  width:                              100%;
  margin:                             15px;
  display:                    inline-block;
}


.contentColumnOuter .logoContainer
{
  position:                       relative;
  margin-left:                        auto;
  margin-right:                       auto;
  width:                               80%;
  margin-top:                         80px;
  display:                           block;
}


.contentColumnSingle .imgContainer
{
  position:                       relative;
  width:                  calc(33% - 30px); 
  margin:                             13px;
  display:                    inline-block;
}


.contentColumnSingle .logoContainer
{
  position:                       relative;
  margin-left:                        auto;
  margin-right:                       auto;
  width:                               80%;
  display:                           block;
}



/***************************

Menu

***************************/

#menuTable{
  text-decoration: none;
  text-align: center;
  color: black;
  margin-right: auto;
  margin-left: auto;
  width: 100px;
}

#menuTable td{
  position: relative; 
  width:33%; 
  padding: 0px;
}

#menuTable a{
  color: black;
}