@charset "UTF-8";
body{
  background:black;
  width:100%;
  padding:0px;
  margin:0px;
}
#wrapper{
  margin:0px auto;
  width:887px; 
}
#header{
  height:86px;
  width:887px; 
  color:white; 
  overflow:hidden;
  position: relative;
}
#header img, #header h2{
  float:left; 
  width:282px;
}
#header h2{
  width:600px;
  font-size: 28px;
  padding-top: 20px;
}
#banner{
  height:251px; 
}
#menu-content-wrapper-bw-bg, #footer-tag-line {
  background:url(assets/content-bg-track-info-new-zealand.gif); 
}
#menu-content-wrapper{
  background:url(assets/menu-content-bg-adventure-new-zealand.jpg) no-repeat; 
}
#social img.facebook{
  width: 148px;
  height: 27px;
  margin-bottom: 8px;
}
#facebook {
  position: absolute;
  top: 12px;
  right: 0;
}
#twitter {
  position: absolute;
  top: 48px;
  right: 0;
}
#social img.twitter{
  width: 148px;
  height: 27px;
  border: none;
}
/**************************
MENU
**************************/
#menu{
  float:left;
  width:190px;
  padding-top:80px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px; /* Width of Menu Items */
	z-index: 100;
}
#menu ul li {
	margin: 0;
	padding: 0;
	}

#menu ul li {
	position: relative;
	}
	
#menu li ul {
	position: absolute;
	left: 190px;
	top: 0;
	display: none;
	z-index: 1000;
	}

/* Styles for Menu Items */
#menu ul li a {
  background:url(assets/menu-items-bg-nz.png) 0px 0px no-repeat;
  height:32px;
  width:160px;
  display:block;
  overflow:hidden;
  text-transform:uppercase;
  text-decoration:none;
  vertical-align:middle;
  color:black;
  font-weight:bold;
  padding:8px 10px 0px 20px;
}
#menu ul li a:hover, #menu ul li a.active{
  background:url(assets/menu-items-bg-nz.png) 0px -40px no-repeat;
}

/* New Styles for Sub Menu Items */

#menu li ul li a {
  background:url(assets/menu-items-bg-nz.png) -10px 0px no-repeat;
  height:32px;
  width:160px;
  display:block;
  text-transform:uppercase;
  text-decoration:none;
  vertical-align:middle;
  color:black;
  font-weight:bold;
  font-size:smaller;
  padding:8px 10px 0px 10px;
}
#menu li ul li a:hover, #menu li ul li a.active{
  background:url(assets/menu-items-bg-nz.png) -10px -40px no-repeat;
  /*color:#7AC142;*/
}


/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */


#menu ul li.active a { color: #000; }
#menu ul li.active li a { color: #000; font-weight:normal; }
#menu ul li.active li.active a { color: #000; font-weight:bold; }
#menu ul li.active li a:hover,
#menu ul li a:hover { color: #000; }
#menu li ul li a { padding: 8px 10px 0px 10px; } /* Sub Menu Styles */
#menu li:hover ul, #menu li.over ul { display: block; } /* The magic */

#extras {
  text-align: center;
  padding: 0 ;
}
#extras img {
  padding-bottom: 20px;
}
#extras #TA_rated632 {
  padding: 0 0 0 9px;
}

#content{
  float:left;
  width:655px;
  /*height:400px; the height of the menu will change so this needs to be set by js */
  overflow:auto;
  padding:20px 10px 0px 30px;
  margin:10px 0px 10px 0px;
}
#bookNowButton {
  float:left;
  position:relative;
  top:-77px;
  z-index:2;
  margin-left:-175px;
}
#footer-tag-line, #footer-menu {
  clear:both;
  padding: 10px 20px 10px 200px;
  text-align:center;
}
#footer-menu{
  padding:10px 0px 0px 190px;
  min-height:81px;
  margin:0px 0px 20px 0px;
  xbackground:url(assets/QUALMARK.jpg) no-repeat 30px 0px;
  font-size:smaller;
  text-align:center;
  color:white;
}
#footer-menu a{
  color:white;
  text-transform:uppercase;
  text-decoration:none;
 /* display:block;
  float:left;
  padding:0px 10px;
  border-right:1px solid white;*/
}
#footer-menu a.veryLast{
  border-right:0px;
}
.clearBoth{
   clear:both;
}