/* GHT - base.css */

body 
{
  font-family: Arial, Helvetica, "Comic Sans", Tahoma, sans-serif ;
  font-size: 12px;
  text-align: center;
  margin-top:0;
  margin-bottom:0;
}

#wrapper
{
	width:988px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#wrapperPic
{
	width:984px;
	border: 3px solid #FFFF66;
	margin-top: 0;
	margin-right: 100%;
	margin-bottom: 0;
	margin-left: auto;
}

#wrapperTopMenu
{
	width:984px;
	border: 3px solid #990000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


a {outline:none;}

a:link, a:visited
{
  text-decoration:none;
  font-weight:bold;
}

a:hover, a:active
{
  text-decoration:underline;
}

img {border:none;}

.centerImage
{
  text-align:center;
  margin-top:2px;
  margin-bottom:4px;
  padding:0px;
}
* html .centerImage { margin-bottom:6px; } /* for i.e. */

/* ------- */
/* Buttons */
/* ------- */

.buttonGroup { 
  text-align:center;
  margin:0 auto; 
}

.butNav, 
.bookNow,.TrvReq {
  font-size:12px;
  font-weight:bold;
  padding:2px 5px 2px 5px;
  text-decoration:none;
  line-height:20px;
}

a.butNav:link, 
a.butNav:active, 
a.butNav:visited {
  text-decoration:none;
}

.bookNow {
   text-transform:uppercase;
   letter-spacing:3px;  
   padding:2px 12px 2px 12px;
   margin-right:12px;
}

a.bookNow:link, 
a.bookNow:active,
a.bookNow:visited {
  text-decoration:none;
}
a.bookNow:hover {
  text-decoration:none;
}

.TrvReq {
   text-transform:uppercase;
   letter-spacing:3px;  
   padding:2px 12px 2px 12px;
   margin-right:12px;
}

a.TrvReq:link, 
a.TrvReq:active,
a.TrvReq:visited {
  text-decoration:none;
}
a.TrvReq:hover {
  text-decoration:none;
}


.TopHeading
{
  text-align:center;
  font-size:25px;
  color:#008900; 
  font-weight:bold;
  letter-spacing:3px;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}

.HeadingOthers
{
	font-size:18px;
	font-weight:bold;
	letter-spacing:3px;	
}

/* --------------- */
/* Menu Horizontal */
/* --------------- */

.menuHoriz {
	width:988px;
	height: 22px;
	padding: 0;
	text-align: center;
	position:relative;
	visibility: inherit;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	background-image:url(../../images/gy_f.gif);
}

.topPicture{
position:relative;
padding:0;
width:986px;
margin-bottom:200px;
}

.menuHoriz .topTours
{
  width:180px;	/*was 220*/
  float:left;
  text-align:left;
  text-indent:7px;
}

.menuHoriz ul {
  display:inline;
  list-style: none; 
  margin: 0;
  padding: 0px 0px 0px 0px; 
  padding-top: 0px;
  position:absolute;left:140px;
}

.menuHoriz li {width:120px;float:left; }

.menuHoriz li a
{
  width:135px;
  float:left;
  position:relative;
  display:block;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}
.menuHoriz a:link,
.menuHoriz a:visited
{
  padding: 0px 0px 0px 0px; 
  text-decoration: none;
  font-size:12px; 
  font-weight:bold; 
  letter-spacing:1px;
  line-height:20px;
}

.menuHoriz a:hover 
{
  letter-spacing:0px;
  line-height:20px;
}

.menuHoriz2 {
	width:988px;
	height: 22px;
	padding: 0;
	text-align: center;
	position:relative;
	visibility: inherit;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	background-image:url(../../images/gy_f.gif);
}

.topPicture2{
position:relative;
padding:0;
width:986px;
margin-bottom:200px;
}
.menuHoriz2 .topTours2
{
  width:180px;	/*was 220*/
  float:left;
  text-align:left;
  text-indent:7px;
}

.menuHoriz2 ul {
  display:inline;
  list-style: none; 
  margin: 0;
  padding: 0px 0px 0px 0px; 
  padding-top: 0px;
  position:absolute;left:100px;
}

.menuHoriz2 li {width:125px;float:left; }

.menuHoriz2 li a
{
  width:135px;
  float:left;
  position:relative;
  display:block;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}
.menuHoriz2 a:link,
.menuHoriz2 a:visited
{
  padding: 0px 0px 0px 0px; 
  text-decoration: none;
  font-size:12px; 
  font-weight:bold; 
  letter-spacing:1px;
  line-height:20px;
}

.menuHoriz2 a:hover 
{
  letter-spacing:0px;
  line-height:20px;
  text-transform: uppercase;
}
.menuHoriz4 {
	width:984px;
	height: 29px;
	padding: 0;
	text-align: center;
	position:relative;
	visibility: inherit;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	/*background-image:url(../../images/gy_f.gif);*/
}
.menuHoriz3 li a
{
  width:135px;
  float:left;
  position:relative;
  display:block;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}
.menuHoriz4 a:link,
.menuHoriz4 a:visited
{
  padding: 0px 0px 0px 0px; 
  text-decoration: none;
  font-size:12px; 
  font-weight:bold; 
  letter-spacing:1px;
  line-height:20px;
}

.menuHoriz4 a:hover 
{
  letter-spacing:0px;
  line-height:20px;
  text-transform: uppercase;
}
.menuHoriz3 {
	width:988px;
	height: 22px;
	padding: 0;
	text-align: center;
	position:relative;
	visibility: inherit;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	background-image:url(../../images/gy_f.gif);
}

.topPicture3{
position:relative;
padding:0;
width:986px;
margin-bottom:200px;
}

.menuHoriz3 .topTours
{
  width:180px;	/*was 220*/
  float:left;
  text-align:left;
  text-indent:7px;
}

.menuHoriz3 ul {
  display:inline;
  list-style: none; 
  margin: 0;
  padding: 0px 0px 0px 0px; 
  padding-top: 0px;
  position:absolute;left:75px;
}

.menuHoriz3 li {width:111px;float:left; }

.menuHoriz3 li a
{
  width:135px;
  float:left;
  position:relative;
  display:block;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}
.menuHoriz3 a:link,
.menuHoriz3 a:visited
{
  padding: 0px 0px 0px 0px; 
  text-decoration: none;
  font-size:12px; 
  font-weight:bold; 
  letter-spacing:1px;
  line-height:20px;
}

.menuHoriz3 a:hover 
{
  letter-spacing:0px;
  line-height:20px;
  text-transform: uppercase;
}
/* -------------------------------------------- */
/* ---- Vertical Suckerfish Drop Down Menu ---- */
/* -------------------------------------------- */

#navVert, #navVert ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  float : left;
  width : 215px; 
}
	
#navVert li { /* all list items */
background-image:url(../../images/dd_yahoo.png);
background-repeat:repeat-x;

  position : relative;
  float : left;
  line-height : 12px; 
  width: 205px;
  text-align:left;
}
	
