/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

/*=========================================
    Main Styles
    =========================================*/
    body {
      font-family: sans-serif;
       background-image: url('../img/common/background.jpg');
       background-attachment: fixed;
    
    }
    a.class1 {color:#ffffff;}
a.class1:link  {text-decoration: none; color: #ffffff;}
a.class1:visited {text-decoration: none; color:#ffffff;}
a.class1:hover {text-decoration: underline; color: blue;}
a.class1:active {text-decoration: none; color: #ffffff;}


a.class2 {color:blue;}
a.class2:link {text-decoration: none; color: #009999;}
a.class2:visited {text-decoration: none; color: #009999;}
a.class2:hover {text-decoration: underline; color: blue;}
a.class2:active {text-decoration: none; color: #009999;}

    header {
    }

 
    .home-image {
       width: 989px;
       height: 500px;
      margin: 0 auto;
      font-family: sans-serif;
       background-image: url('../img/home/top.jpg');
       background-position: top center;
       background-repeat: no-repeat;
       background-attachment: fixed;
       padding: 0px 0px;
    
    }
    .travel-image {
       width: 989px;
       height: 556px;
      margin: 0 auto;
      font-family: sans-serif;
       background-image: url('../img/travel/overview.jpg');
       background-position: top center;
       background-repeat: no-repeat;
       background-attachment: fixed;
       padding: 0px 0px;
     }
     .active-image {
       width: 989px;
       height: 556px;
      margin: 0 auto;
      font-family: sans-serif;
       background-image: url('../img/activities/lighthouse1.jpg');
       background-position: top center;
       background-repeat: no-repeat;
       background-attachment: fixed;
       padding: 0px 0px;
     }
     .contact-image {
        width: 989px;
       height: 556px;
      margin: 0 auto;
      font-family: sans-serif;
       background-image: url('../img/contact/bird.jpg');
       background-position: top center;
       background-repeat: no-repeat;
       background-attachment: fixed;
       padding: 0px 0px;
     }
       .about-image {
        width: 989px;
       height: 556px;
      margin: 0 auto;
      font-family: sans-serif;
       background-image: url('../img/about/bridge.jpg');
       background-position: top center;
       background-repeat: no-repeat;
       background-attachment: fixed;
       padding: 0px 0px;
     }
     .content{
      padding: 30px;
      padding-top: 30px;
      margin-top: 0px;


     }
     .navbar{
      width: 969px;
      margin-right: auto;
      margin-left: auto;
      height: auto;
      background-color: #00CCCC;
      color: white;
      padding: 10px;

     }
    
  

nav {
  margin-right: auto;
  margin-left: auto;
   width: 969px;
      height: auto;
      background-color: #00CCCC;
      color: white;
      margin-bottom: 0px;
      border: 0px;
      text-align: right;

}

nav li {
  display: inline;
  font-size: 24px;
}


    .container {
      width: 989px;
      margin: auto;
      background-image: url('../img/common/sand.jpg');
       background-attachment: fixed;
       padding: 0px;
       border: 0px;

       margin-top: 0px:;
  }
  
  .contentlink {
  


     
    }

    .footer {
      text-align: center;
    }



    .rotate {
      height: 100%;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      writing-mode: tb-rl;
      font-size: 120px;
      margin-left: 0px;
      padding: 0px 0px;
      color: white;
      background-color: #00CCCC;
      position: top left;


    }
  


    }
    .floating-image {
      
    }