* {
  padding: 0;
  margin: 0
}


img.SL
    {  
    position: center center;
    height: 90%;
    left: 0px;
    top: 0px;
    z-index: 1000;
    }

img.logo
    {
    position:absolute;
    right:25px;  
    bottom:70px;
    z-index: 2000;
    }

img.PGWater
    {
        position:absolute;
        right:0px;
        top:0px;
        opacity:0.5;
        z-index:-1;
    }

img.ilogo
    {
    position:absolute;
    opacity:0.1;
    right:150px;
    top:50px;
    z-index:-1;
    }

img.title
    {
    position:absolute;
    opacity:0.9;
    left:330px;
    top:30px;
    z-index:-1;   
    }

img.feature
    {
    position:absolute;
    opacity:0.1;
    left:50px;
    top:250px;
    z-index:-1;
    }

p.margin {
    margin-left: 40px;
    margin-right: 40px;
}

div.title {
    position: relative;
    top: 120px;
    left: 50px;
    max-width: 600px;
}

div.body1 {
    position: relative;
    top: 150px; 
    margin-left: 50px;
    margin-right: 50px;
}

div.body2 {
    position: relative;
    top: 150px;
    margin-left: 40px;
    margin-right: 40px;
}

div.SL2
    {
    background-size: cover;
    background-position: center center;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1000;
    }

div.closed {
    position:absolute;
    right:30px;
    bottom:20px;
    z-index: 2000;
    font-size: 20px;
    color: white;
}

h1 { position:absolute; top:50px; width:100%; text-align:center; color:#fff; z-index:999;}

body {
      background-color: #151515;
 }



.crossfade > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

.crossfade > figure:nth-child(1) { 
   background-image: url('https://shamboliclabs.com/images/QuiverPreamp.jpg'); 
}

.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('https://museum.hotwheelsonline.com/images/Home2.jpg');
}

.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('https://museum.hotwheelsonline.com/images/Home3.jpg');
}

.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('https://museum.hotwheelsonline.com/images/Home4.jpg');
}

.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('https://museum.hotwheelsonline.com/images/Home5.jpg');
}


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


#wrap   {
                width: 100%;
                height: 1px; 
                margin: 0; 
                z-index: 1000;
                position: relative;
                overflow: visible;
                background-color: #366b82;
          opacity:0.9;
                }

        .navbar         {
                                height: 50px;
                                padding: 0;
                                margin: 0;
                                position: absolute;
                                z-index: 99;
                                border-right: 1px solid #54879d;
                                }

                .navbar li      {
                                        height: auto;
                                        width: 120px; 
                                        float: left; 
                                        text-align: center; 
                                        list-style: none; 
                                        font: normal bold 12px/1.2em Arial, Verdana, Helvetica;  
                                        padding: 0;
                                        margin: 0;
                                        background-color: #366b82;
                                        }

                        .navbar a       {
                                                height: 40px;
                                                padding: 10px 0; 
                                                border-left: 1px solid #54879d;
                                                border-right: 1px solid #1f5065;
                                                text-decoration: none;
                                                color: white;
                                                display: block;
                                                }

                                .navbar li:hover, a:hover       {background-color: #54879d;}

                                .navbar li ul   {
                                                                display: none;
                                                                height: auto;
                                                                margin: 0;
                                                                padding: 0;
                                                                }

                                .navbar li:hover ul {
                                                                        display: block;
                                                                        }

                                .navbar li ul li        {background-color: #54879d;}

                                .navbar li ul li a      {
                                                                        border-left: 1px solid #1f5065; 
                                                                        border-right: 1px solid #1f5065; 
                                                                        border-top: 1px solid #74a3b7; 
                                                                        border-bottom: 1px solid #1f5065; 
                                                                        }

                                .navbar li ul li a:hover        {background-color: #366b82;}