<style>
html{ height: 100%}

body{	color: #666666; 
		font-family: Verdana, Arial, "Sans Serif";
		background-color: #90C7E3;	
		background-repeat: no-repeat;
		background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
		}


header{	background-color:#002171;
		background-image: url(sunset.jpg);
		background-repeat: no-repeat;
		background-position: right;
		height: 72px;
		color: #FFFFFF; 
		font-family: Georgia, Serif;}

h1{ 	text-align: center;
		padding: .5em;}
		

nav{	font-weight: bold;
		text-align: center; 
		padding-top: .5em;
		padding-right: .5em;
		padding-bottom: .5em;		}
		
nav a { text-decoration: none; }

main{ 	padding: 0em 2em 2em;
}

h2{ 	color: #1976D2; 
		font-family: Georgia, Serif; }
		
h3{		font-family: Georgia, Serif; }

dt{ 	color: #002171; 
		font-weight: bold; }

.resort {	color: #1976D2; 
			font-size: 1.2em; }

footer{ 	font-size:.70em; 
			font-style: italic; 
			text-align: center;
			padding: 1em;	}

#wrapper {	background-color: #FFFFFF;
			margin-left:auto; 
			margin-right:auto;
			min-width:960px;
			max-width:2048px;
			width:80%;
			box-shadow: 1px 1px 5px 2px #000000; 
			}
			
#homehero {	height: 300px;
			background-image: url(coast.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;}
			
#yurthero {	height: 300px;
			background-image: url(yurt.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;}
			
#trailhero {height: 300px;
			background-image: url(trail.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;}
			

</style>