body {
    background-color: #EAEAEA;
    color: #666666;
	font-family: Arial;
	box-sizing: border-box;
}

header {
	background-color: #002171;
	color: #FFFFFF;
	
	height: 80px;
	text-align: center;
	padding-top: 30px;
	padding-left: 3em;
}

header a{
	text-decoration: none;
}

header a:link, a:visited{
	color: #FFFFFF;
}

header a:hover{
	color: #90C7E3;
}

main{
	background-color: #FFFFFF;
	margin-left: 190px;
	padding-left: 30px;
	overflow: auto;
	padding-top: 1px;
	padding: 20px;
	display: block;
}

nav {
	font-weight: bold;
	padding: 1.5em;
	width: 100px;
	float: left;
	font-size: 120%;
}

nav a {
	text-decoration: none;
}

nav ul {
	text-decoration: none;
	margin: 0;
	padding-left: 0;
	font-size: 1.2em;
}

nav a:link{
	color: #5C7FA3;
}

nav a:visited{
	color: #344873;
}

nav a:hover{
	color: #A52A2A;
}

h1, h2, h3, footer {
	font-family: serif;
}

h1 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 3em;
  letter-spacing: .25em;
}

h2 {
  color: #1976D2;
  text-shadow: 1px 1px #CCCCCC;
  
}

h3{
  color: #002171
}

main ul {
	list-style-image: url(pics/marker.gif);
}

dt {
   color: #002171;
}

footer {
	margin-left: 190px;
	background-color: #FFFFFF;
	font-size: 75%;
	text-align: center;
	font-style: italic;
	padding: 2em;
}

section{
	float: left;
	width: 20%;
	padding-left: 2em;
	padding-right: 2em;
}

.resort {
  color: #1976D2;
	font-weight: bold;
}

#contact {
	font-style: 90%;
}

#wrapper {
	 background-color: #90C7E3;
     padding: 2em;
     margin-left: auto; margin-right: auto;
     width: 80%;
     min-width: 960px;
	 max-width: 2048px;
	 
	 border: 1px solid #000033;
	 
	background-color: #90C7E3;
	background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
	background-repeat: no-repeat;
}

#homehero {
	margin-left: 190px;
	height: 300px;
	background-image: url(pics/coast2.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

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

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