/**************************************   CSS reset   **************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
  { margin  : 0;
    padding : 0;
  }
  
html,body
  { margin  : 0;
    padding : 0;
  }
  
table
  { border-collapse:collapse;
    border-spacing:0;
  }
  
fieldset,img
  { border:0;
  }
  
input
  { border  : 1px solid #b0b0b0;
    padding : 3px 5px 4px;
    color   : #979797;
    width   : 190px;
  }
  
address,caption,cite,code,dfn,th,var
  { font-style  : normal;
    font-weight : normal;
  }
  
ol,ul
  { list-style : none;
  }
  
caption,th
  { text-align : left;
  }
  
h1,h2,h3,h4,h5,h6
  { font-size   : 100%;
    font-weight : normal;
  }
  
q:before,q:after
  { content : '';
  }
  
abbr,acronym
  { border : 0;
  }
  
/**************************************   General Style   **************************************/

body
  { font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    background  : #000;
    font-weight : 400;
    font-size   : 15px;
    color       : #aa3e03;
    overflow-y  : scroll;
    overflow-x  : hidden;
  }
  
.ie7 body
  { overflow : hidden;
  }
  
a 
  { color: #FFF;
    font-family: Arial, sans-serif;
  }
  
.container
  { position   : relative;
    text-align : center;
  }
  
.clr
  { clear : both;
  }
  
.container > header
  { padding     : 30px 30px 10px 20px;
    margin      : 0px 20px 10px 20px;
    position    : relative;
    display     : block;
    text-shadow : 1px 1px 1px rgba(0,0,0,0.2);
    text-align  : left;
  }
  
.container > header h1
  {
    font-family : 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size   : 35px;
    line-height : 35px;
    position    : relative;
    font-weight : 400;
    color       : #fff;
    text-shadow : 1px 1px 1px rgba(0,0,0,0.3);
    padding     : 0px 0px 5px 0px;
  }
  
.container > header h1 span
  { 
  }
  
.container > header h2, p.info
  { font-size   : 16px;
    font-style  : italic;
    color       : #f8f8f8;
    text-shadow : 1px 1px 1px rgba(0,0,0,0.6);
  }
  

/**************************************   Slide Show   **************************************/

.cb-slideshow, .cb-slideshow:after
  { position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.cb-slideshow li span
  { width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 70s linear infinite 0s;
    -moz-animation: imageAnimation 70s linear infinite 0s;
    -o-animation: imageAnimation 70s linear infinite 0s;
    -ms-animation: imageAnimation 70s linear infinite 0s;
    animation: imageAnimation 70s linear infinite 0s;
  }
  
.cb-slideshow li div
  { z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 70s linear infinite 0s;
    -moz-animation: titleAnimation 70s linear infinite 0s;
    -o-animation: titleAnimation 70s linear infinite 0s;
    -ms-animation: titleAnimation 70s linear infinite 0s;
    animation: titleAnimation 70s linear infinite 0s;
  }
  
.cb-slideshow li:nth-child(1) span { background-image: url(../images/main1.jpg) }
.cb-slideshow li:nth-child(2) span { background-image: url(../images/main2.jpg); -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; -ms-animation-delay: 10s; animation-delay: 10s; }
.cb-slideshow li:nth-child(3) span { background-image: url(../images/main3.jpg); -webkit-animation-delay: 20s; -moz-animation-delay: 20s; -o-animation-delay: 20s; -ms-animation-delay: 20s; animation-delay: 20s; }
.cb-slideshow li:nth-child(4) span { background-image: url(../images/main4.jpg); -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; }
.cb-slideshow li:nth-child(5) span { background-image: url(../images/main5.jpg); -webkit-animation-delay: 40s; -moz-animation-delay: 40s; -o-animation-delay: 40s; -ms-animation-delay: 40s; animation-delay: 40s; }
.cb-slideshow li:nth-child(6) span { background-image: url(../images/main6.jpg); -webkit-animation-delay: 50s; -moz-animation-delay: 50s; -o-animation-delay: 50s; -ms-animation-delay: 50s; animation-delay: 50s; }
.cb-slideshow li:nth-child(7) span { background-image: url(../images/main7.jpg); -webkit-animation-delay: 60s; -moz-animation-delay: 60s; -o-animation-delay: 60s; -ms-animation-delay: 60s; animation-delay: 60s; }

.cb-slideshow li:nth-child(2) div { -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; -ms-animation-delay: 10s; animation-delay: 10s; }
.cb-slideshow li:nth-child(3) div { -webkit-animation-delay: 20s; -moz-animation-delay: 20s; -o-animation-delay: 20s; -ms-animation-delay: 20s; animation-delay: 20s; }
.cb-slideshow li:nth-child(4) div { -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; }
.cb-slideshow li:nth-child(5) div { -webkit-animation-delay: 40s; -moz-animation-delay: 40s; -o-animation-delay: 40s; -ms-animation-delay: 40s; animation-delay: 40s; }
.cb-slideshow li:nth-child(6) div { -webkit-animation-delay: 50s; -moz-animation-delay: 50s; -o-animation-delay: 50s; -ms-animation-delay: 50s; animation-delay: 50s; }
.cb-slideshow li:nth-child(7) div { -webkit-animation-delay: 60s; -moz-animation-delay: 60s; -o-animation-delay: 60s; -ms-animation-delay: 60s; animation-delay: 60s; }

@-webkit-keyframes imageAnimation
  {  0% { opacity: 0; -webkit-animation-timing-function: ease-in;} 
     8% { opacity: 1; -webkit-transform: -webkit-animation-timing-function: ease-out;}
    25% { opacity: 0;}
   100% { opacity: 0; }
  }

@-moz-keyframes imageAnimation
  { 
     0% { opacity: 0;}
     8% { opacity: 1;}
    25% { opacity: 0;}
   100% { opacity: 0; }
  }

@-o-keyframes imageAnimation
  {  0% { opacity: 0;}
     8% { opacity: 1;}
    25% { opacity: 0;}
   100% { opacity: 0; }
  }

@-ms-keyframes imageAnimation
  {  0% { opacity: 0;}
     8% { opacity: 1;}
    25% { opacity: 0;}
   100% { opacity: 0; }
  }

@keyframes imageAnimation
  {  0% { opacity: 0;}
     8% { opacity: 1;}
    25% { opacity: 0;}
   100% { opacity: 0; }
  }

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{ opacity: 1; }

@media screen and (max-width: 1140px) { .cb-slideshow li div h3 { font-size: 100px  } }

@media screen and (max-width: 600px) {  .cb-slideshow li div h3 { font-size: 50px } }