/*Overall page styling*/
* {
	box-sizing: border-box;
}

/*This is for formatting styles for body, header, h1, nav, dt, resort id, and the footer*/
body {
		background-color: #EAEAEA;
		color: #666666;
		font-family: verdana,arial,sans-serif;
		margin: 0;
		padding: 0;
		}	
/*wrapper for setting page margins*/
#wrapper {
		background-image: linear-gradient(#FFFFFF,#90C7E3);
		background-color: #FFFFFF;
		margin: 20px auto;
		width: 80%;
		min-width:	960px;
		max-width: 2048px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
		padding: 20px;
		}
/*Header inside white box*/
header {
		background-color: #002171;
		color: #FFFFFF;
		font-family: georgia,serif; 
		height: 120px;
		width: 100%;
		text-decoration: none;
		}
		
header a:link {
	text-decoration: none;
	color: #FFFFFF;
}

header a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

header a:hover {
	text-decoration: none;
	color: #90C7E3;
}

/*Centered navigation inside white box*/
nav {
		float: left;
		width: 160px;
		font-size: 1.2em;
		font-weight: bold;
		padding: 0em;
		text-decoration: none;
		position: fixed;
		}	
		
/*unvisited link*/
nav a:link {
		color: #5C7FA3;
	}
	
/*visited link*/
nav a:visited {
		color: #344873;
	}
	
/*hover*/
nav a:hover {
		color: #A52A2A;
	}

/*menu unordered list styling*/
nav ul {
	list-style-type: none;
	text-decoration: none;
	padding-left: 1em;
}
/*Content styling in white box*/
h1 { 	
		text-align: center;
		padding-top: 0.5em;
		font-size: 3em;
		letter-spacing: 0.25em;
		}
		
h2 {
		color: #1976D2;
		font-family: georgia,serif;
		text-align: left;
		}
		
h3 {
		font-family: georgia,serif;	
		}
		
main {
		background-color: #FFFFFF;
		overflow: auto;
		margin-left: 170px;
		padding-left: 2em;
		padding-right: 2em;
		display: block;
		text-align: left;
		}

section {
		float: left;
		width: 33%;
		padding-left: 2em;
		padding-right: 2em;
}
		
dt {
		color: #002171;
		font: bold;
		}
/* resort references class in footer for specifying font size of company name in footer*/
.resort {
		color: #1976D2;
		font-size: 1.2em;
		}
/*Footer inside white box*/
footer {
		background-color: #FFFFFF;
		margin-left: 170px;
		font-size: 0.7em;
		font-style: italic;
		text-align: center;
		padding: 0.6em;
		}
		
/*Hero sections*/
#homehero {
		height: 300px;
		background: url("coast.jpg");
		margin-left: 170px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		}

#yurthero {
		height: 300px;
		background: url("yurt.jpg");
		margin-left: 170px;		
		background-size: 100% 100%;
		background-repeat: no-repeat;
		}
#trailhero {
		height: 300px;
		background: url("trail.jpg");
		margin-left: 170px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		}
	/* This styles page will be used for the home page Pacific Trails Resort website for formatting and design */