#timeline_header {
    height: 60px;
    position: relative;
    width: 750px;
    z-index: 1;
}
#timeline_logo {
    left: 30px;
    position: absolute;
    top: 0;
    z-index: 99999;
}
#timeline_navigation {
    position: absolute;
    right: 50px;
    top: 25px;
}
#timeline_navigation ul {
    list-style: outside none none;
}
#timeline_navigation ul li {
    display: inline;
}
#timeline_navigation ul li a {
    color: #504936;
    font-family: "Helvetica";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.06em;
    margin-right: 10px;
    text-transform: uppercase;
}
#timeline_navigation ul li a:hover {
    color: #a0851a;
}
#timeline_header_search_button {
    position: absolute;
    right: 0;
    top: 23px;
}
#timeline_header_search {
    display: none;
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: 25px;
    top: 17px;
    width: 232px;
}
#timeline_header_search input {
    background: #eeeded none repeat scroll 0 0;
    border: 1px solid #a7b7be;
    padding: 5px 10px;
    width: 210px;
}
#timeline_header_search input.submit {
    border: medium none;
    padding: 0;
}
#timeline_wrapper {
    height: 700px;
    overflow: hidden;
    width: 100%;
}
#timeline {
    height: 720px;
    overflow-x: scroll;
    width: 100%;
    position: relative;
}
#timeline ul {
    font-size: 0;
    list-style: outside none none;
    white-space: nowrap;
    width: 100%;
}
#timeline ul li {
    display: inline-block;
    float: none;
    height: 700px;
    position: relative;
    white-space: nowrap;
    width: 160px;
}
#timeline ul li:before,
#timeline ul li:after {
    position: absolute;
    z-index: 1;
    content:"";
}
#timeline ul li:before {
  top:0px;
  left: 0px;
  width: 100%;
  height: 35px;
  background: url(/images/layout/timeline-shadow-top.png) repeat-x top left scroll transparent;
}
#timeline ul li:after {
  bottom:0px;
  left: 0px;
  width: 100%;
  height: 35px;
  background: url(/images/layout/timeline-shadow-bottom.png) repeat-x top left scroll transparent;
}
#timeline ul li a.timeline_clicker {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}
#timeline ul li a.timeline_clicker:before {
   content: "";
   position: absolute;
   height: 100%;
   width: 35px;
   background: url(/images/layout/timeline-shadow.png) repeat-y top left scroll transparent;
   top:0px;
   left: 0px;
}
#timeline ul li a.timeline_clicker div.timeline_banner {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 120px;
    left: 0;
    padding: 30px 20px;
    position: absolute;
    top: 100px;
    white-space: normal;
    width: 120px;
}
#timeline ul li a.timeline_clicker div.timeline_banner h2 {
    color: #fff;
    font-size: 50px;
}
#timeline ul li a.timeline_clicker div.timeline_banner p {
    color: #fff;
    font-size: 12px;
}
#timeline ul li a.timeline_clicker div.timeline_message {
    background: rgba(211, 27, 34, 0.8) none repeat scroll 0 0;
    bottom: 100px;
    left: auto;
    padding: 30px 38px 30px 58px;
    position: absolute;
    right: -393px;
    top: auto;
    white-space: normal;
    width: 297px;
    
    border-radius: 12px;
    
    -webkit-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
#timeline ul li a.timeline_clicker div.timeline_message:before {
  content: "";
  height: 36px;
  width: 18px;
  background: url(/images/layout/timeline_message_arrow.png) no-repeat top left scroll transparent;
  display: block;
  top: 0px;
  bottom: 0px;
  margin: auto 0px;
  left: 23px;
  position: absolute;
  
  -webkit-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
} 
#timeline ul li a.timeline_clicker div.timeline_message h3 {
    color: #fff;
    font-size: 17px;
}
#timeline ul li a.timeline_clicker div.timeline_message p {
    color: #fff;
    font-size: 12px;
}
#timeline ul li a.timeline_clicker:hover div.timeline_banner {
    background: #d31b22 none repeat scroll 0 0;
}
#timeline ul li.active a.timeline_clicker div.timeline_banner {
    background: #d31b22 none repeat scroll 0 0;
}
#timeline_buttons #left_button {
    display: block;
    height: 50px;
    left: 20px;
    position: fixed;
    top: 400px;
    width: 50px;
    z-index: 99999;
}
#timeline_buttons #right_button {
    display: block;
    height: 50px;
    position: fixed;
    right: 20px;
    top: 400px;
    width: 50px;
    z-index: 99999;
}
#timeline ul li.active a.timeline_clicker div.timeline_message {
    right: -336px;
        
    -webkit-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
#timeline ul li.active a.timeline_clicker div.timeline_message.open {
   right: -12px;
  
  -webkit-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
#timeline ul li a.timeline_clicker div.timeline_message.open:before {
  background-position: top right;
  
  -webkit-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}
#timeline_footer {
    padding: 20px 0 0 30px;
    width: 100%;
}
#timeline_footer p {
    color: #af9b8f;
    text-transform: uppercase;
}
#timeline_footer a {
    color: #c7c3bf;
    margin-right: 10px;
}
#timeline_footer a:hover {
    color: #edb037;
}
.timeline_clicker {
  overflow: hidden;
}
.timeline_image img {
  max-width: none !important;
}
div#page-content.timeline {
  padding: 0px !important;
}