body {
   background-color:#EAEAEA;
   color:#666666;
   font-family: Arial, Helvetica, sans-serif;
}
 
#wrapper { 
   margine-left: auto; margine-right:auto;
   width: 80%
   min-width:960px;
   max-width:2048px;
   background-image:linear gradient(to bottom,#ffffff,#90c7e3);
   background-color: #90c7e3;
   border:1px: solid # 000033;
   box-shadow:3px 3px 3px #333333;
}

header {
   background-color: #002171;
   height:120px;
   padding-top: 30px;
   Padding-left :3em;
   color:#ffffff;
   text-align:center;  
}
 
header a{
   text-decoration: none;
   color:white;
}
header a:link{
    color: white;
}
header a:visited{
    color: white;
}

header a:hover{
    color: #90c7e3;
}

h1 {
   margin-bottom: 0;
   margine-top: 0;
   font-family: Georgia, "Times New Roman", serif;
   Font size: 3em;
   letter-spacing: 0.25em;
}


nav {
   float: left;
   Width:160px;
   Padding: 1.5em;
   font-weight:bold;
   font-size: 120%;
   
}

nav a {
    text-decoration: none;
    padding-left: .5em;
    padding-right: .5em;
}
nav ul{
  list-style-type:none;
  margine:0;
  padding-left:0;
  font-size: 1.2em;
  
}
nav a:link{
   color:#5c7fa3
}

nav a:visited{
   color: #344873;
}
nav a:hover{
   color: #A52A2a;
}
main {
    margin-left: 190px;
    Padding: 1px 20px 20px 30px;
    display: block;
    overflow: auto;
    background-color: #FFFFFF;
}

main ul{
  list-style-image: url(marker.gif);
}

section {
    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 1px #cccccc;
   
}

h3 {
   font-family:Georgia, "Times New Roman", serif;
   color:#000033;
}

dt {
   color: #002171;
}

footer {
   margin-left:190px;
   Padding: 2em;
   background-color: white;
   font-family: Georgia, "Times New Roman", serif;
   font-size:75%;
   font-style: italic;
   text-align: center;
}

.resort {
    color: #1976d2;
    font-weight:bold;
}

 #contact{
    font-size:90%;
}
 #homehero{ 
     margin-left:190px;
     height: 300px;
     background-image:url( coast.jpg);
     Background-size: 100% 100%;
     Background-repeat: no-repeat;
}

 #yurthero{
     margin-left:190px;
     height: 300px;
     background-image:url( coast.jpg);
     Background-size: 100% 100%;
     Background-repeat: no-repeat;
}

 #trailhero{ 
     margin-left:190px;
     height: 300px;
     background-image:url(trail.jpg);
     Background-size: 100% 100%;
     Background-repeat: no-repeat;
}