/*----- install fonts -----*/
@font-face {
  font-family: gotham;
  font-weight: normal;
  src: url('/assets/fonts/Gotham Light.woff') format('woff'),
       url('/assets/fonts/Gotham Light.ttf') format('truetype');
}

@font-face {
  font-family: gotham;
  font-weight: bold;
  src: url('/assets/fonts/Gotham Book.woff') format('woff'),
       url('/assets/fonts/Gotham Book.ttf') format('truetype');
}

/*----- default -----*/
body{
  margin: 0;
  padding: 0;
  background: #444444;
  font-family: gotham;
  font-size: 10px;
  font-weight: normal;
  color: #ffffff;
}
img{
  border: none;
}

a:link,
a:active,
a:visited{
  text-decoration: none;
  color: #ffffff;
}
a:hover,
a.active_link{
  color: #8d918a;
}
/*----- document -----*/
#container{
  width: 1280px;
  overflow: hidden;
  margin: 35px auto;
}
/*----- header -----*/
#header{
  min-width: 974px;
  height: 163.75px;
  overflow: hidden;
  padding: 25px;
  cursor: default;
  background: #666666;
  text-transform: uppercase;
  font-weight: bold;
}
#header .nav{
  float: left;
  width: 175px;
  height: 128.75px;
  margin: 0 25px 0 0;
}
#header .nav ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#header .nav ul li{
  line-height: 1.7;
  vertical-align: top;
}
#header .name{
  float: right;
  margin: 3px 154px 0 0;
}
/*----- content -----*/
#content{
  position: relative;
  width: 100%;
  height: 536px;
  background: #e6e7e8;
}
#content .pages{
  height: 476px;
  padding: 20px 25px 40px 25px;
  background-color: #000000;
}
#content .pages.full{
  height: 536px;
  padding: 0;
}
#content .pages .title{
  margin: 0 0 50px 0;
  text-transform: uppercase;
  font-size: 40px;
}
#content .pages .headline{
  height: 60px;
  text-transform: uppercase;
  line-height: 1.5;
  font-size: 11px;
  font-weight: bold;
}
#content .pages .headline_underline{
  text-transform: uppercase;
  text-decoration: none;
  line-height: 2;
  font-size: 9px;
  font-weight: bold;
}
#content .pages .subline{
  text-transform: capitalize;
  line-height: 2;
  font-size: 9px;
}
#content .pages .profile{
  float: left;
  width: 355px;
  height: 375px;
  overflow: hidden;
  margin: 0 22px 0 0;
  line-height: 1.5;
  font-weight: bold;
}
#content .pages .profile .img{
  width: 170px;
  height: 170px;
  overflow: hidden;
}
#content .pages .profile .img img{
  width: 100%;
}
#content .pages .profile .name{
  width: 157px;
  margin: 20px 0 0 0;
  text-align: left;
}
#content .pages .autocolumn{
  height: 375px;
  -moz-column-width: 165px;
  -webkit-column-width: 165px;
  column-width: 165px;
  -moz-column-gap: 12px;
  -webkit-column-gap: 12px;
  column-gap: 12px;
  line-height: 1.5;
  font-weight: bold;
}
#content .pages .column{
  float: left;
  width: 165px;
  height: 375px;
  overflow: hidden;
  margin: 0 22px 0 0;
  line-height: 1.5;
  font-weight: bold;
}
#content .pages .column ul.strip{
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}
#content .pages .column ul.strip li{
  text-indent: -4px;
}
#content .pages .column ul.strip li:before{
  content: "-";
  position: relative;
  left: -5px;
}
#content .pages .column ul.tfe{
  list-style: none;
  margin: 0;
  padding: 0;
}
#content .pages .column ul.tfe li .head{
  float: left;
  width: 35px;
  text-transform: uppercase;
  font-weight: bold;
}
#content .gallery{
  height: 536px;
  overflow: hidden;
  background: #e6e7e8;
}
#content .gallery .list{
  height: 466px;
  padding: 15px 0 0 25px;
}
#content .gallery .list:after{
  clear: both;
}
#content .gallery .list .item{
  float: left;
  width: 193px;
  height: 130px;
  margin: 0 15px 25px 0;
  color: #666666;
}
#content .gallery .list .item a{
  color: #666666;
}
#content .gallery .list .item .name{
  height: 20%;
  text-transform: uppercase;
}
#content .gallery .list .item .image{
  height: 80%;
  background: #8d918a;
  overflow: hidden;
}
#content .gallery .list .item .image img{
  height: 100%;
}
#content .gallery .preview{
  position: relative;
  width: 100%;
}
#content .gallery .preview .information{
  position: absolute;
  top: 20px;
  left: 25px;
  text-transform: uppercase;
}
#content .gallery .preview .information .title{
  margin: 0 0 17px 0;
  font-size: 40px;
}
#content .gallery .preview .information .place{
  
}
#content .pages .preview,
#content .gallery .preview img{
  width: 100%;
}
#content .slideshow{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#content .control{
  z-index: 100;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #666666;
  cursor: default;
  text-align: center;
  line-height: 30px;
  font-size: 10px;
  font-weight: bold;
}
#content .control .button{
  margin: 0 2px;
  vertical-align: middle;
  text-transform: uppercase;
}
#content .control .limiter{
  font-size: 11px;
}

.clearfix::after{
  clear: both;
  content: ".";
  height: 1px;
  visibility: hidden;
}