body{
	background-color:#EAEAEA;
	color:#666666;
	font-family:Arial, "Helvetica", sans-serif;
	
	
}
*{
	box-sizing:border-box;
}

header{
	background:#002171;
	color:#FFFFFF;
	height: 120px;
	text-align:center;
	padding-top:30px;
	padding-left:3em;	
}
header a:link {color: #FFFFFF;}
header a:visited {color: #FFFFFF;}
header a:hover {color:#90C7E3;}
a{
	text-decoration:none;
		
}
main{
	background-color:#FFFFFF;
	margin-left:190px;
	padding-top:1px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:30px;
	display:block;
	overflow:auto;
}
section{
	float:left;
	width:30%;
	padding-left:2em;
	padding-right:2em;
	
}
img{
	width:100%;
	
}
p{
	width:100%;
}
nav{
	font-weight:bold;
	padding:1.5em;
	font-size:120%;
	float:left;
	width:160px;
}
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;
	
}
:link{
	color:#5C7FA3;
}
:visited{
	color:#344873;
}
:hover{
	color:#A52A2A;
}
nav a{
	text-transform: none;
}
h1 {background:#002171;
color:#FFFFFF;
margin-bottom: 0;
font-size: 3em; 
letter-spacing: 0.25em;
font-family: Georgia, "Times New Roman", serif font; 
margin-top: 0px ;
}

h2{
	color:#3399CC;
	font-family:Georgia, "Times New Roman", serif;
	text-shadow:1px, #CCCCCC;
}
h3{
	font-family:Georgia, "Times New Roman", serif;
	color: #000033;
}
main ul{
	list-style-image:
	url("images/marker.gif");
}
footer{
	background-color:#FFFFFF;
	margin-left:190px;
	font-size:75%;
	font-style:italic;
	text-align:center;
	font-family: Georgia, "Times New Roman", serif;
	padding:2em;
}
dt{
	color:#000033;
}
.resort{
	font-weight:bold;
	color:#5C7FA3;
}
#content{
	font-size:90%;
}
#wrapper{
	border:1px solid #000033;
	margin-right:auto;
	margin-left:auto;
	width: 80%;
	background-color:#90C7E3;
	min-width: 960px;
	max-width: 2048px;
	box-shadow: 3px #333333;
	background-image: linear-gradient(#FFFFFF,#90C7E3);
	
}
#homehero {height:300px;background-image: url(images/coast2.jpg); background-size: 100% 100% ; background-repeat: no-repeat; margin-left:190px; }
#yurthero {height:300px;background-image: url(images/yurt.jpg); background-size: 100% 100% ; background-repeat: no-repeat; margin-left:190px; }
#trailhero {height:300px; background-image: url(images/trail.jpg); background-size: 100% 100% ; background-repeat: no-repeat; margin-left:190px; }