.headerHolder
{
  position:                 absolute;
  height:                      55px;
  width:                        100%;
  top:                         -40px;
  z-index:                         5;
  background-color:    rgb(53,64,81);
}

.lite .headerHolder
{
  background-color:    rgba(0,0,0,0);
}

.header
{
  height:                      20px;
  width:                       100%;
  max-width:                 1300px;
  margin-top:                 -40px;
  margin-right:                auto;
  margin-left:                 auto;
}

.header table
{
  position:                relative;
  height:                      20px;
  font-size:                   14px;
  text-align:                  left;
  text-transform:         uppercase;
  transition:                  none;
  border-collapse:         separate;
  border-spacing:               0px;
  margin-top:                   -11px;
} 

.headerTable
{
  text-shadow:                0px 0px 1px rgba(0,0,0,0.6);
  letter-spacing:                                 -0.35px;
  word-spacing:                                       2px;
}

.dark{                                        color: #000; }
.dark .header a{                              color: #777; }
.dark .header a:hover{                        color: #000; }
.dark .header .highlighted{                   color: #000; }
.dark .logo{  background-image: url('../photos/logo_clear.png'); }

.lite{                                     color: #e8e8e8; }
.lite .header a{                           color: #e8e8e8; }
.lite .header a:hover{                        color: #fff; }
.lite .header .highlighted{                   color: #fff; }
.lite .logo{  background-image: url('../photos/logo_b&w.png'); }
  
.logo
{ 
  position:               relative; 
  width:                     230px; 
  height:                    125px; 
  background-size:       auto 100%;
  background-position:      center;
  background-repeat:     no-repeat;
  margin-left:                auto; 
  margin-right:               auto;
  margin-top:                  5px;
  margin-bottom:             -65px;
  border:        0px rgba(0,0,0,0);
  cursor:                  pointer;
}

.contact
{
  float:                      left;
  left:                       80px;
}
.contact td
{
  padding-right:              20px;
}

.social
{
  float:                     right;
  right:                      80px;
}

.button
{
  text-decoration:            none;
  cursor:                  pointer;
  color:                      #fff;
}

.highlighted
{
  color:                     black;
}

a 
{
  text-decoration:            none;
  cursor:                  pointer;
}       

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