body {background-color: #90C7E3;
color: #555555;
font-family: "Arial", "Helvetica", sans-serif;
background-image: linear-gradient(#FFFFFF, #90C7E3);
background-repeat: no-repeat;
}

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

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

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

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


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;
}

nav {background-color: #FFFFFF;
font-weight: bold;
padding: 1em;
margin-left: auto; margin-right: auto;
text-align: center;

}

nav a {
text-decoration: none;
}

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

dt {color: #002171;}

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

.contact {
font-size: 90%;
}



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

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

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

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