body   
        {
             background-color: #90C7E3; color: #555555;
             font-family: Arial, Helvetica, sans-serif;
             background-image: linear-gradient(to bottom, white, #90C7E3);
           
        }



header
        {
            background-color: #002171;  color: #ffffff;
            background-image: url(sunset.jpg);
            background-position: right;
            background-repeat: no-repeat;
            height: 60px;
            text-align: center;
            padding-top: 15px;
           
        }                    


nav
        {
               
                background-color: white;
                text-align: center;
                padding: 1em;
                font-style: bold;
                text-decoration: none;
        }

main
        {
                padding: 1px 20px 20px 20px;
                display: block;

        }        


h1
        {
                margin-bottom: 0cm;
                margin-top: 0%;
                font-family: Georgia, 'Times New Roman', Times, serif;

        }                    
                    
h2       
        {
                color: #1976d2;
                font-family: Georgia, 'Times New Roman', Times, serif;
                text-shadow: 1px 1px 5px #cccccc;
        }
          
h3
        {
                font-family: Georgia, 'Times New Roman', Times, serif;
                color: #000033;
        }        
dt
        {
                color: #002171;
        }
                    

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

        }
        
ul
        {
                list-style-image: url(marker.gif);
        } 
         
#contact
        {
                font-size: 75%;
        }         

footer
        {
                font-size: 75%;
                font-style: italic;
                text-align: center;
                font-family: Georgia, 'Times New Roman', Times, serif;
                padding: 2em;
        }      
         
#wrapper
        {
                width: 80%;
                margin-left: auto;
                margin-right: auto;
                background-color: white;
                min-width: 960px;
                max-width: 2048px;
                box-shadow: 3px 3px 40px #333333;

        }         

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


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