body {
	background-color:#90C7E3;
	background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
	color:#666666;
	font-family:Arial, Helvetica, sans-serif; 
}

#wrapper {
	margin-left: auto;
	margin-right: auto; 
	width:80%; 
	min-width:960px;
	max-width: 2048px;
	background-color: #FFFFFF; 
	box-shadow: 3px 3px 3px #333333;
}
	


header {
	background-color: #002171;
	background-image: url(sunset.jpg);
	background-repeat: no-repeat;
	background-position: right;
	
	height: 60px;
	padding-top: 15px;
	
	color: #FFFFFF;
	text-align: center;
	
   
}



h1 {
  margin-bottom: 0;
  margin-top: 0; 
  background-color:#002171;color:#FFFFFF;
  font-family:Georgia, Times New Roman, serif;
 
}


nav {
  background-color:#FFFFFF;
  font-weight: bold; 
  text-align: center;
  padding: 1em;
}

nav a {
  text-decoration: none;
}


main {
	padding: 1px 20px 20px 20px;
	display: block; 
}


h2 {
  color:#1976D2;
  font-family:Georgia, Times New Roman, serif;
  text-shadow: 1px 1px 1px #CCCCCC;

}



h3 {
  font-family:Georgia, Times New Roman, serif;
 color:#000033;

}

dt {
  color:#002171

}
footer { 
  padding: 2%; 
  text-align: center;
  font-style: italic;
  font-size: 75%; 
  font-family: Georgia, Times New Roman, serif; 

}

.resort {color:#1976D2; 
 font-weight: bold;}
#contact {
  font-size: 90%;

}


#homehero { 
  height:300px;
  background-image: url(coast.jpg);
  background-size: 100% 100%; 
  background-repeat: no-repeat; 
}  

#yurthero { 
  height:300px;
  background-image: url(yurt.jpg);
  background-size: 100% 100%; 
  background-repeat: no-repeat; 
}

#trailhero { 
  height:300px;
  background-image: url(trail.jpg);
  background-size: 100% 100%; 
  background-repeat: no-repeat; 
}