.btn,.drawer { margin-bottom:10px; }
  .drawer { text-align: center; }
  h1.lead { border-bottom: 1px dotted #ccc; margin-bottom: 30px; }
  h4.lead { margin-bottom:10px; }
  #icon_map ul li { font-size: 16px; }
  .smallify { font-size: 13px; }
  
body{
	font-family:Arial, Helvetica, sans-serif;	
background-image: url(../images/sand.jpg);

}
#headerContainer {
	
	padding: 0px;
	
}
#header{

	margin-bottom:0px;
	padding: 0px;
	
}
#header img{
	margin-left:0px;
}
.navbar {

}
#nav2{
	background: #000000;
}
#nav1 {
	border-top: 1px solid #c62f04;
	border-bottom: 1px solid #c62f04;
	height:60px;
}
#navContainer {

}
#contentContainer {

	margin-top:-8px;
}
#content {
	border-top:2px solid #c62f04;
	background: #ffffff;
	min-height:100px;
	padding:10px;
	min-height:500px;
}
#footerContainer {
	
	background-color: #000000;
	border-top: 1px solid #c62f04;

}
#footer {
	color: #ffffff;
	font-size: small;	
}
#footer a{
	color:white;
	font-weight: normal;
}
#footer p{
	font-size:100%;
}
#footer li, #footer dt, #footer dd {
    float: left;
    display: inline;
    margin-left: 9px;
    margin-bottom: 4px;
  }
  
  #footer li:first-child, #footer dt:first-child, #footer dd:first-child {
  	margin-left:10px;
  }

  #footer li a, #footer dd a {
  	color: #ffffff;
  	font-weight: normal;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  
  #footer li.active a, #footer dd.active a {
    background: #ffffff;
    padding: 5px 9px;
    text-shadow: 0 1px 1px #77d58e;
  } 
  .aligntr {
  	text-align: right;
}
  .aligntl {
  	text-align: left;
}
.small{
	font-size: small;
}
.search {
	background: #c8c9c6;
	padding: 5px;
}
.img-indent {
    float: left;
    margin: 0 30px 20px 0;
}
.extra-wrap {
    overflow: hidden;
    margin-bottom:20px;
}
.extra-wrap h5 {
	font-weight: bold;
	font-size: 95%;
}
.activity{

	padding: 8px;
	margin-bottom:30px;
}
.activity img {
	border: 10px solid #eeeeee;
    padding: 0px;
}
.activity li {
    background: url("../images/marker-1.png") no-repeat scroll 0 12px transparent;
    line-height: 18px;
    padding: 6px 0 6px 20px;
}
.iframeFull{
	width:100%;
	height:400px;
}
.icons {
	background: #1b4b7b;
}
#es{
	margin-top:-25px;
}
#en{
	margin-top:-2px;
}
iframe.center, img.center {
	display: block;   margin-left: auto;   margin-right: auto;
	margin-bottom:5px;
}

.odd{
	background: #d9d8d7;
	margin-bottom:1px;	
}
.even {
	background: #fbf9f8;
	margin-bottom:1px;
}
.property li {
    background: url("../images/marker-1.png") no-repeat scroll 0 12px transparent;
    line-height: 18px;
    padding: 6px 0 6px 20px;
    margin-left:10px;
}
.heading {
	background: #F2F2F2;
	font-weight: bold;
	padding: 4px;
}
.textc{
	text-align: center;
}
.textr{
	text-align: right;
}
.thumb{
	cursor: hand; cursor: pointer;
	outline:2px solid #d9d8d7;
}
.thumbs {
	background-color: #000000;
	padding:5px;
}
.bold {
	font-weight: bold;
}
#fullPicDiv{
	min-height:500px;
	background-image: url(../images/spacer.gif);
	background-repeat:no-repeat;
	background-position: top center;
	margin-bottom:10px;
}

