/* -------------------------------------
Basic Style Sheet for Version 4 Browsers
	Motion Gallery Split into 3

version:	1.1
author:		John L Watson
email:		heedtheball@gmail.com
website:	
------------------------------------- */

/* Typography
------------------------------------- */

body {
 margin-top: 0;
 text-align: center;
 background: #EFEBE7;
}

#frame {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  width: 1000px;
  background: white;
}

#container {
 margin: 0;
 width: 1000px;
 display: inline;
 background: white;
 
}

#banner {
 margin: 0px;
 height: 40px;
 background: GRAY;
}

#nav-bar {
 margin: 0; 
 padding: 0; 
 float: left; 
 width: 62.9%; 
 border-width: 1px 0;
}

#nav-last-link {
 margin: 0; 
 padding: 0; 
 float: left; 
 width: 10%; 
 border-width: 1px 0;
}

#nav-contact { 
 margin: 0; 
 padding: 0; 
 float: right; 
 width: 10%; 
 border-width: 1px 0;
}

#nav-bar li,
#nav-last-link li, 
#nav-contact li { 
 padding:0; 
 margin:0; 
 color: white;
 display:inline;
 list-style-type:none; 
} 

#nav-bar a:link, 
#nav-bar a:visited { 
 color: #ADADAD; 
 padding:0px 10px 4px 10px; 
 float:left; 
 width:auto; 
 border-right: 1px solid #ADADAD;
 text-decoration:none;  
 font-family: arial;
 font-size: 12;
}

#index #nav-index a:hover,
#guide #nav-guide a:hover, 
#rooms #nav-rooms a:hover, 
#foods #nav-foods a:hover, 
#wedding #nav-wedding a:hover,
#corporate #nav-corporate a:hover,
#activities #nav-activities a:hover, 
#contact #nav-contact a:hover { 
} 

#nav-last-link a:link, 
 #nav-last-link a:visited { 
  color: #ADADAD; 
  padding:0px 10px 4px 10px; 
  float:left; 
  width:auto; 
  text-decoration:none;  
  font-family: arial;
  font-size: 12;
}

#nav-contact a:link, 
#nav-contact a:visited { 
  color: #ADADAD; 
  padding:0px 10px 4px 10px; 
  float:right; 
  width:auto; 
  text-decoration:none;  
  font-family: arial;
  font-size: 12;
}

#nav-bar a:hover,
#nav-last-link a:hover, 
#nav-contact a:hover {
 color:#fff;
}  

#masthead {
 margin: auto;
 margin-top: 20px;
 height: 265px;
 width: 890px;
 background: white;
}

#lowercontainer {
 margin: auto;
}

#linkmenu {
 margin: auto;
 margin-left: 50px;
 padding: 0px;
 float: left;
 width: 230px;
 text-align: center;
 vertical-align: top;
 background: white;
 text-decoration:none;  
 font-family: arial;
 font-size: 12; 
}

#brochureimage {
 color: #9EA584; 
 border: None;
 }
 
#brochureimage a:hover { 
 border: 1px solid #9EA584; } 

#content {
 margin-left: 13px; 
 padding-right: 127px;
 width: 580px;
 min-width: 580px;
 float: left;
 font-family: arial;
 font-size: 12;
 display: block;
 text-align: left;
}

H1 {
 line-height: 16px;
 font-size: 13.0pt;
 font-family: Arial;
 font-weight: normal;
 color: GRAY;
}

H2 {
 line-height: 18px;
 text-align:justify;
 font-size: 11.5pt;
 font-family: Arial;
 font-weight: normal;
 color: #ADADAD;
}

ul.custom {
 margin: 10px;
 padding: 10px;
}

ul.custom li { 
  vertical-align: top;
  margin: 0;
  padding: 2px 0 2px 16px;
  list-style: none;
  background: white url(../images/right-arrow-green.gif) no-repeat left;
}

#footer {
 margin: auto;
 clear: left;
 width: 1000px;
 padding: 10px;
 font-family: arial;
 font-size: 12;
 color: GRAY;
}

#footerbanner {
 margin: 0;
 width: 100%;
 height: 25px;
 color: #ADADAD;
 text-align: center;  
 background: GRAY;
}

/* Motion Gallery
------------------------------------- */

#gallerycontainer {
  margin: 0;
  height: 100px;
  width: 1000px;
  text-align: left;
}

#motioncontainer {
  float: left;
  margin: 0;
  margin-left: 55px;
  margin-top: auto;
  	  /* Uncomment this line if you wish to center the gallery on page */
  width: 690px; 	/* Set to gallery width, in px or percentage */
  height: 100px; 	/* Set to gallery height */
  overflow: hidden;
}

#motioncontainer a img {
  margin: 0px; 
  padding: 0px;
  margin-left: 0px;
  border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
  border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
  background-color: lightyellow;
  border: 1px solid gray;
  padding: 2px;
  position: relative; /* Stop Editing Gallery Styles */
  left: -300px;
  visibility: hidden;
}

#motiongallery {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  display: inline;
  text-align: left;
}

#truecontainer {
 background: white;
}

#motioncontainer a:hover {
  color: red; /* Dummy definition to overcome IE bug */
} /* End Gallery Styles */

#galleryfooter {
  width: 200px;
  height: 100px;
  display: inline;
}


/* Lightbox
------------------------------------- */

#lightbox {
 position: absolute;
 left: 0; 
 width: 100%; 
 z-index: 100; 
 text-align: center;
 line-height: 0;
}

#lightbox img {
 width: auto;
 height: auto;
}

#lightbox a img {
 border: none; 
}

#outerImageContainer{ 
 position: relative; 
 background-color: #fff; 
 width: 250px; 
 height: 250px;
 margin: 0 auto;
}

#imageContainer {
 padding: 10px;
}

#loading {
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
}

#hoverNav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
}

#imageContainer>#hoverNav {
 left: 0;
}

#hoverNav a {
 outline: none;
}

#prevLink, 
#nextLink {
 width: 49%;
 height: 100%;
 background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
 display: block;
}

#prevLink {
 left: 0;
 float: left;
}

#nextLink {
 right: 0;
 float: right;
}

#prevLink:hover, #prevLink:visited:hover {
 background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
 background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%; 
}

#imageData {
 padding:0 10px;
 color: #666; 
}

#imageData #imageDetails {
 width: 70%;
 float: left;
 text-align: left; 
}

#imageData #caption {
 font-weight: bold;
}

#imageData #numberDisplay {
 display: block;
 clear: left;
 padding-bottom: 1.0em;	
}

#imageData #bottomNavClose{
 width: 66px;
 float: right;
 padding-bottom: 0.7em;
 outline: none;
}

#overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #000;
}