body { font-family: Arial, Helvetica, sans-serif; 
       background-color: #FFFFFF; 
       color: #666666;  
       background-image: url(ptrbackground.jpg); }
footer { padding: 20px; 
         margin-left: 190px; 
         background-color: #FFFFFF; 
         font-size: 75%; 
         font-style: italic; 
         font-family: Georgia, "Times New Roman", Times, serif; }
header, hgroup, nav, footer, figure, figcaption, aside, section, article { display: block; }
h1 { background-color: #000033; 
     color: #FFFFFF; 
     margin-bottom: 0; 
     padding: 10px; font-family: Georgia, "Times New Roman", serif; 
     background-image: url(sunset.jpg); 
     background-position: right; 
     background-repeat: no-repeat; }
h2 { color: #3399CC; 
     font-family: Georgia, "Times New Roman", serif; 
     text-shadow: 1px 1px 1px #ccc; }
h3 { color: #000033; 
     font-family: Georgia, "Times New Roman", serif; }
nav { font-weight: bold; 
      float: left; 
      width: 160px;
      padding-left: 20px; 
      padding-top: 20px; 
      padding-bottom: 5px; 
      padding-right: 5px; }
nav ul {  list-style-type: none; 
          margin: 0px; 
          padding-left: 0px; 
          font-size: 1.2em; }
nav a { text-decoration: none;  }
nav a:link { color: #000033; }
nav a:visited {color: #344873; }
nav a:hover { color: #FFFFFF; } 
dt { color: #000033; }
table { border: 1px solid #3399CC;
        width: 80%;
        border-spacing: 0; }
td, th { padding: 5px; 
         border: 1px solid #3399CC; 
         text-align: center; }
tr:nth-of-type(odd) { background-color: #F5FAFC; }
.text { text-align: left; }
.resort { color: #000080; 
          font-weight: bold; }
#wrapper { margin-left: auto; 
           margin-right: auto; 
           width:80%; 
           background-color: #90C7E3; 
           min-width: 960px; 
           box-shadow: 5px 5px 5px #000033; }
#contact { padding: 20px;  
           font-size: 80%; 
           background-color: #FFFFFF; 
           margin-left: 190px; }
#content { padding-top: 1px; 
           padding-right: 20px; 
           padding-bottom: 20px; 
           padding-left: 30px; 
           background-color: #FFFFFF; 
           margin-left: 190px; }
#content img { float: left; 
               padding-right: 20px; }
#content ul {list-style-image: url(marker.gif); 
             list-style-position: inside; }
#mobile { display: none; }
#desktop { display: inline; } 
#img { max-width: 100%; 
       height: auto; }
@media only screen and (max-width: 768px) { 
   body { margin: 0px; }
   #wrapper { min-width: 0px; 
              width: auto; }
   #content { margin-left: 0px; }
   #contact { margin-left: 0px; }
   nav { float: none; 
         width: auto; 
         padding: 0px; }
   nav ul { text-align: center; }
   nav li { display: inline; 
            padding-top: 0px; 
            padding-bottom: 0px; 
            padding-left: 0.75em; 
            padding-right: 0.75em; }
   footer { margin-left: 0px; }
}
@media only screen and (max-width: 480px) {
   body { margin: 0px; }
   #wrapper { width: auto;
              min-width: 0px; 
              margin: 0px; }
   #content { padding-top: 0.1em; 
              padding-bottom: 0.1em; 
              padding-left: 1em;
              padding-right: 1em; 
              margin: 0px; 
              font-size: 90%; }
   #contact { padding-top: 0.1em; 
              padding-bottom: 0.1em; 
              padding-left: 1em;
              padding-right: 1em; 
              margin: 0px; 
              font-size: 90%; }
   h1 { margin: 0px;
        font-size: 1.5em; 
        padding-left: 0.3em; }
   nav ul { padding: 0px; }
   nav li { display: block; 
            margin: 0px; 
            border-bottom: 2px solid #330000; }
   nav a { display: block; }
   #content img { float: none; 
                  padding: 0px; 
                  margin: 0.1em; }
   #content ul { list-style-position: outside; }
   #mobile { display: inline; }
   #desktop { display: none; }
}