body {
  background: #434343 url(../images/bg.jpg) repeat-x top left;
}

#custom-doc {
  margin: auto; text-align: left; /* leave unchanged */
  width:  74.23em;  /* non-IE */
  *width: 72.44em;  /* IE */
  min-width: 965px; /* optional but recommended */

  background-color: #191919;
  margin-bottom: 2.00em;
}


/* header */

#hd {
  color: #fff;
}

#hd table {
  margin-bottom: 0;
  width: 100%;
}

#hd td.logo {
  width: 22%;
}

#hd td.phone {
  width: 45%;
}

#hd td.other {
  width: 33%;
}

#hd p.phone-number {
  padding-top: 4.85em;
  *padding-top: 4.73em; /* IE */
}

#hd .links {
  text-align: right;
  margin-right: 1.96em;
}

#hd .links p {
  color: #a5a3a3;
  font-size: 85%;
  margin-top: 2.2em;
  *margin-top: 2.9em; /* IE */
}

#hd .links p a,
#hd .links p a:visited {
  color: #1788d1;
  text-decoration: none;
}

#hd .links ul {
  float: right;
  margin: 0;
  padding: 0;
}

#hd .links ul li {
  border-right: 1px solid #fff;
  float: left;
  line-height: 1.00;
  list-style-type: none;
  padding: 0 0.50em;
}

#hd .links ul li.last {
  border: none;
  padding-right: 0;
}

#hd .links ul a,
#hd .links ul a:visited {
  color: #fff;
  font-size: 85%;
  text-decoration: none;
  text-transform: uppercase;
}


/* basic styles, e.g., typography. */

/* remove the borders set by yui-base */
th, td {
  border: none;
}

/* give extra room for the numbers */
ol {
  margin-left: 2.2em;
  *margin-left: 2.5em;  /* more for IE */
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

#yui-main .yui-b {
  background-color: #ffffff;
  padding-bottom: 0.50em;
}

#yui-main .yui-b h2,
#sidebar h3 {
  color: #0099cc;
  font-size: 123.1%;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding-bottom: 0.80em;
  border-bottom: 1px solid #8e897b;
}

#sidebar h3 {
  text-transform: none;
  margin-top: 0.5em;
}

#sidebar .highlight h3 {
  border: none;
  color: #fff;
  padding-bottom: 0;
  text-transform: uppercase;
}

#yui-main .yui-b h3 {
  color: #0099cc;
  font-size: 108%;
  margin-bottom: 0.50em;
}

#yui-main .yui-b h4 {
  color: #666;
  font-size: 100%;
  margin-bottom: 0.30em;
}

#yui-main .yui-b h5 {
  color: #333;
  font-size: 85%;
}

/* two column text: pull up the h3, usually the first in left column */
#yui-main .yui-g .yui-u h3.pull-up {
  margin-top: 0;
}

/* two column text: push down the h5, usually the first in right column */
#yui-main .yui-g .yui-u h5.push-down {
  margin-top: 2.20em;
}

#yui-main .yui-b p,
#yui-main .yui-b dl,
#yui-main .yui-b ol,
#yui-main .yui-b ul,
#yui-main .yui-b table {
  color: #666;
  font-size: 85%;
}

/* avoid nesting of font size percentages, e.g., 85% of 85%. */
#yui-main .yui-b dl.base-size,
#yui-main .yui-b ol.base-size,
#yui-main .yui-b ul.base-size,
#yui-main .yui-b table.base-size {
  font-size: 100%;
}

#yui-main .yui-b a,
#yui-main .yui-b a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#yui-main .yui-b a:hover {
  color: #00f;
  text-decoration: underline;
}

#yui-main .yui-b dt {
  font-weight: bold;
}


/* navigation */

#navigation {
  background-color: #303030;
  border-top: 5px solid #303030;
  float: left;
  width: 100%;
}

#navigation ul {
  margin: 0;
  font-size: 100% !important;
}

#navigation li {
  float: left;
  list-style-type: none;
  margin-right: 2px;
}

#yui-main #navigation li a,
#yui-main #navigation li a:visited {
  background-color: #191919;
  color: #bdbdbd;
  float: left;
  font-size: 85%;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
  padding: 5px 10px;
}

#yui-main #navigation li a:hover,
#yui-main #navigation li.active a
{
  background-color: #fff !important;
  color: #8a8a8a;
}


/* content */

#yui-main #content-header object {
  margin-top: 7px;
  height: 23.03em;  /* 300px */
  *height: 22.52em; /* IE */
  width: 100%;
  *width: 48.87em;  /* IE 651px */
}

#yui-main #content-header object#hero {
  border: 1px solid #f8fbfd;
  border-width: 1px 0px;
}

#yui-main #content-header p {
  margin: 0 2.00em;
  padding-top: 4.00em;
  *padding-top: 3.00em; /* IE */
}

#yui-main .content-gutter {
  clear: both;
  padding: 0 2.00em;
  padding-bottom: 1.00em;
}

#yui-main div.highlight {
  background-color: #e3e3e3;
}


/* footer */

