*{
    box-sizing:border-box;
 }
body {
         background-color:#eaeaea;
         color:#555555;
         font-family:arial, helvetica, sans-serif;
     }

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

header a {
          text-decoration: none;
        }
header a:link {color:#ffffff;}
header a:visited {color: #ffffff;}
header a:hover {color: #90c7e3;}

nav {
     margin: 0;
     
     float: left;
     width: 160px;
     
}

nav ul {
     text-decoration: none;
     list-style-type: none;
     padding:1.5em;
     font-size: 120%;
     font-weight:bold;
     
    }

nav a {
       text-decoration:none;
      }
nav a:link {color: #5c7fa3;}
nav a:visited {color: #344873;}
nav a:hover {color: #a52a2a;}
h1 {
    margin-bottom:0;
    font-family:georgia, times new roman, serif;
    font-size: 3em;
    letter-spacing: .25em;
    margin-top:0;
   }

h2 {
    color:#1976d2; 
    font-family:georgia, times new roman, serif;
    text-shadow:1px 1px #cccccc;
   }

h3 {
    font-family:georgia, times new roman, serif;
    color:#000033;
   }

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

dt {color:#002171;}

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

#contact {
          font-size:90%;
         }

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


main span {
            color:#1976d2;
            font-weight:bold;
          }

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

footer {
        font-family:georgia, times new roman, serif;
        font-size:75%;
        font-style:italic;
        text-align:center;
        padding:2em;
        margin-left: 190px;
        background-color: #ffffff;
        }

footer p {margin-bottom:0;}

#wrapper {
          width:80%;
          min-width:960px;
          max-width:2048px;
          margin-right:auto;
          margin-left:auto;
          background-color:#90c7e3;
          border: 1px solid #000033;
          box-shadow:3px 3px #333333;
          background-image:linear-gradient(#ffffff, #90c7e3);
          }
          
#homehero {
           height:300px;
           background-image:url(images/coast2.jpg);
           background-repeat:no-repeat;
           background-size:100% 100%;
           margin-left: 190px;
           }

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

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