body 
{background-color: #3399CC; background-image: linear-gradient(to bottom, #3399CC, #C2E0F0, #3399CC);
color: #666666; font-family: Arial, Verdana, 
sans-serif}

#wrapper {background-color: #000033; min-width: 700px; max-width: 1024px;
box-shadow: 5px 10px 5px #000033; margin-left: auto; margin-right: auto; width: 80%}

h1 {background-image: url(sunset.jpg); background-repeat: no-repeat; background-position: right; 
padding-left:2em; height: 72px; background-color: #000033; color: #FFFFFF; 
font-family: Georgia, serif; line-height:200%; margin-bottom:0}

* {box-sizing: border-box; }

nav {float: left; width: 160px; padding: 0;padding-top: .5em; padding-right: .5em; padding-bottom: .5em; padding-left: 2em; font-weight: bold;}

nav a:link{color: #FFFFFF;}
nav a:visited{color: #C2E0F0;}
nav a:hover{color: #CCCCCC;}

nav ul {list-style-type: none; padding-left:1em;}

nav a {text-decoration: none;}

h2 {color:#3399CC; font-family: Georgia, serif}

h3 {color:#000033}

main {background-color: #FFFFFF; margin-left: 170px; padding-top: 1px; padding-bottom: 1px;padding-left:2em; padding-right:2em; display: block; color:#3399CC; font-family: Georgia, serif}

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

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

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

dt {color: #000033; font-weight: bold}

.resort {color: #000033; font-size: 1.2em}

header, nav, main, footer {display: block; }

footer {margin-left: 170px; background-color: #FFFFFF; padding: 1em; font-size:.70em; font-style: italic; text-align: center}