@charset "utf-8";
/* CSS Document */



#readmore{text-align:right;
}

#footer{box-shadow: 0px 500px 0px 500px #999;
background-color:#999;
}

#mainwrapper{
padding:20px;
margin:20px;
}

#navbar a { font-size:1.5em;
color: #039;
font-family: 'Fredericka the Great', cursive;

}

#navbar a:hover{ color:#0F3;
	
}

#navbar ul{ padding:5px;
padding-bottom:0;
margin-bottom:0;
	
}


#navbar li {display:inline;



		
}

#BANNER img{ width:100%;
height:400px;
}

#comments {width:60%;
margin:auto;

}

#comments h2 {color:#06F;
text-align:center;
}

#comments p { text-align:right;
}

#intropicwrapper{
width: 90%;
display: block;
margin: 0 auto;
height: auto;
min-width:300px;
text-align:center;
			
}

#gallerypicwrapper{
    margin: auto;
    width: 80%;
	text-align:center;
    padding: 10px;

			
}

#intropicwrapper h1 { text-align:left;
}

#intropicwrapper p { text-align:left;

}

#intro { width:85%;
		height:auto;
		margin:auto;
		border-top: 3px solid #06F;
		


}

#intro p{font-family: 'Niconne', cursive;

font-size:25px;

}



#IntroPic1 { width:300px;
			height:300px;
	        display:inline-block;
			margin:0 auto;
			

				
}

.intropicbackground{
	background:#FFF;
	width:340px;
	height:530px;
	padding-top:20px;
	margin:10px;
	text-align:center;
	display:inline-block;
	box-shadow: 10px 10px 5px #888888;
	
}

.intropicbackground a {
	text-decoration:none;
	color:#000;
}

.IntroPic2 { width:300px;
			 height:300px;
			 display:block;
			 margin-left:20px;
			 margin-right:20px;
			 padding:0px;		 		
}

.introtext2warapper{ padding-left:20px;
padding-right:20px;
font-family: 'Nothing You Could Do', cursive;

font-size:18px;
	}

#IntroPic3 { width:300px;
			 height:300px;
			 border-style: solid;
             border-width: 10px;
	         display:inline-block;
			 margin:20px;
			 
			 
}

#IntroPic1 img{ width:100%;
				height:100%;
						
}

.IntroPic2 img{ width:100%;
				height:100%;
			
				
				display:block;
				
				
}

#IntroPic3 img{ width:100%;
				height:100%;
				
				
}







/*GALLERY */

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    width: 180px;
	display:inline-block;
	padding:15px;
	background-color:#FFF;
	border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
	
	
}

div.gallery:hover {
    border: 1px solid #777;
	opacity: 0.7;
}

div.gallery img {
    width: 100%;
    height: 180px;
}

div.desc {
    padding: 15px;
    text-align: center;
}


/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height:100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
    width:80%;
    max-width: 100%;
    width: auto\9; /* ie8 */
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100vh;

}



/* The Close Button */
.close {
  color: white;
  border:#F00 2px solid;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 50px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/*amenities*/

#AvailableAmenities { margin:0 auto;

}



#AvailableAmenities img { height:75px;
							width:75px;
							
											
}

#AvailableAmenities table{ display:inline-block;

table-layout:fixed;
width:300px;
margin:0 auto;
}





/*activities # 2*/

#AddWraper{width:100%;

height:auto;
text-align:center;
padding:0px;
}

.add1{display:block;
text-align:center;
margin:5px;
padding:15px;
width:auto;
min-width:250px;


}

#add2{display:inline-block;

margin:0px;
width:auto;

}

.Topbox{
margin:0 auto;
}

.Bottombox{
margin:0 auto;
background:#000;
background-image:url(../Images/activities/frame11.png);
background-repeat:no-repeat;
background-size:100% 100%;
height:250px;
}

.Bottombox h2{ color:#FFF;
padding-top:30px;
}

.BottomBoxTable{ margin-left:50px;
margin-right:20px;


}

.Bottombox td {color:#FFF;
padding-left:10px;

}

.LeftBox{display:inline-block;
width:250px;
height:385px;
}

.RightBox{display:inline-block;
background-image:url(../Images/activities/frame12.png);
background-repeat:no-repeat;
background-size:contain;
width:300px;
height:385px;
vertical-align:top;
background-color:#99F;



}

.MainPic{background-image:url(../Images/activities/frame11.png);
background-repeat:no-repeat;
background-size:100% 100%;
width:250px;
height:260px;
	
}

.MainPic img{
margin:0 auto;
padding-top:25px;
width:85%;
height:80%;
overflow:hidden;
}

.SmallPics {
border:1px solid #909;
height:120px;
width:250px;
}

.SmallPic1 { width:80px;
height:120px;
	background-image:url(../Images/activities/frame11.png);
background-repeat:no-repeat;
background-size:100% 100%;
display:inline-block;
}


.SmallPic1 img{
width:83%;
height:75%;
padding-top:15px;

}





.RightBox h2{text-align:center;
}

.RightBox p{text-align:left;
margin-left:30px;
margin-right:30PX;
margin-top:50PX;
}

.BottomBoxTable{ height:auto;
width:auto;
text-align:left;
padding: 0px 0px;
}

.BottomBoxTable ul {

    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;


	
}
.BottomBoxTable ul li {

    display: block;
    padding: 10px 0px;
	
}


/*CONTACTUS*/

.buttonwrapper{
	width: 100%;
	 display: block;
    margin: 0 auto;
	
  height: auto;
 
  background: rgba(0, 0, 0, 0.5);
  min-width:300px;
  


}

.buttonwrapper2{ text-align:center;
width: 90%;
 display: block;
margin: 0 auto;
height: auto;


min-width:300px;


}

.button100  { text-align:left;
              
}

.button200  {
  display: inline-block;
  width: 270px;
  height:auto;
  text-align:left;
  vertical-align:top;


	  
  }
  
  .button200 ul  {
	  list-style:none;
	  color:#FFF;
	  text-align:left;
	  margin: 5px; 
	  padding: 0;
	  
  }
  
  .button400{ text-align:left;
			  display: inline-block;
			   
}

#AddressLeft{ text-align:left;
color:#FFF;
}

#Send{ width:5em;
	   height:3em;
}