body {font-family: tahoma, arial;
	font-size:14px;
	background-color: #98E587;
    }

img {padding: 10px;
}

h1 {font-family: georgia, helvetica;
	text-align: center;
	color: #F16745;
	}
	
h2 {font-family: georgia, helvetica;
	text-align: center;
	color: #F16745;
	}

h3 {font-family: georgia, helvetica;
	}
	
#imagesdiv {text-align: center
			}

#wrapper {margin: 0 auto;
		width: 1000px;
		height: 1000px;
		}

#header {
	height:150px;
	width:901px;
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
    padding: 10px 40px; 
    border-radius: 0px;
	}

#menu {
	height:606px;
	width:100px;
	background-color: #EEEEEE;
	float:left;
	margin: 0px;
    padding: 10px 10px; 
  	border-right-color:#F16745;   
    border-right-style: dotted;

	}

#body {
	height:606px;
	width:839px;
	background-color: #EEEEEE;
	float:left;
	margin: 0px;
	border: 0px solid #a1a1a1;
    padding: 10px 10px;
    border-radius: 0px;
	}

#footer {
	height: 90px;
	width:950px;
	background-color: #FFFFFF;
	clear: both;
	border: 1px solid #FFFFFF;
    padding: 10px 15px; 
    border-radius: 0px;
    font-size: 12px;
    text-align: center;
	}
		
		
.container{
  margin:15px auto;
  width:500px;
  height:300px;
  overflow:hidden;
  border: 0px solid;
  position:relative;
}

.photo{
  position:absolute;
  animation:round 16s infinite;
  opacity:0;
  
}
@keyframes round{   
  25%{opacity:1;}
  40%{opacity:0;}
} 

img:nth-child(4){animation-delay:0s;}
img:nth-child(3){animation-delay:4s;}
img:nth-child(2){animation-delay:8s;}
img:nth-child(1){animation-delay:12s;}		
		
		
	
div {
	display: block;
	}