#ft {
  color: #fff;
}

#ft .copyright,
#ft ul {
  margin: 1.00em 2.31em 0.38em 2.31em;
}

#ft .copyright {
  font-size: 85%;
}

#ft ul {
  float: right;
}

#ft li {
  border-right: 1px solid #fff;
  float: left;
  list-style-type: none;
  padding: 0 0.50em;
}

#ft li.last {
  border: none;
  padding-right: 0;
}

#ft li a,
#ft li a:visited {
  color: #fff;
  font-size: 85%;
  text-decoration: none;
}


/* sidebar */

#sidebar .gutter {
  padding-right: 0.38em;
}

#sidebar div.matte,
#sidebar div.highlight {
  margin-bottom: 0.50em;
  padding: 0.80em 1.62em;
}

#sidebar div.matte {
  background-color: #303030;
}

#sidebar div.highlight {
  background: #d3d3d3 url(../images/bg-galleries.jpg) repeat-x top left;
  padding-bottom: 1.62em;
}

#sidebar ul.links li {
  color: #fff;
  font-size: 85%;
  line-height: 1.5;
  list-style-type: square;
}

#sidebar ul.links li.active {
  font-weight: bold;
}

#sidebar ul.links a,
#sidebar ul.links a:visited {
  color: #fff;
  text-decoration: none;
}

#sidebar img.thumbnail {
  cursor: pointer;
  cursor: hand;
}

/* specials */

#specials {
  padding: 0.31em !important;
  background-color: #303030;
}

#specials .special {
  margin-bottom: 0.25em;
  cursor: pointer;
  cursor: hand;
}

#specials .special .header {
  background-color: #fff;
  float: left;
  width: 100%;
}

#specials .special p {
  background-color: #fff;
  color: #000;
  font-size: 93%;
  text-transform: uppercase;
  margin: 0;
  padding: 3px 8px;
}

#specials .special p.place {
  font-weight: bold;
  float: left;
}
#specials .special p.price {
  float: right
}

#specials .special img {
  width: 100%;
}

#specials p.view-all {
  font-size: 85%;
  margin: 0.85em 0.77em 0.50em 0.77em;
  text-align: right;
}

#specials p.view-all a,
#galleries p a {
  color: #1788d1;
  text-decoration: none;
}

#specials p.view-all a:hover,
#galleries p a:hover {
  text-decoration: underline;
}


/* galleries */

#galleries ul.tabs {
  margin: 0;
  width: 100%;
}

#galleries ul.tabs li {
  float: left;
  list-style-type: none;
  margin: 0;
  margin-right: 2px;
}

#galleries ul.tabs li a,
#galleries ul.tabs li a:visited {
  background-color: #ebebeb;
  color: #1788d1;
  float: left;
  font-size: 77%;
  font-weight: bold;
  padding: 5px 10px;
  text-decoration: none;
}

#galleries ul.tabs li.active a,
#galleries ul.tabs li.active a:visited {
  background-color: #fff;
  color: #000;
}

#galleries .images {
  background: #fff;
  clear: left;
  padding: 0.50em;
}

#galleries .images img.thumbnail {
  border: 1px solid #b3b3b3;
  border-color-left: #e7edec;
  border-color-top: #e7edec;
  margin: 3px;
  padding: 2px;
}

#galleries .images p {
  color: #c5c5c5;
  font-size: 85%;
  margin: 0;
  padding: 0;
  padding-right: 0.75em;
  text-align: right;
}

#galleries .images img.arrow {
  margin-bottom: -0.30em;
}


/* goodies */

#goodies .newsletter label,
#goodies .newsletter input {
  display: block;
  margin: 0.25em 0;
}

#goodies .newsletter input.inline {
  display: inline;
  margin: auto;
}

#goodies .booklets a,
#goodies .booklets a:visited {
  color: #333;
  float: left;
  font-weight: bold;
  margin-top: 2.00em;
  text-decoration: none;
  text-transform: uppercase;
}

#goodies .booklets img {
  float: left;
  margin-left: 1.00em;
}


/* latest news */

#yui-main dl.news {
  font-size: 100% !important;
  margin: 0;
  margin-bottom: 0.75em;
}

#yui-main dl.news dt,
#yui-main dl.news dd {
  margin-bottom: 0.25em;
}

#yui-main dl.news dt {
  color: #333;
  font-size: 93%;
  font-weight: bold;
  margin-top: 0.60em;
}

#yui-main dl.news dd {
  color: #666;
  font-size: 85%;
}

#yui-main dl.news dd.date {
  background: #fff url(../images/common/bullet.gif) no-repeat center left;
  font-weight: bold;
  margin-left: 0;
  padding-left: 1.00em;
}

#yui-main a.news {
  font-weight: bold;
}


/* search box */

#search-box {
  background-color: #303030;
  margin-bottom: 0 !important;
  padding: 0.50em 1.50em !important;
}

#search-box label,
#search-box input {
  margin: 0 0.25em;
}

#search-box label {
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  text-transform: uppercase;
}

#search-box input.go {
  background-color: #1788d1;
  border: none;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  padding: 2px;
  text-transform: lowercase;
}


