* { box-sizing: border-box; }

body { background-color: #EAEAEA;
       color: #666666;
       font-family: Arial, Helvetica, sans-serif;
}

header { background-color: #002171;
         color: #FFFFFF;
         background-position: right;
         background-repeat: no-repeat;
         height: 120px;
         text-align: center;
         padding-top: 30px;
         padding-left: 3em;
}

header a:link{ text-decoration: none;
               color: #FFFFFF;
}

header a:visited{ text-decoration: none;
               color: #FFFFFF;
}

header a:hover{ text-decoration: none;
               color: #90C7E3;
}

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

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

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

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

nav a { text-decoration: none;
}

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

nav a:visited{ color: #344873}

nav a:hover{ color: #A52A2A }

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

}

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

h1 { margin-bottom: 0%;
     font-family: Georgia, 'Times New Roman', Times, serif; 
     margin-top: 0%;
     font-size: 3em;
     letter-spacing: 0.25em; 
}

dt { color: #002171;}
 

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

.contact { font-size: 90%;}

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

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

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

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

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

footer{ font-size: 75%;
        font-style: italic;
        font-family: Georgia, 'Times New Roman', Times, serif;
        text-align: center;
        padding: 2em;
        margin-left: 190px;
        background-color: #FFFFFF;
}