#navVert li ul { /* second-level lists */
  position : absolute;
  left: -999em;
  margin-left : 212px; 
  margin-top : -33px; 
  /*width:308px;*/
  width:207px;
 
}
	
#navVert li ul ul { /* third-and-above-level lists */
  left: -999em;
}
	
#navVert li ul a {
  width:206px;
}

#navVert li a {
  width: 205px; 
  display : block;
  font-weight:bolder;
  text-decoration : none;
  padding : 3px 3px 3px 3px; 
  /*new*/
  height:24px;
}
	
#navVert li a:hover {
}
	
#navVert li:hover ul ul, #navVert li:hover ul ul ul, 
#navVert li.sfhover ul ul, #navVert li.sfhover ul ul ul {
  left: -999em;
}
	
#navVert li:hover ul, #navVert li li:hover ul, #navVert li li li:hover ul, 
#navVert li.sfhover ul, #navVert li li.sfhover ul, #navVert li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
  background-position: 0 0; /* fixes I.E. 7 sticky menu problem */
}

/* ------- */
/*  Header */
/* ------- */

#header
{
	clear:both; /* clear nav floats */
	margin:0;
	height:141px;
	width:984px;
	padding-top:0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: left; /*inherit*/
}

#header #logoArea 
{   
  width:225px;
  height:135px; 
  float:left;
}
* html #header #logoArea { height:137px;} /* for I.E. */

