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;
  background-size:                       cover;
  background-color:                    #e1dfe0; 
  background-repeat:                      none;
  background-position:                  center;
  background-attachment:                 fixed;
  font-family: 'Roboto', sans-serif;
}

.t, 
p, 
a, 
table, 
hr, 
.overlayIcon, 
.panelWindow, 
#panelHolder
{
  -webkit-transition: all 1.5s ease;
  -moz-transition:    all 1.5s ease;
  transition:         all 1.5s ease;
}

#contentLayer
{
  position:                relative;
  top:                          80px; 
  bottom:                       0px;
  left:                         0px; 
  right:                        0px;
  height:                      70vh;
  
}

#slide
{
  position:                relative;
  width:                       100%;
  
  height:                      70vh;
  overflow:                  hidden;
  margin-left: auto;
  margin-right: auto;
}

#panelHolder
{
  position:                relative;
  top:                         80px;
  height:        calc(100% - 140px);  
  width:                       100%;
  max-width:                 1300px;
  margin-left:                 auto;
  margin-right:                auto;
  z-index:                        2;
}

.panel
{
  position:               absolute;
  height:                     100%;  
  width:                      100%;
  overflow:                 hidden;
  opacity:                       1;
  background-size:           cover;
  background-color:          black;
  background-position:      center;
}

.moving
{
  -webkit-transition: opacity 4s ease, -webkit-transform 12s linear;
  -moz-transition:    opacity 4s ease,    -moz-transform 12s linear;
  transition:         opacity 4s ease,         transform 12s linear;
}

.videoHolder
{
  -webkit-transition: opacity 1s ease;
  -moz-transition:    opacity 1s ease;
  transition:         opacity 1s ease;
}

.videoHolder
{
  opacity:                       0;
  z-index:                       0;
}

#video
{
  position:               relative;
  width:                      auto;
  height:                     100%;
  z-index:                       5;
}

#projects
{
  display:                    none;
}

#featuredHolder
{
  position:               absolute;
  width:                      100%;
  bottom:                     60px;
}

#featured
{
  position:               relative;
  width:                     600px;
  height:                     65px;
  text-align:               center;
  margin-left:                auto;
  margin-right:               auto;
  margin-bottom:               0px;
  font-size:                  27px;
  line-height:                55px;
  word-spacing:                5px;
  text-transform:        uppercase;
  text-shadow: 0px 0px 1px rgba(0,0,0,0.6); 
}

#arrow
{
  position:               relative;
  height:                     auto;
  top:                       -40px;
  margin-bottom:             -45px;
  width:                      60px;
  cursor:                  pointer;
}

.contentPanel
{
  position:               relative;
  width:      calc( 100% - 160px );
  margin-left:                auto;
  margin-right:               auto;
  margin-bottom:              40px;
  z-index:                      -5;
  overflow:                 hidden;
}


#summary
{
  font-size:                  22px;
}

#text
{
  width:        calc(100% - 280px);
  margin-bottom:              45px;
  font-size:                  16px;
  line-height:                22px;
  word-spacing:                2px;
  letter-spacing:         -0.125px;
}

#text H1
{
  font-weight:              normal;
  font-size:                  26px;
  margin-bottom:              30px;
}

#text H2
{
  font-weight:              normal;
  font-size:                  20px;
  line-height:                28px;
  margin-bottom:              40px;
}

#text p
{
  margin-bottom:              40px;
}

#contactHolder
{
  min-height:                100vh;
}

.narrowText
{
  max-width:                 700px;
}

.sidePanel
{
  float:                      left;
  max-width:                 320px;
  margin-top:                120px;
}

.sidePanel p
{
  margin-bottom:               2px;
  font-size:                  14px;
  line-height:                20px;
}

.bold
{
  font-size:                  27px;
}

.mapHolder
{
  width:        calc(100% - 320px);
  max-width:                 830px; 
  margin-top:                 90px;
}

.right
{
  float:                     right;
  font-size:                  14px;
}

#map
{
  position:               relative;  
  height:                    540px;
  width:                      100%; 
  margin:                      0px;
  margin-top:                 20px;
  padding:                     0px; 
}

.smalllogo
{
  top:                        10px;
  width:                      30px;
  height:                     30px;
  margin-right:                5px;
  margin-bottom:              -7px;
}

input[type=text]
{
  height:                     20px;
  margin-bottom:               5px;
  min-width:                 175px;
  padding:                     1px;
  border-color:               #FFF;
  border-width:                1px;
  border-radius:               3px;
  font-size:                  14px;
}

input[type=submit]
{
  position:               relative;
  top:                      -1.6px;
  height:                     20px;
  box-sizing:          content-box;
  border-color:               #fff;
  border-width:                1px;
  border-style:              inset;
  border-radius:               3px;
  background-color:           #000;
  cursor:                  pointer;
  color:                      #fff;
  margin-bottom:               5px;
  text-transform:        uppercase;
  font-size:                  11px;
}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  background: rgba(255,255,255,1); 
}
#contentPanel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
}

 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(53,64,81,0.9); 
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(53,64,81,0.6); 
}

a
{
  text-decoration:            none;
  color:                      #000;
}