body {
	background: #424242;
	color: #a8a8a8;
}

#container {
	display: block;
	margin-left: auto;
	margin-right: auto;	
	width: 1000px;
}

#headline {
	font-family: verdana;
	text-align: center;
	font-size: 80px;
	color: #428bca;
	width: 1000px;
	height: 100px;
}

#headline a {
	font-family: verdana;
	text-align: center;
	font-size: 80px;
	color: #428bca;
}


.css-slideshow{
  position: relative;
  max-width: 538px;
  height: 300px;
  margin: 10px auto 50px auto;
  text-align:center; 
}

.css-slideshow figure{
  margin: 0 auto;
  max-width: 530px;
  height: 300px;
  position: absolute;
}

.css-slideshow img{
  box-shadow: 0 0 2px #666;
  margin: 0px auto;
}

.css-slideshow figure{
  opacity:0;

}

figure:nth-child(1) {
  animation: xfade 36s 30s infinite;
}
figure:nth-child(2) {
  animation: xfade 36s 24s infinite;
}
figure:nth-child(3) {
  animation: xfade 36s 18s infinite;
}
figure:nth-child(4) {
  animation: xfade 36s 12s infinite;
}
figure:nth-child(5) {
  animation: xfade 36s 6s infinite;
}
figure:nth-child(6) {
  animation: xfade 36s 0s infinite;
}

@keyframes xfade{
  0%{
    opacity: 1;
  }
  10.5% {
    opacity: 1;
  }
  12.5%{
    opacity: 0;
  }
  98% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.nav {
	width: 775px; 
	height: 80px;
	display: block;
	margin: 0px auto;

}

.nav li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
}

.nav a {
	text-decoration: none;
	letter-spacing: 1px;
	color: #d97800;
}

.nav a:hover {
	color: white;
}

.btn {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 2px 2px 5px #7a582f;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Verdana;
  color: #d97800;
  font-size: 20px;
  background: #202020;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #428bca;
  background-image: -webkit-linear-gradient(top, #428bca, #3498db);
  background-image: -moz-linear-gradient(top, #428bca, #3498db);
  background-image: -ms-linear-gradient(top, #428bca, #3498db);
  background-image: -o-linear-gradient(top, #428bca, #3498db);
  background-image: linear-gradient(to bottom, #428bca, #3498db);
  text-decoration: none;
}

#textblock {
	width: 800px;
	margin: 0 auto;
}

#textblock h3 {
	color: #d97800;
}

#textblock a {
	color: #428bca;
}

#footer {
	bottom: 0px;
	margin-bottom: 5px;
	margin-left: 210px;
	margin-right: auto;
	position: fixed;
	clear: both;
	font-family: Verdana;
	font-size: 12px;
}
