@font-face {
	font-family: 'GothamThin';
	src: url('../img/gotham-thin.eot');
	src: local('☺'), url('../img/gotham-thin.woff') format('woff'), url('../img/gotham-thin.ttf') format('truetype'), url('../img/gotham-thin.svg#webfont') format('svg');
}

@font-face {
	font-family: 'GothamMedium';
	src: url('../img/gotham-medium.eot');
	src: local('☺'), url('../img/gotham-medium.woff') format('woff'), url('../img/gotham-medium.ttf') format('truetype'), url('../img/gotham-medium.svg#webfont') format('svg');
}

div.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}

body {
  background: #3c8ad4 url(../img/page-bg.jpg) no-repeat center top;
  color: #fff;
  font: 12px Helvetica, Arial, sans-serif;
  padding: 60px 20px 20px 20px;
}

a {
  color: #fff;
}

img {
  border: 0;
}

strong {
  font-family: GothamMedium;
  font-weight: normal;
}

small {
  font-size: 0.8em;
}

big {
  font-size: 1.2em;
}

input.checkbox {
  margin: 0 0.3ex 0 0;
  padding: 0;
  vertical-align: baseline;
}

a.fullsize-image-link {
  display: block;
  text-align: center;
}

span.serialized-html {
  display: none;
}

/* Logo */

img#logo {
  width: 184px;
  height: 72px;
  display: block;
  margin-bottom: 10px;
  border: 0;
}

li.section.logo {
  position: relative;
}

li.section.logo div.links {
  position: absolute;
  bottom: 0;
  right: 0;
}

li.section.logo div.links a {
  cursor: pointer;
  margin-left: 1.5ex;
  text-decoration: none;
}

/* Sections */
ul.sections {
  position: relative;
  width: 810px;
  margin: 0 auto;
}

  ul.sections li.section {
    width: 250px;
    height: 120px;
    margin: 10px;
    display: inline;
    float: left;
  }
  
  
    ul.sections div.header {
      position: relative;
      width: 250px;
      height: 120px;
      background: #237bce;
      cursor: pointer;
      overflow: hidden;
      -webkit-user-select: none;
      -moz-user-select: none;
    }
    
    ul.sections li.section.hidden div.header {
      background: transparent;
      background: rgba(35, 123, 206, 0.3);
      filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#55237bce, endColorstr=#55237bce);
    }
    
      ul.sections div.header div.toggle {
        width: 230px;
        height: 100px;
        padding: 10px;
      }
    
      ul.sections div.header div.toggle:hover {
        background-color: #006ebd;
      }
    
      ul.sections li.dragging div.header div.toggle,
      ul.sections li.dragging div.header div.toggle:hover {
        background-color: #237bce;
        cursor: move;
      }
      
      ul.sections li.section div.header h2 {
        font-weight: normal;
        font: 25px/32px GothamThin;
      }
  
      ul.sections div.edit-controls {
        position: absolute;
        top: 0;
        padding-top: 1px;
        right: 0;
        font: 11px Arial;
      }
      
        ul.sections div.edit-controls a {
          color: #fff;
          display: block;
          float: left;
          margin-left: 4px;
        }
  
        ul.sections div.drag-handle {
          margin-left: 1px;
          float: left;
          width: 16px;
          height: 15px;
          cursor: move;
          background: url(../img/drag-handle-white.gif) no-repeat center center;
        }
        
        ul.sections a.delete-link {
          width: 9px;
          height: 14px;
          background: url(../img/trash-white.gif) no-repeat center center;
        }
      
    ul.sections div.section-content {
      display: none;
      position: absolute;
      font-size: 20px;
      line-height: 1.4em;
      font-family: GothamThin;
      width: 790px;
      left: 10px;
      z-index: 1;
    }
    
    ul.sections div.section-content-inner {
      padding: 23px 40px;
      background: #006ebd;
    }
    
    ul.sections div.section-content div.bulkhead {
      height: 20px;
      width: 250px;
      overflow: hidden;
      background: #006EBD;
			background-position: 0 -120px;
    }
    
    ul.sections div.section-content p {
      margin: 17px 0;
    }
    
    ul.sections div.section-content h1,
    ul.sections div.section-content h2 {
      color: #000;
      font-size: 120%;
    }
    
    ul.sections div.section-content a {
      color: #222;
    }
    
    ul.sections div.section-content small {
      display: block;
      line-height: 1.2em;
    }
    
    ul.sections li.section.selected div.header {
      background: #006ebd;
    }
    
    

/* Gallery */
div.gallery-set {
  font-family: Helvetica, Arial, sans-serif;
}

div.section-content div.gallery-set {
  padding-bottom: 17px;
}

  div.gallery-titles {
    font-family: GothamThin;
    font-size: 20px;
  }

  div.gallery-set span.gallery-title {
    border-bottom: 1px dashed #fff;
    cursor: pointer;
  }
    
  div.gallery-set span.gallery-title.selected {
    border: 0;
    cursor: default;
  }
  
div.gallery-container {
  display: none;
  background: #006ebd;
}

div.gallery-container.selected {
  display: block;
}

div.gallery-description {
  font: 12px/1.6 GothamMedium;
  margin-top: 15px;
}
  
ul.gallery {
  position: relative;
  width: 210px;
  height: 450px;
  padding-left: 500px;
  background: #000;
  overflow: hidden;
  background-image: url(../img/stripes-blue-black.png);
  font-size: 12px;
  margin-top: 20px;
}

ul.gallery li.bg-decor {
  height: 450px;
  background: #002743;
}

  ul.gallery li.gallery-item {
    display: block;
    border-bottom: 1px solid #000;
  }

  ul.gallery h3.gallery-item-title {
    font: 12px GothamMedium;
    font-weight: normal;
    cursor: pointer;
    width: 190px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    padding-left: 20px;
    background: #002743;
  }
  
  ul.gallery h3.gallery-item-title:hover {
    background: #103753;
  }
  
  ul.gallery h3.gallery-item-title.selected  {
    cursor: default;
    background: #3C8AD4;
  }

  ul.gallery div.gallery-item-content {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 450px;
    overflow: hidden;
  }

  ul.gallery li.gallery-item.selected div.gallery-item-content {
    display: block;
  }
  
  ul.gallery div.gallery-item-description {
    font: 12px/1.6 GothamMedium;
    position: absolute;
    width: 480px;
    padding: 10px;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.85);
    filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#dd000000, endColorstr=#dd000000);
    color: #fff;
  }
  
  ul.gallery .video div.gallery-item-description {
    height: 40px;
    overflow-y: auto;
  }
  
/* Modal pop-ups */
div.popup {
  width: 710px;
  color: #000;
  font: 20px/1.4 GothamThin;
}

div.popup h1 {
  font-size: 25px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  font-weight: normal;
}

div.popup a {
  color: #006ebd;
}