body,html {
   background: url("images/background3.gif") repeat 50% 0;
   margin: 0;
   padding: 0;
   text-align: center;
   color: white;
}

/*Remove all borders around images*/
img {
	border-style: none;
}


/* Used in all pages */
#container {
	background: url("images/background4.gif") repeat;
	width: 900px;
	margin: 15px auto 15px auto;
	border: 1px solid white;
	text-align: left;
}





/* ---------------------------------------------- */
/* Header --------------------------------------- */
/* ---------------------------------------------- */

#header {
	width: 900px;
	height: 230px;
	color: white;
	background: url("images/header-background.jpg")  no-repeat 0px 90px;
}

#quicknav {
	text-align:center;
	margin: 0;
	padding: 7px 0 8px 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	color: white;
	background-color: #036;
	background: url("images/background5.gif") repeat 50% 0;
	}
#quicknav ul{
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#quicknav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
#quicknav a:link, #quicknav a:visited {
	line-height: 14px;
	font-weight: normal;
	margin: 0 10px 4px 10px;
	text-decoration: none;	
	background-color:#036;
	background: url("images/background5.gif") repeat 50% 0;
	color: white;
	font-weight: bold;
	}
#quicknav a:hover {
}


body.home #quicknav #nav-home a,
body.amenities #quicknav #nav-amenities a,
body.mapss #quicknav #nav-maps a,
body.contactus #quicknav #nav-contactus a,
body.thegallery #quicknav #nav-gallery a,
body.availability #quicknav #nav-availability a,
body.details #quicknav #nav-details a,
body.reviews #quicknav #nav-reviews a,
body.tours #quicknav #nav-tours a
{
	font-size: 100%;
	border-bottom: 1px solid white;
	padding-bottom: 2px;
}





/* ---------------------------------------------- */
/* Index ---------------------------------------- */
/* ---------------------------------------------- */

#col {
	width: 400px;
	margin-top: 15px;
	float: left;
	text-align: left;
}


/* Used in index to make two columns */
#highlightblock {
	width: 400px;
	margin: 0 20px 0 20px;
	padding: 0;
	float: left;
	font-weight: bold;	
}
#highlightblock li{
	font-size: 100%;
}
#highlightblock ul {
	margin-top:0;
}


/* Used in index for the five thumbnails */
#thumb-box-box {
	width: 815px;
	height: 170px;
	margin: 15px auto 0 auto;
	border: 1px solid white;
	font-weight: bold;
	background: #00356d;
	background: url("images/background5.gif") repeat 50% 0;
	padding-top: 15px;
	color: white;
	}
#thumb-box {
	float: left;
	width: 135px;
	margin: 0 11px 0 12px;
	padding: 10px 0 10px 0;
	/* background: #0044aa; */
	background: url("images/background4.gif") repeat 50% 0;
	border: 1px solid white;
	font-weight: bold;
	color: white;
}





body.details table {
	margin-left: 40px;
	margin-bottom: 25px;
}





.padleftright {
	padding-left: 15px;
	padding-right: 15px;
}

.wowza {
	text-align: center;
	margin: 6px 0 10px 0;
	/* margin: 0 14px 10px 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px white solid;
	background: #0044aa;*/
}


#ammenities-thumb-box {
	float: right;
	padding: 20px 25px 10px 25px;
	background: #0044aa;
	background: url("images/background5.gif") repeat;
	border: 1px solid white;
	font-weight: bold;
	color: white;
	margin-right: 65px;
	margin-top: 25px;
	margin-bottom: 25px;
}


.bold {
	font-weight: bold;
}


.hidden {
	display: none;
}

.padme {
	padding: 15px 10px 15px 20px;
	text-align: left;
}

.padme-bold {
	padding: 0px 10px 5px 20px;
	text-align: left;
	font-weight: bold;
	margin-top: 0;
	margin-left: 15px;
}

.padme-bold-float {
	float: left;
	width: 600px;
	padding: 0px 10px 0px 20px;
	text-align: left;
	font-weight: bold;
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 0;
	line-height: 100%;
}

.padme-bold a:link, .padme-bold a:visited,
#maps-linkbox a:link, #maps-linkbox a:visited,
.padme-bold-float a:link, .padme-bold-float a:visited
{
	color: yellow;
}

.big-upper {
	text-transform: uppercase;
	font-size: 115%;
}


.img-shadow {
  float:left;
  background: url("images/shadow.gif") no-repeat bottom right;
  margin: 10px 0 0 35px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #0066cc;
  border: 1px solid white;
  margin: -10px 10px 10px -10px;
}


.listheader {
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 0;
}

.ammenities-pics {
	border: white 1px solid;
	margin-bottom: 7px;
	clear: both;
}


#maps-linkbox {
	float: left;
	padding: 20px 40px 10px 0px;
	background: #0044aa;
	background: url("images/background5.gif") repeat;
	border: 1px solid white;
	font-weight: bold;
	color: white;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 25px;
	width: 350px;
}



.review-p1 {
	width: 700px;
	margin: 15px auto 0 auto;
	border: 1px solid white;
	font-weight: bold;
	background: #00356d;
	background: url("images/background5.gif") repeat 50% 0;
	padding-top: 15px;
	color: white;
	padding: 5px 10px 5px 10px;
}


body.largepic {
	text-align: left;
}

body.largepic img {
	margin: 25px 25px 0 25px; float: left;
	border: 1px solid white;
	
}
	
body.details img {
	border: 1px solid white;

}
	
#largepic-col {
	clear:both;
	float: left;
	padding: 5px 25px 5px 25px;
	background: url("images/background5.gif") repeat 50% 0;
	border: 1px solid white;
	border-top: none;
	font-weight: bold;
	color: white;
	margin-top: 0;
	margin-left: 25px;
	margin-bottom: 25px;
	font-size: 125%;
}

#largepic-col a:link, #largepic-col a:visited {
	color: yellow;
}


body.maps ul {
	margin-left: 10px;
}


.center-bold {
	text-align: center;
	font-weight: bold;
	font-size: 125%;
}


body.contactus table {
	font-weight: bold;
}

.thumbs {             /* container for all thumbs */
  width: 80%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: 15px auto 15px auto;       /* correctly center block element */
  padding: .5em;
  background: url("images/background5.gif") repeat 50% 0;
  color: #000;
  border: thin solid #fff;
  overflow: hidden;
  text-align: center;
}

.thumbs ul {
  margin: 0;
  padding: 0;
}

.thumbs a {
  text-decoration: none;
  color: white;
  font-weight: bold;
}


.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: 9.5em;    /* high enough for image plus 2-line caption */
  width: 9.5em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: hidden; /* do not let IE stretch the container */
  border: 1px solid #faebd7;
  text-align: center;
  padding: .3em;
  margin: .5em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font-family: inherit;
  background: url("images/background4.gif") repeat 50% 0;
  
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: 5.5em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .3em auto; /* center for non-IE */
  padding: 0;
}

.thumbs li:hover {
	background: url("images/background3.gif") repeat 50% 0;
}


hr {                   /* see note about hr in HTML below */
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}