#fullPic{
	max-height:500px;
}
#reservationForm form {
	margin-top:10px;
}
form {
	background: #eeeeee;
	padding:10px;
}
.field {
	font-weight: bold;
}
.required {
	color: red;
	font-size:90%;
}
.available{
	background: #07875b;
	color: #ffffff;
	padding:4px;
	text-align: center;
}
.unavailable-pending-arrival, .unavailable-checked-in, .unavailable{
	background: #c62f04;
	color: #ffffff;
	padding:4px;
	text-align: center;
}
.unavailable-tentative{
	background: #f6d709;
	color: #000000;
	padding:4px;
	text-align: center;
}
.morningUnavailable{
   background: #c62f04 url(../images/morningUnavailable.gif) no-repeat;
   	color: #ffffff;
	padding:2px;
	text-align: center;
}
.afternoonUnavailable{
   background: #07875b url(../images/afternoonUnavailable.gif) no-repeat;
   	color: #ffffff;
	padding:2px;
	text-align: center;
}
.monthDiv{
	float:left;
	padding:5px;
	min-height:270px;
	margin-right:20px;
	margin-bottom:15px;
	outline: 1px solid #ffffff;
}
#calendar{
	padding:10px;
	padding-bottom:20px;
	margin-bottom:10px;
	overflow:auto;
	background: black;
	color: white;
  	width: 100%;
	  margin-left: auto ;
	  margin-right: auto ;
}
#innerCalendar{
	width: 90%;
	margin-left: auto ;
	margin-right: auto ;
}
#innerCalendar table { border-collapse: collapse; border-spacing: 0; }
#innerCalendar caption, #innerCalendar caption th, #innerCalendar caption td { text-align: center; font-weight: normal; vertical-align: middle; }
@media only screen and (max-width: 767px) {
#navContainer {
	background-image: none;
	background-color: #336699;
}	
#headerContainer{

}
#fullPicDiv{
	min-height:100px;
	
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#contentContainer {
	background-image: none;

}
}
.bold{
    font-weight: bold !important;
}
p.center{
    text-align: center !important;
}
.b{
    font-weight: bold;
}
  .videoWrapper {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 */
      padding-top: 25px;
      height: 0;
  }
  .videoWrapper iframe object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }



  html
  {
	  /* killing 300ms touch delay in IE */
	  -ms-touch-action: manipulation;
	  touch-action: manipulation;
  }



  /* IMAGE LIGHTBOX SELECTOR */

  #imagelightbox
  {
	  cursor: pointer;
	  position: fixed;
	  z-index: 10000;

	  -ms-touch-action: none;
	  touch-action: none;

	  -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
	  box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
  }


  /* ACTIVITY INDICATION */

  #imagelightbox-loading,
  #imagelightbox-loading div
  {
	  border-radius: 50%;
  }
  #imagelightbox-loading
  {
	  width: 2.5em; /* 40 */
	  height: 2.5em; /* 40 */
	  background-color: #444;
	  background-color: rgba( 0, 0, 0, .5 );
	  position: fixed;
	  z-index: 10003;
	  top: 50%;
	  left: 50%;
	  padding: 0.625em; /* 10 */
	  margin: -1.25em 0 0 -1.25em; /* 20 */

	  -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	  box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
  }
  #imagelightbox-loading div
  {
	  width: 1.25em; /* 20 */
	  height: 1.25em; /* 20 */
	  background-color: #fff;

	  -webkit-animation: imagelightbox-loading .5s ease infinite;
	  animation: imagelightbox-loading .5s ease infinite;
  }

  @-webkit-keyframes imagelightbox-loading
  {
	  from { opacity: .5;	-webkit-transform: scale( .75 ); }
	  50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	  to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
  }
  @keyframes imagelightbox-loading
  {
	  from { opacity: .5;	transform: scale( .75 ); }
	  50%	 { opacity: 1;	transform: scale( 1 ); }
	  to	 { opacity: .5;	transform: scale( .75 ); }
  }


  /* OVERLAY */

  #imagelightbox-overlay
  {
	  background-color: #fff;
	  background-color: rgba( 255, 255, 255, .9 );
	  position: fixed;
	  z-index: 9998;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
  }


  /* "CLOSE" BUTTON */

  #imagelightbox-close
  {
	  width: 2.5em; /* 40 */
	  height: 2.5em; /* 40 */
	  text-align: left;
	  background-color: #666;
	  border-radius: 50%;
	  position: fixed;
	  z-index: 10002;
	  top: 2.5em; /* 40 */
	  right: 2.5em; /* 40 */

	  -webkit-transition: color .3s ease;
	  transition: color .3s ease;
  }
  #imagelightbox-close:hover,
  #imagelightbox-close:focus
  {
	  background-color: #111;
  }
  #imagelightbox-close:before,
  #imagelightbox-close:after
  {
	  width: 2px;
	  background-color: #fff;
	  content: '';
	  position: absolute;
	  top: 20%;
	  bottom: 20%;
	  left: 50%;
	  margin-left: -1px;
  }
  #imagelightbox-close:before
  {
	  -webkit-transform: rotate( 45deg );
	  -ms-transform: rotate( 45deg );
	  transform: rotate( 45deg );
  }
  #imagelightbox-close:after
  {
	  -webkit-transform: rotate( -45deg );
	  -ms-transform: rotate( -45deg );
	  transform: rotate( -45deg );
  }


  /* CAPTION */

  #imagelightbox-caption
  {
	  text-align: center;
	  color: #fff;
	  background-color: #666;
	  position: fixed;
	  z-index: 10001;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  padding: 0.625em; /* 10 */
  }


  /* NAVIGATION */

  #imagelightbox-nav
  {
	  background-color: #444;
	  background-color: rgba( 0, 0, 0, .5 );
	  border-radius: 20px;
	  position: fixed;
	  z-index: 10001;
	  left: 50%;
	  bottom: 3.75em; /* 60 */
	  padding: 0.313em; /* 5 */

	  -webkit-transform: translateX( -50% );
	  -ms-transform: translateX( -50% );
	  transform: translateX( -50% );
  }
  #imagelightbox-nav button
  {
	  width: 1em; /* 20 */
	  height: 1em; /* 20 */
	  background-color: transparent;
	  border: 1px solid #fff;
	  border-radius: 50%;
	  display: inline-block;
	  margin: 0 0.313em; /* 5 */
  }
  #imagelightbox-nav button.active
  {
	  background-color: #fff;
  }


  /* ARROWS */

  .imagelightbox-arrow
  {
	  width: 3.75em; /* 60 */
	  height: 7.5em; /* 120 */
	  background-color: #444;
	  background-color: rgba( 0, 0, 0, .5 );
	  vertical-align: middle;
	  display: none;
	  position: fixed;
	  z-index: 10001;
	  top: 50%;
	  margin-top: -3.75em; /* 60 */
  }
  .imagelightbox-arrow:hover,
  .imagelightbox-arrow:focus
  {
	  background-color: #666;
	  background-color: rgba( 0, 0, 0, .75 );
  }
  .imagelightbox-arrow:active
  {
	  background-color: #111;
  }
  .imagelightbox-arrow-left
  {
	  left: 2.5em; /* 40 */
  }
  .imagelightbox-arrow-right
  {
	  right: 2.5em; /* 40 */
  }
  .imagelightbox-arrow:before
  {
	  width: 0;
	  height: 0;
	  border: 1em solid transparent;
	  content: '';
	  display: inline-block;
	  margin-bottom: -0.125em; /* 2 */
  }
  .imagelightbox-arrow-left:before
  {
	  border-left: none;
	  border-right-color: #fff;
	  margin-left: -0.313em; /* 5 */
  }
  .imagelightbox-arrow-right:before
  {
	  border-right: none;
	  border-left-color: #fff;
	  margin-right: -0.313em; /* 5 */
  }

  #imagelightbox-loading,
  #imagelightbox-overlay,
  #imagelightbox-close,
  #imagelightbox-caption,
  #imagelightbox-nav,
  .imagelightbox-arrow
  {
	  -webkit-animation: fade-in .25s linear;
	  animation: fade-in .25s linear;
  }
  @-webkit-keyframes fade-in
  {
	  from	{ opacity: 0; }
	  to		{ opacity: 1; }
  }
  @keyframes fade-in
  {
	  from	{ opacity: 0; }
	  to		{ opacity: 1; }
  }

  @media only screen and (max-width: 41.250em) /* 660 */
  {
	  #container
	  {
		  width: 100%;
	  }
	  #imagelightbox-close
	  {
		  top: 1.25em; /* 20 */
		  right: 1.25em; /* 20 */
	  }
	  #imagelightbox-nav
	  {
		  bottom: 1.25em; /* 20 */
	  }

	  .imagelightbox-arrow
	  {
		  width: 2.5em; /* 40 */
		  height: 3.75em; /* 60 */
		  margin-top: -2.75em; /* 30 */
	  }
	  .imagelightbox-arrow-left
	  {
		  left: 1.25em; /* 20 */
	  }
	  .imagelightbox-arrow-right
	  {
		  right: 1.25em; /* 20 */
	  }
  }

  @media only screen and (max-width: 20em) /* 320 */
  {
	  .imagelightbox-arrow-left
	  {
		  left: 0;
	  }
	  .imagelightbox-arrow-right
	  {
		  right: 0;
	  }
  }
  li.frame{
	  display: inline-block;
	  background-color: #eeeeee;
	  padding:10px;
	  margin: 3px;
	  text-align: center;

  }
  li.frame2{
	  display: inline-block;
	  background-color: #eeeeee;
	  padding:4px;
	  margin: 0px;
	  text-align: center;

  }
  @media only screen and (max-width: 767px) {
	  li.frame{
		  display: block;
		  margin: 0 auto;
		  width: 50%;
	  }
	  .picturesDiv {
		  width: 90%;
		  margin: 0 auto;
		  text-align: center;
	  }
	  .picturesDiv ul{
		  display: block;
		  margin: 0 auto;
	  }
  }
  .rule {
	  margin-bottom: 10px !important;
	  font-size: large;
  }