body {
    background-color: black;    
}

#wrapper {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 1100px;
    background-color: black;
}

#links {
    position: absolute;
    width: 1143px;
    height: 63px;
    background-color: rgb(65,57,61);
    left: 27px;
    top: 27px;
}

ul#nav {
    margin: auto;
}

ul#nav li {
    display: inline-block;
    margin: auto;
    padding-top: 20px;
    padding-left: 55px;
    padding-right: 55px;
}

ul#nav li a {
    text-decoration: none;
    font-family: localfont;
    font-size: 18px;
    color: white; 
    text-shadow: 4px 4px 6px #000000;
}

ul#nav li a:hover {
    color: rgb(190,30,45);
}

#logo {
    position: absolute;
    width: 369px;
    height: 117px;
    left: 414px;
    top: 117px;    
}

#leftpic {
    position: absolute;
    width: 189px;
    height: 549px;
    background-image: url(images/home/picleft.jpg);
    left: 27px;
    top: 126px;  
}

.gallery {
    position: relative;
    max-width: 693px;
    height: 414px;
    left: 252px;
    top: 261px;
}

.gallery figure {
   margin: 0;
   position: absolute;
    text-align: center;
}

.gallery figcaption { 
   position: absolute;
    width: 669px;
    height: 44px;
    top: 354px;
   color: white;
   background: rgb(65,57,61);
   font-family: quote;
    font-style: italic;
    font-size: 17px;
   padding: 8px 12px;
   opacity: .5;
   transition: opacity .5s;
}
.gallery:hover figure figcaption {
   transition: opacity .5s;
   opacity: 1;
}

.gallery figure {
   opacity:0;
}

figure:nth-child(1) {
  animation: xfade 40s 32s infinite;
}
figure:nth-child(2) {
  animation: xfade 40s 24s infinite;
}
figure:nth-child(3) {
  animation: xfade 40s 16s infinite;
}
figure:nth-child(4) {
  animation: xfade 40s 8s infinite;
}
figure:nth-child(5) {
  animation: xfade 40s 0s infinite;
}

@keyframes xfade{
  0%{
    opacity: 1;
  }
 18% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  98% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#rightpic {
    position: absolute;
    width: 189px;
    height: 549px;
    background-image: url(images/home/picright.jpg);
    left: 981px;
    top: 126px; 
}

#leftbtmpic {
    position: absolute;
    width: 369px;
    height: 180px;
    left: 27px;
    top: 711px;  
}

#centerinfotop {
    position: absolute;
    width: 369px;
    height: 90px;
    left: 414px;
    top: 720px;  
}

#centerinfotop p {
    text-align: center;
    font-family: localfont;
    font-size: 24px;
    color: rgb(190,30,45);
}

#centerinfobtm {
    position: absolute;
    width: 333px;
    height: 90px;
    left: 432px;
    top: 800px;  
}

#rightbtmpic {
    position: absolute;
    width: 369px;
    height: 180px;
    left: 801px;
    top: 711px;   
}

#footer {
    position: absolute;
    background-color: black;
    left: 450px;
    top: 900px;  
}

ul#socialmedia {
    margin: auto;
}

ul#socialmedia li {
    display: inline-block;
    margin: auto;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

ul#socialmedia li a {
    text-decoration: none;
}

#bottom {
    position: absolute;
    left: 320px;
    top: 955px;  
}

ul#copyright {
    margin: auto;
}

ul#copyright li {
    display: inline-block;
    margin: auto;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
}

ul#copyright li a {
    text-decoration: none;
    margin: auto;
    color: white;
}

ul#copyright li a:hover {
    color: rgb(190,30,45);
}