/* external CSS file */
#main{
	padding: 1px 20px 20px 20px;
    display: block; /* For Internet Explorer */
}
body{
	background-color: #90C7E3;
    background-image: linear-gradient(#FFFFFF, #90C7E3);
    background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper{
	margin-left: auto; margin-right: auto;
	width: 80%
	background-color: white;
    min-width: 960px;
    max-width: 2048px;
    box-shadow: 3px 3px 3px #333333;
}
header{
	background-color: #002171;
	color: #FFFFFF;
	background-image: url('sunset.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 60px;
    text-align: center;
    padding-top: 15px;
}
h1 {
	margin-top: 0;
	font-family: Georgia;
	
}
h2{
	Color: #1976D2;
	font-family: Georgia;
	text-shadow: 1px 1px 1px #CCCCCC;
	
}
h3{
	font-family: Georgia;
	Color: #000033
}
dt{
	Color: #002171;
}
.resort{
	Color: #1976D2;
	font-style: bold;
	
}
nav{
	background-color: #FFFFFF;
    text-align: center;
    padding: 10px;
	font-weight: bold;
	
}
nav a {
	text-decoration: none;
}
ul{
	list-style-image: url('Marker.gif')
}
footer{
	font-size: 75%;
	font-style: italic;
	font-family: Georgia;
	text-align: Center;
	padding: 20px;
}
#homehero {
    height: 300px;
    background: url('coast.jpg') no-repeat;
    background-size: 100% 100%;
}
#yurthero {
    height: 300px;
    background: url('yurt.jpg') no-repeat;
    background-size: 100% 100%;
}
#trailhero {
    height: 300px;
    background: url('trail.jpg') no-repeat;
    background-size: 100% 100%;
}
#contact{
	font-size: 90%;
}