#logoArea #logoGH img
{
  width:219px;
  height:132px; 
}
* html #logoArea #logoGH img { height:135px;} /* for I.E. */

#tourArea
{
  float:left; 
}



#tourArea img
{
  border:none;
  float:left;
  height:141px;
  width:121px;
  padding: 0 2px 0 0;
  background-color:#990000;
}

#tourArea .montage
{
  border:none;
  float:left;
  height:141px;
  width:756px;
}

/* ------------------- */
/*  Page Content Area  */
/* ------------------- */

#outerWrap
{
  width: 984px;
}

/* ------------- */
/*  Left Column  */
/* ------------- */

#leftSide
{
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-top:5px; 
  padding-top:5px; 
}

/* -------------- */
/*  MAIN Content  */
/* -------------- */

#content
{
  margin:5px 8px 2px 0px; 
  float:left; 
  width:600px; 
}
* html #content {margin:2px 0px 2px 0px;}   /* for i.e. */

/* .pageTitle, */
h1
{
  text-align:center;
  font-size:20px;
  font-weight:bold;
  color:#FFFFFF;
  letter-spacing:3px;
  margin:2px 0px 2px 0px;
  padding: 5px 5px 5px 5px; 
  width:600px; 
}

/* .pageTitle .small, */
h1 .small
{
  font-size:12px; margin-top:-3px; margin-bottom:-6px;
}
cheadingzzzz
{
  text-align:center;
  font-size:20px;
  font-weight:bold;
  letter-spacing:3px;
 margin:2px 0px 2px 0px;
  padding: 5px 5px 5px 5px; 
  width:600px; 
}

/* .pageTitle .small, */
cheadingzzzz .small
{
  font-size:12px;
  margin-top:-3px;
  margin-bottom:-6px;
}

#content p a:link, 
#content p a:visited
{
  text-decoration:none;
  font-weight:normal;
}

#content p a:hover, 
#content p a:active
{
  text-decoration:underline;
}

.pageContext 
{  
  text-align:left;
  margin:2px 0px 2px 0px;
  padding: 5px 25px 5px 25px; 
  width:550px; /* 590px;  */
}
* html .pageContext {   /* for i.e. */
  float:left; 
  margin: 0 0;margin:1px 0px 1px 0px;
  padding:10px 25px 10px 25px;
}

/* .pageContext .heading */
.pageContext h2
{
  font-size:16px;
  font-weight:bold;
} 

/* -------------------------- */
/*  Info Column - Right Side  */
/* -------------------------- */

#rightInfo
{
  float:left;
  width:150px; 
  margin:0 0;
  margin-top:5px; 
  padding: 3px 0px 10px 5px;
  text-align:left;
}
* html #rightInfo {
	width:135px;
	margin-top:40px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 1px;
} /* for i.e. */

/* ------------------- */
/*  Side Content Links */
/* ------------------- */

.sideLink {
  font-size:11px;
  padding:0px 0px 10px 0px;
  text-align:left;
}
.sideLink .heading {
  font-weight:bold;
  font-size:12px;
  margin:0px 0px 0px 0px;
  padding:5px 0px 0px 0px;
}

/* -------------------- */
/*  Bottom Information  */
/* -------------------- */

#bottomInfo {
  clear:both;
  font-size:12px;
  font-weight:bold;
  padding: 0px 0px 0px 0px;
  width:984px;
}

#bottomInfo .phone {
  float:left;
  letter-spacing:3px;
  padding-top:5px;
}

#bottomInfo .contact {
  float:right;
  letter-spacing:0px;
  padding-top:5px;
}

