* {
  margin: 0;
  padding: 0;
}

body { 
  background: #ccc;
}

p {font: 12px/26px Helvetica, Verdana, sans-serif; text-align:center; color:#999; }

/*HEADER*/
.header {
  height: 50px;
  background: #222;
  color: #999;
  text-align: center;
  font: 15px/25px Helvetica, Verdana, sans-serif; 
}

.header-inner {width:1170px; margin:auto; color:#000000;}
.header-inner a {color: #fff;}

.header h1 {font: 18px/28px Helvetica, Verdana, sans-serif; text-align:left; padding-top:15px; color: #fff;}

.header a {
  color: #fff; text-decoration:none; display:block; padding:10px 10px 8px 20px;
}

.header a:hover {
  background-color: #0078ae; text-decoration:none; display:block; padding:10px 10px 8px 20px;
}




/*CONTAINER*/
.container {
  position: relative;
  overflow: hidden;
  margin: 20px auto;
  width: 1170px;
  height: 840px;
  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
  box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

.container img {
  position: absolute;
  top: -780px;
  left: 1170;
  z-index: -60;
}

.container li img {
  position: absolute;
  top: -700px;
  left: 1170px;
  z-index: -50;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
  opacity: 1;
}

/*NAV*/
.nav {
	position: relative;
	top:700px;
	margin-left:0px;
	width: 1170px;
	height: 65px;
	background: #fff;
	padding-bottom:20px;
}

.nav h1 {
  padding: 10px 20px 0px 20px;
  color: #666;
  text-align: left;
  font: 15px Georgia, Times, serif;
}

.nav h2 {
  padding: 15px 20px 0px 20px;
  color: #666;
  text-align: left;
  font: 13px Georgia, Times, serif;
}

.nava {
	position: relative;
	top:700px;
	margin-left:0px;
	width: 1170px;
	height: 65px;
	background: #fff;
	padding-bottom:20px;
}

.nava h1 {
  padding: 10px 20px 0px 20px;
  color: #666;
  text-align: left;
  font: 15px Georgia, Times, serif;
}

.nava h2 {
  padding: 15px 20px 0px 20px;
  color: #666;
  text-align: left;
  font: 13px Georgia, Times, serif;
}

/*UL*/
ul {
  width: 1170px;
  /*height: 500px;*/
  list-style: none;
}



li:nth-child(1) {
  padding-top: 10px;
}

li a:hover {
  background: #eee;
}

li a:hover + img {
  left: 0px;
}