/* for 980px or less */
header {
  position: relative;
}
body {
	background-color:#111111;
}
a {
	color: #f59301;
}
p {

	margin:10px auto;
  width: 80%;
}

p.centered {text-align:center;}

h1,h2,h3,h4
{
  margin-top:0.25em;
	text-align:center;
}
#content {
	width: 60%;
	margin:-3px auto;
  border: solid 3px #AE0001;
  max-width: 600px;
  margin-top: 20px;
}
#footer {
  border: solid 3px #AE0001;
	background:#000 url("../artwork/monkey.jpg") no-repeat center 4px;
	clear: both;
	margin: -3px auto -42px;
	height:76px;
	width: 50%;
}

@media screen and (max-width: 700px) {
#content {width:100% !important;}	
}

section {
	margin-bottom:90px;
	overflow:hidden;

}


.tetons {
	width:100%;
	background:url('../img/teton-sky.png') no-repeat 0 0 transparent;
	position:relative;
	height:400px;
}

.badlands {
	width:100%;
	background:url('../img/bd-0.png') no-repeat 0 0 transparent;
	position:relative;
	height:770px;
}
.atmos {
	width:100%;
	background:url('../img/atmos-0.png') no-repeat 0 0 transparent;
	position:relative;
	height:752px;
	overflow:hidden;
}
.asian-land {
	width:100%;
	background:url('../img/asian-land-0.png') no-repeat 0 0 transparent;
	position:relative;
	height:1135px;
	overflow:hidden;
}
.zion {
	width:100%;
	background:url('../img/zion-0.png') no-repeat 0 0 transparent;
	position:relative;
	height:760px;
	overflow:hidden;
}
.b-rock{
	width:100%;
	background:url('../img/b-rock-0.png') no-repeat 0 0 transparent;
	position:relative;
	height:477px;
	overflow:hidden;
}
.tree{
	width:100%;
	background:url('../img/tree-0.png') no-repeat 0 0 transparent;
	position:relative;
	height:445px;
	overflow:hidden;
}