/* Global styles for the document */
body {
    background: linear-gradient(to bottom, #FFFFFF, #90C7E3)
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
}

/* reset default margins and padding from body and html */
html, body {
	margin: 0;
	padding 0;
}

/* Styles for the header element */
header {
	width: 100%;
	background-repeat: no-repeat;
	height: 72px;
    background: linear-gradient(to bottom, #9370DB, #BA55D3, #EE82EE);
    color: #FFFFFF;
    font-family: Georgia, serif;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

/* Styles for the main element */
main {
	padding-left: 5em;
	padding-right: 5em;
	display: block;
	
}

/* Styles for the nav bar */
nav a {
	padding-left: 1.0em;
	padding-right: 1.0em;
	color: #BA55D3;
}

/* Styles for the h1 element */
h1 {
	padding: 0.6em 2.0em;
	text-align: left;
}

/* Styles for the nav element */
nav {
    font-weight: bold;
    text-align: right;
	 padding: 0.5em 0.5em 0.5em 0;
}

/* Styles for the h2 element */
h2 {
    color: #BA55D3;
    font-family: Georgia, serif;
}

/* Styles for the list element */
ul {
    font-style: italic;
    text-align: left;
	margin-left 100px;
}

/* Styles for the h3 element */
h3 {
    font-family: Georgia, serif;
	color: darkorange;
}

/* Styles for the dt element */
dt {
    color: #BA55D3;
    font-weight: bold;
}

/* Styles for a class named resort */
.resort {
    color: #BA55D3;
    font-size: 1.2em;
}

/* Styles for the footer element */
footer {
    font-size: 0.70em;
    font-style: italic;
    text-align: center;
	padding: 1em;
}

/* Style rule for the wrapper ID */
#wrapper {
	background-color: #FFFFFF;
	min-width: 960px;
	max-width: 2048px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}


/* ehdah and baby image */
#ehdaherapic {
	background-image: url("ehdaherapic.jpg");
	background-size: cover;
	float: left;
	margin-right: 25px;
	margin-left: 25px;
	height: 380px;
	width: 300px;
	padding: 2.0em;
	padding-left: 20px;
}

/* ehdah hike image */
#ehdahhike {
	background-image: url("ehdahhike.jpg");
	background-size: 100% 100%;
	float: right;
	margin-right: 25px;
	margin-left: 25px;
	height: 200px;
	width: 300px;
	padding: 2.0em 2.0em 2.0em 2.0em;

}

/* Remove underline from nav links */
nav a { 
	text-decoration: none; 
}