* {
  padding: 0;
  margin: 0
}

img.logo
    {
    position:absolute;
    right:25px;  
    bottom:20px;
    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.closed {
    position: relative;
    top: 120px;
    margin-left: 40px;
    margin-right: 40px;
    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://hotwheelsmuseum.com/images/Home1.jpg'); 
}

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

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

.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('https://hotwheelsmuseum.com/images/MF1.JPG');
}

.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('https://hotwheelsmuseum.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;}