header, hgroup, nav, footer, section, article, figure, figcaption, aside { display: block; }
#mobile {display:none; }
#desktop {display: inline; }



body{ background-image: url(images/backround.jpg);
      font-family: arial, "Times New Roman"; }

#wrapper{ color: #000000; text-align: left; width: 88%; min-width: 960px; background-color: #FFFF99;
	box-shadow: 5px 5px 5px #CC6600; }
	


h1 { background-image: url(images/banner2.jpg);
     background-repeat: no-repeat;
     padding: 10px;
     margin-bottom: 0;
     font-family: arial, "Times New Roman"; }



nav { float: left; width: 170px; padding-left: 20px; padding-top: 20px; padding-bottom: 5px; padding-right: 5px;} 
nav ul{ list-style-type: none; margin: 0; padding-left: 0; font-size: 1.1em; }
nav a {text-decoration: none; }
nav a:link { color: #8E1919; }
nav a:visited { color: #00CF7C; }
nav a:hover {color: #FFCC33; }



#content{ background-color: #FFFFCC; color: #000000; margin-left: 190px;
          padding: 10px 20px; overflow: auto; }
#content img { float: left; height: 150; width: 220; padding-right: 20px; padding-bottom: 20px;}
#content blockquote {font-size: 90%; font-style: italic; font-weight: bold; margin-left: 0;}

 
ul { list-style-image: url(images/marker.jpg); margin: 0; padding-left: 0;
     list-style-position: inside; font-size: .85em;}


h2 { color: #000000; font-family: arial, "Times New Roman"; text-shadow: 1px 1px 1px #ccc; }
h3 { color: #000000; font-family: arial, "Times New Roman"; }
#blockquote {font-size:90%; font-style: italic; text-align: left;}

table { border: 1px solid #996633; width: 85%; border-spacing: 0; }
th, td { padding: 1px; border: 1px solid #996633; }
td {  font-size: 0.80em; text-align: left; }
.text { text-align: center; }
tr:nth-of-type(odd){ background-color: #FFFFFF; }


dt { color: #000000; }
#contact { font-size: 85%; }
.resort { color: #000000; font-weight: bold; }
#footer { margin-left: 190px; padding: 10px; font-size: 55%; font-family: arial, "Times New Roman"; font-style: italic;  background-color: #FFFFFF; }


label { float: left; display: block; text-align: left; width: 120px; padding-right: 10px; }
input, textarea { display: block; margin-bottom: 20px; }





img { max-width: 80%; height: auto; }

@media only screen and (max-width: 768px) { 

 nav {float: none; width: auto; padding: 0; } 
  
  body { margin: 0; }
  #wrapper { min-width: 0; width: auto; }
  #content {margin-left: 0; }
  figure {float: none; padding: 0; }
  
  nav li {display: inline; padding: 0 0 .75em .75em; }
  nav ul {text-align: center; }
  #footer{ margin-left: 0;}}
  
  img{ max-width: 100%; height: auto; }
  
  label { float: none: text-align: left: }
 @media only screen and (max-width: 480px)  { 
 
 nav {float: none; width: auto; padding: 0; } 
    
 body { margin: 0; }
 #wrapper { min-width: 0; width: auto; }
 #content {margin-left: .1em; font-size: 90%;}
 content ul{list-style-position: outside;  }
 content img {float: none; padding: 0; margin: 1.0em; }
 h1 {margin: 0; font-size: 1.5em; padding-left: 0.3em;}
 nav li {display: block; margin: 0; border-bottom: 2px solid #330000; } 
 nav ul {padding: 0;}
 nav a (display: block;|
 #footer{ margin: 0;}
 }