body{

    background-color:#90C7E3;
    background: linear-gradient( #FFFFFF, #90C7E3);
    background-repeat: no-repeat;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;

}

header{

       background-color: #002171;
       color: #FFFFFF;
       background-image:url(sunset.jpg);
         background-repeat: no-repeat;
         background-position: right;
         /*line-height: 400%;*/
         /*text-indent: 1em ;*/
       text-align:center;
       height: 60px;
       padding-top:15px;
}

nav{

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

}

nav a {
      text-decoration: none;
}

h1{
    margin-bottom: 0px;
    font-family: Georgia, Times New Roman, serif;
    margin-top: 0px;
}

h2{

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


}

dl{
 padding-left: 20px;
}

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


dt{

    color: #002171;
}

.resort{

       color:#1976D2;
       font-weight: bold;
}

ul{

       list-style-image:url(marker.gif);
}

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

#wrapper{

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

 main{

 padding-top:1px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 display:block;
}

#homehero{

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

}

#yurthero{

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

}

#trailhero{

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