Body 	{ background-color: #531932; FONT-FAMILY: Tahoma; font-size:12pt; color:#FFFFFF }
html	{ height: 100%;}


a:link       { text-decoration: none; color: #F8B958; font-weight:bold }
a:visited    { text-decoration: none; color: #F8B958;  font-weight:bold }
a:hover      { text-decoration: underline; color: #00a0bd; font-weight:bold }
a:active     { text-decoration: underline; color: #F8B958; font-weight:bold  }

hr           { border-color: #00c3e6; height: 1px }
h1           { 
color: #FD5E4B;
}
h2           { 
color: #8160AF;
}
h3           { 
color: #00c3e6;
}

/* Responsive content container, for gallery of articles*/
.homepage-container {
   float: left;
   margin: 5px;
   padding: 5px;
   width: 100%;
   height: auto;
}   

.featured-container {
   display: inline-block;
   margin: 5px;
   padding: 10px;
   height: auto;
   width: 800%;
   max-width: 300px;
   background: #FAF35A;
   border: 2px solid #B77749;
   border-radius: 8px;
   position:relative;
   text-align: left;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}   

.featured-box {
	background:#421327; 
	padding: 1px
}

/* Alternate float code:  display: inline-block; */

.gallery-container {
   display: inline-block;
   margin: 5px;
   padding: 5px;
   width: 500px;
   height: 175px;
   border: 1px solid black;
}   

 .gallery-pic {
  max-width: 200px;
  width: 500px;
  height: 125px;
  border: 0px;
}
/* End Responsive container */

.spec-container {
   display: inline-block;
   padding: 10px;
   margin: 10px;
   width: 90%;
   height: auto;
   text-align: left;
   border: 1px solid #666;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}   
 .spec-pic {
   display: inline-block;
   float: left;
  width: 200px;
  padding: 10px;
  border: 0px;
  height: auto;
}

  .contact-us {
     margin: 5px;
     padding: 5px;
     width: 100%;
     max-width: 275px;
     height: auto;
     border: 1px solid #666666;
     border-radius: 8px;
     color: #FFFFFF;
     background-color:#009933; 
     text-align: center;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
  }   
  
  .contact-us a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color:#009933; 
  }

  .book-btn {
     margin: 5px;
     padding: 5px;
     width: 100%;
     max-width: 275px;
     height: auto;
     border: 1px solid #666666;
     border-radius: 8px;
     color: #FFFFFF;
     background-color:#009933; 
     text-align: center;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
  }   
  
  .book-btn a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color:#009933; 
  }



/* Navbar styling: */
.header {
  text-align: center;
}

#navbar {
  overflow: hidden;
  background-color: #333;
  z-index: 890;
}
.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}


.banner-pic {
  max-width: 1600px;
  width: 100%;
  height: auto;
  display: inline-block;
}

 .logopic {
  width:100%;
  max-width: 250px;
  height: auto;
}
 
 .slideshow-pic {
  max-width: 900px;
  width: 75%;
  height: auto;
}
 .pic1 {
  max-width: 700px;
  width: 100%;
  height: auto;
  display: block;
}
 
 .leftpic {
  float: left;
  display: block; 
  max-width: 500px;
  width: 49%;
  height: auto;
  padding-right:5px;

}
 .leftpicsm {
  max-width: 250px;
  width: 25%;
  height: auto;
  float: left;
  display: block; 
  padding-right:5px;

}
      
 .rightpic {
  max-width: 500px;
  width: 49%;
  height: auto;
  float: right;
  display: block;
  padding-left:5px;

}

    
 .rightpicsm {
  max-width: 250px;
  width: 25%;
  height: auto;
  float: right;
  display: block;
  padding-left:5px;

}