/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/
/*--------------------------- TOP LEVEL IMAGES ----------------------------*/
#ja-mainnav .item1 {
  margin-left: 0px;
  display: none;
  width: 0px;
  height: 0px;
}

#ja-mainnav .item3, #ja-mainnav .item2 {
	width: 87px;
	background-image: url(../../../images/services.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#ja-mainnav .item8 {
	width: 90px;
	background-image: url(../../../images/destinations.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#ja-mainnav .item22 {
	width: 110px;
	background-image: url(../../../images/about.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#ja-mainnav .item34 {
	width: 90px;
	background-image: url(../../../images/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-right: 1px solid #d6d6d6;
}

/*--------------------------- LAYOUT ----------------------------*/
#ja-mainnavwrap {
	z-index: 98;
	position: absolute;
	top: 11px;
	right: 371px;
}

#ja-mainnav {
  width: 515px;
  z-index: 97;
}

#ja-mainnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#ja-mainnav a {
	display: block;
	margin: 0;
	padding: 0px;
	height: 37px;
	color: #fff;
	text-decoration: none;
}

#ja-mainnav ul.menu li {
	float: left;
	margin: 0;
  border-left: 1px solid #d6d6d6;
	margin-right: 1px;
	border-top: 5px solid #fff;
	font-size: 1px;
	color: #fff;
}

#ja-mainnav ul.menu li { margin: 0; }

#ja-mainnav ul li span, #ja-mainnav span.separator {
  display: none;
  font-size: 1px;
}

/*--------------------------- FIRST LEVEL ----------------------------*/
#ja-mainnav ul li.active,
#ja-mainnav > ul > li:hover,
#ja-mainnav > ul > li:active,
#ja-mainnav > ul > li:focus {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #8ea616;
}


/*--------------------------- SECOND LEVEL ----------------------------*/
#ja-mainnav ul.menu li ul {
	position: absolute;
	left: -999em;
	width: 221px;
	border: 1px solid #c4c1be;
	border-bottom: 0px;
	background-color: #cdc5be;
	background-image: url(../../../images/bg-subnav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#ja-mainnav ul.menu li ul a {
	margin: 0;
	height: auto;
	padding: 5px 0 5px 7px;
	background: none;
	color: #4d4d4f;
	line-height: normal;
	text-transform: none;
	white-space: nowrap;
	width: 214px;
	border-bottom: 1px solid #c4c1be;
	border-top: 0px;
	border-right: none;
}

#ja-mainnav ul.menu li ul a:hover { 
  color: #fff; 
  background: #b3c943;
}

#ja-mainnav li ul li a span {
  display: block;
  font-size: 12px;
}

#ja-mainnav ul.menu li ul li {
	border-left: 0px;
  background: none;
	width: 221px;
	border-top: 0px;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-mainnav ul.menu li:hover ul, #ja-mainnav ul.menu li li:hover ul, #ja-mainnav ul.menu li li li:hover ul,
#ja-mainnav ul.menu li.sfhover ul, #ja-mainnav ul.menu li.parentsfhover ul, #ja-mainnav ul.menu li.parent-activesfhover ul, #ja-mainnav ul.menu li.activesfhover ul,
#ja-mainnav ul.menu li li.sfhover ul, #ja-mainnav ul.menu li li.havesubchildsfhover ul, #ja-mainnav ul.menu li li.havesubchild-activesfhover ul, #ja-mainnav ul.menu li li.activesfhover ul,
#ja-mainnav ul.menu li li li.sfhover ul, #ja-mainnav ul.menu li li li.havesubchildsfhover ul, #ja-mainnav ul.menu li li li.havesubchild-activesfhover ul, #ja-mainnav ul.menu li li li.activesfhover ul {
	left: auto;
}

#ja-mainnav h3 {
	display: none;
}

#ja-mainnav .moduletable_menu {
	background: none;
	margin: 0;
	padding: 0;
}