body 
{
background-color:#eaeaea;
color:#666666;
font-family:arial,Verdana, sans-serif;
/*background-image: linear-gradient(to bottom, #3399CC, #C2E0F0, #3399CC)*/
}

header{
background-color:#000033;
color:#ffffff;
font-family:georgia,"Times New Roman",Times,serif;
  /*background-image: url("../images/sunset.jpg");*/
  height:120px;
  
}
header a {text-decoration: none;
}
header a:link{color:#ffffff;}
header a:visited{color: #ffffff;}
header a:hover{color:#90c7e3;}

  
#wrapper
{
margin-left: auto;
margin-right: auto;
width: 80%;
background-color:#ffffff;
min-width:960px;
max-width:2048px;
box-shadow:3px 3px 3px #777;
  background-image: linear-gradient(to bottom, #3399CC, #C2E0F0, #3399CC)
}

        
h1
{
 color: #ffffff; 
 margin-bottom: 0; 
 background-color: #000033;
 /*background-image: url("../images/sunset.jpg");
  opacity: 0.8; 
 line-height : 200%;*/
  margin-bottom:0%; 
  background-repeat:no-repeat;
  background-position:right;
  padding-left:20px;
  /*height:120px;*/
  font-size:3em;
  letter-spacing:0.25em;
  padding-top: 0.5em;
  text-align: center;
}

nav 
{
  font-weight:bold;
  /*padding-top:20px;
  padding-right:5px;
  padding-left:20px;*/
  text-decoration:none;
  float:left;
  width:160px;
  padding:0;
  font-size:1.2em;
  position:fixed;
  
}

nav a
{
  text-decoration:none;
}
nav a:link{color:#5c7fa3;}
nav a:visited{color:#344873;}
nav a:hover{color:#a52a2a;}
nav ul{list-style-type:none;
       margin:0;
       padding-left:0;}

nav ul
{list-style-type:none;
padding-left:1em;
}

main
{
  padding-left:2em;
  padding-right:2em;
  background-color:#ffffff;
  margin-left:170px;
  padding-top:1px;
  padding-bottom:1px;
  overflow:auto;
  display: block;
}

main img
{
  float:left;
  padding-right:30px;
  padding-bottom:20px;
}
main ul
{
  list-style-position:inside;
}

.clear{overflow:auto;}

#homehero
{
height:300px;
background-image:url("../images/coast.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
  margin-left:170px;
}

#trailhero
{
height:300px;
background-color: #ffffff;
background-image: url("../images/trail.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
  margin-left:170px;
}

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

h2 
{
color:#3399cc;
font-family:Georgia, 'Times New Roman', Times, serif;
}

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

dt 
{ 
color:#000033;
font-weight:bold;
}

.resort
{
color:#000033;
font-size: 1.2em;
} 

footer 
{
font-size:.70em;
font-style:italic;
text-align:center;
padding:1em;
  background-color:#ffffff;
  margin-left:170px;
}
header,nav,main,footer{display:block;}

*{box-sizing:border-box;
}

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