body  { background-color: #EAEAEA; color: #666666; 
            font-family: Arial, Helvetica,sans-serif;  }            
h1      { background-color: #002171; color: #FFFFFF; margin-bottom: 0;             line-height: 120px ; text-align: center;
font-size: 3em;
letter-spacing: 0.25em;
padding-top: 30px;
padding-left: 3em;
margin-top: 0; }
h1 a   {text-decoration: none;
            color: #FFFFFF; }
h1 a:link { color: #FFFFFF; }
h1 a:visited { color: #FFFFFF; }
h1 a:hover { color: #90C7E3; }   
          
            
nav    {  font-weight: bold; 
             font-size: 120%;
             float: left; 
             width: 160px;   
             background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
             padding: 1.5em; 
             }
nav ul { list-style-type: none; margin: 0; padding: 0; }          
nav a { text-decoration: none; }

nav a:link { color: #5C7FA3; }
nav a:visited { color: #344873; }
nav a:hover { color: #A52A2A; }  

main  { background-color: #FFFFFF;
            margin-left: 190px;
            overflow: auto;
            padding-top: 1px;
            padding-bottom: 20px;
            padding-left: 30px;
            padding-right: 20px;
            display: block; } 
h2      {  color: #1976D2; 
             font-family: Georgia,TimesNewRoman,serif;
             text-shadow: 1px 1px 1px #CCCCCC; }
h3      { font-family: Georgia,TimesNewRoman,serif; color: #000033; }
dt       {  color: #002171;
              float: left;
              width: 33%;
              padding-left: 2em;
              padding-right: 2em    }
      ul    { list-style-image: url(marker.gif);  
             margin: 0;
            padding-left: 0;
            font-size: 1.2em;  }
footer { background-color: #FFFFFF;
            margin-left: 190px; 
            font-size: 75%; font-style: italic; text-align: center; 
            font-family: Georgia,NewTimesRoman,serif; 
            padding: 2em; }
 * { box-sizing: border-box; }              
.resort  {  color: #1976D2; font-weight: bold; }
.contact { font-size: 90%; }
#wrapper { background-color: #90C7E3;
                   border: solid 1px; color: #000033; 
                  margin-left: auto;
                  margin-right: auto;
				  width: 80%;
                  min-width: 960px;
				  max-width: 2048px;
				  box-shadow: 3px 3px 3px #333333; }	
#homehero { background-image: url(coast2.jpg);
                      background-repeat: no-repeat;
                      margin-left: 190px;
                      height: 300px;
                      background-size: 100% 100%; }	
 #yurthero { background-image: url(yurt.jpg);
                      background-repeat: no-repeat;
                      margin-left: 190px;
                      height: 300px;
                      background-size: 100% 100%; }
 #trailhero { background-image: url(trail.jpg);
                      background-repeat: no-repeat;
                      margin-left: 190px;
                      height: 300px;
                      background-size: 100% 100%; }