*      {box-sizing: border-box; }
body   {background-color: #EAEAEA;
		color: #666666; 
		font-family: Arial, Helvetica, sans-serif; 
}		
header {background-color: #002171; 
		color: #FFFFFF;
		height: 120px;
		text-align: center;
		padding-top: 30px;
		padding-left: 3em;
}
header a { text-decoration: none; }
header a:link { color: #FFFFFF; }
header a:visited { color: #FFFFFF; }
header a:hover { color: #90C7E3; }
h1 	   {margin-top: 0;
		margin-bottom: 0; 
	    font-family: Georgia, "Times New Roman", serif;
		font-size: 3em;
		letter-spacing: 0.25em;
}
nav   { padding: 1.5em;
		font-size: 120%;
		font-weight: bold;
		float: left;
		width: 160px;
}
nav a  { text-decoration: none; 
}
nav a:link { color: #5C7FA3; }
nav a:visited { color: #344873; }
nav a:hover { color: #A52A2A; }
nav ul { list-style-type: none;
		 margin: 0;
		 padding-left: 0;
		 font-size: 1.2em;

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