.slogan {
  text-align:center;
  width:100%;
  font-size:20px;
  font-style:italic;
  font-weight:bold; 
  letter-spacing:0px;
  padding-top:5px;
  padding-bottom:5px;
  height:30px;
}
#bottomInfo #copyright {
  clear:both;
  border-top:1px solid #FFFFFF;
  font-size:10px;
  color:yellow;
}

#bottomInfo #copyright .address {
  float:left;
}
#bottomInfo #copyright .terms {
  float:right;
}
#bottomInfo #copyright .terms a {
  /*color:#FFFFFF;*/
  color:yellow;
}

/* ------------------------- */
/* Menu - Your are here clue */
/* ------------------------- */

#body_tours     #horz_tours_top,
#body_tours     #horz_tours_bottom,
#body_sanfran   .horz_sanfran,
#body_wine      .horz_wine,
#body_yosemite  .horz_yosemite,
#body_muirwoods .horz_muirwoods,
#body_monterey  .horz_monterey,
#body_private   .horz_private
.horz_more
{
  text-transform: uppercase;
  color: #990000;
  }

#body_tours       #vert_tours,
#body_sanfran     #vert_sanfran,
#body_wine        #vert_wine,
#body_yosemite    #vert_yosemite,
#body_muirwoods   #vert_muirwoods,
#body_monterey    #vert_monterey,
#body_private     #vert_private,
#body_group       #vert_group,
#body_business    #vert_business,
#body_leisure     #vert_leisure,
#body_reviews     #vert_reviews,
#body_photos      #vert_photos,
#body_photos_sanfran   #vert_photos,
#body_photos_wine      #vert_photos,
#body_photos_yosemite  #vert_photos,
#body_photos_muirwoods #vert_photos,
#body_photos_monterey  #vert_photos,
#body_faq         #vert_faq,
#body_terms       #vert_terms,
#body_privacy     #vert_privacy,
#body_travelguide #vert_travelguide,
#body_about       #vert_about,
#body_contact     #vert_contact,
#body_employment  #vert_employment,
#body_sitemap     #vert_sitemap
{
  text-transform: none;
  color: #990000; 
}  

/* ---------- */
/*   General  */
/* ---------- */

.clearFloats 
{ 
  clear:both; 
  line-height:1px;
}

.clearFloatsSpecial

{ 
  clear:both; 
  line-height:1px;
  border-bottom:3px #008900 solid;
}

/* --- links --- */

a.white:link,
a.white:active, 
a.white:visited {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}
a.white:hover {
  text-decoration:underline;
}

a.yellow:link,
a.yellow:active, 
a.yellow:visited {
  color:#990000;
  font-weight:bold;
  text-decoration:none;
}
a.yellow:hover {
  text-decoration:underline;
}

/* Back To Top */
p.backtop {
        color: #ffffff; /* #bbc; */
 /*       font-size: x-small;*/
        padding-right: 0 !important;
        margin: 1em 0 !important;
        text-transform: uppercase;
        font-weight: bold;
        padding-top: .3em;
        text-align: right;
 /*       border-top: 1px solid #eef; */
        clear: both;
}

p.backtop a:link, p.backtop a:visited 
{
        color: #009900; /* #bbc; */
        text-decoration: none;
}
p.backtop a:hover
{
  color: #FF0000;
  text-decoration:none;
}
  

.menuHorizTop {
  width:990px; 
  height: 22px; 
  margin: 0 0 0 0; 
  padding: 0;
  text-align: center;
  position:relative;
}

.menuHorizTop ul {
  display:inline;
  list-style: none; 
  margin: 0;
  padding: 0px 0px 0px 0px; 
  padding-top: 0px;
  position:relative;
  /*left:226px;*/

}

.menuHorizTop li {width:121px;float:left; }

.menuHorizTop li a
{
  width:108px;
  float:left;
  position:relative;
  display:block;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  font-size:12px;
}

.menuHorizTop a:link,
.menuHorizTop a:visited
{
  padding: 0px 0px 0px 0px; 
  text-decoration: none;
  font-size:12px; 
  font-weight:bold; 
  letter-spacing:1px;
  line-height:20px;
}

.menuHorizTop a:hover 
{
  letter-spacing:1px;
  line-height:20px;
}