/* thumbnails in the sidebar */

#thumbnails h3 {
  color: #fff;
  text-transform: uppercase;
}

#thumbnails,
#thumbnails tr,
#thumbnails td,
#thumbnails span,
#thumbnails a,
#thumbnails a:visited {
  color: #fff;
  font-size: 95%;
}

#thumbnails table,
#thumbnails thead,
#thumbnails tr,
#thumbnails td {
  border-style: none;
}

#thumbnails img.thumbnail {
  border: 2px solid #fff;
  margin: 0.15em;
  width: 3.85em;  /* 50px */
  *width: 3.75em; /* IE */
}


/* tours list (destination page) */

#yui-main div.tours-list p {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0;
}

#yui-main div.tours-list ul {
  font-size: 100% !important;
  float: left;
  margin-left: 0;
  width: 100%;
}

#yui-main div.tours-list li {
  font-size: 93%;
  list-style-type: none;
  float: left;
  margin-right: 2%;
}

#yui-main div.tours-list ul.two-column li {
  width: 46%;
  *width: 44.9%;
}

#yui-main div.tours-list ul.three-column li {
  width: 31%;
  *width: 30.2%;
}

#yui-main div.tours-list a,
#yui-main div.tours-list a:visited {
  font-weight: normal;
}

#yui-main div.tours-list li.active a {
  font-weight: bold !important;
}

#sidebar div.tours-list-tree {
  font-size: 85%;
}


/* upcoming events */

#yui-main #upcoming-events h3 {
  color: #333;
  font-size: 93%;
  font-weight: bold;
}

#yui-main #upcoming-events dl.event {
  font-size: 100% !important;
  margin: 0;
}

#yui-main #upcoming-events dl.event dt {
  background: #fff url(../images/common/bullet.gif) no-repeat center left;
  color: #666;
  font-size: 85%;
  font-weight: bold;
  margin-bottom: 0.20em;
  padding-left: 1.00em;
}

#yui-main #upcoming-events dl.event dt a {
	color: #666;
}

#yui-main #upcoming-events dl.event dt a:hover {
  color: #00f;
	text-decoration: underline;
}

#yui-main #upcoming-events dl.event dd {
  font-size: 85%;
  margin-bottom: 0.50em;
}


/* gallery page */

#yui-main div.gallery-page img {
  border: 3px solid #ccc;
  display: block;
  margin: auto;
}

#yui-main div.gallery-page div.caption {
  margin: 0 7.69em;
}

#yui-main div.gallery-page div.caption p.title {
  font-weight: bold;
  margin-top: 0.50em;
  margin-bottom: 0;
}

/* scrollable area */

/* a yui-g should be a div inside a div.scrollable, not at the same level */
div.scrollable {
  margin-top: 1.00em;
  clear: both;
  height: 32.80em;  /* ~425px */
  overflow: auto;
  padding-right: 0.50em;
}


/* table of contents for tour info pages */ 

ul.toc {
  border-bottom: 1px solid #8e897b;
  float: left;
  font-size: 100% !important;
  margin-left: 0;
  margin-top: 0;
  padding-bottom: 1em;
  width: 100%;
}

ul.toc li {
  clear: left;
  float: left;
  list-style-type: none;
  margin-bottom: 0.5em;
  width: 100%;
}

ul.toc li a,
ul.toc li a:visited {
  color: #0099cc !important;
}

ul.toc li ul {
  margin: 0;
}

ul.toc li ul li {
  background: #fff url(../images/common/bullet.gif) no-repeat 0.00em 0.35em;
  clear: none;
  float: left;
  list-style-type: none;
  margin-bottom: 0;
  margin-right: 1%;
  padding-left: 1.00em;
  width: 22%;
}

ul.toc li ul li a,
ul.toc li ul li a:visited {
  color: #666 !important;
}

ul.toc li a:hover,
ul.toc li ul li a:hover {
  color: #00f !important;
}


/* validation, i.e., error and success messages */

#validation div.ErrorMessage,
#validation div.SuccessMessage {
  background-color: #ffddcc;
  border: 3px solid #dd0000;
  clear: left;
  color: #dd0000;
  font-weight: bold;
  margin-top: 1.00em;
  padding: 1.00em;
}

#validation div.SuccessMessage {
  background-color: #d6e7d6;
  border-color: #009100;
  color: #009100;
}

#validation div.ErrorMessage ul,
#validation div.SuccessMessage ul {
  font-size: 93%;
  font-weight: normal;
}


/* forms */

/* attribute css selector not supported in IE6 */
input[type=text],
textarea {
  border: 1px solid #aaa;
}

/* can't be an empty span; use '&nbsp;' as content */
span.required {
  background: #fff url(../Images/Style/dot-red-small.gif) no-repeat center center;
  padding: 0 0.5em;
}


/* tour route map */
#sidebar img.tour-map {
  background: #fafafa;
}


/* contact us table */
table.contact-us th {
  padding-left: 0;
  text-align: left;
  vertical-align: top;
  width: 9.0em;
}
