/* 6:12:07 removed the max-width and change the width of the float from PX to EM */
body {
font-size:small;
color:#666;
padding:0;
margin:0;
}

/* zeroing padding/margin for all elements */
#TJK_dropDownMenu,
#TJK_dropDownMenu * { margin:0;padding:0;}

/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {position:relative;background:#fff no-repeat 100% 50%;width:970px;max-width:100%;float:left;margin-bottom:3.5em;}

/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width:11em !important;/* leaves room for padding, width of drop down part (total) */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-11px;
	margin-top:-1px;
	padding:1px 10px 10px 10px;
	background:url(images/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	width:8.30em; /* width of main menu items*/
	/*max-width:16.5%;*/
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
}


/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	width:162px;/*FF*/;
	padding:0;
	border:none;
	/*max-width:120%;*/
	border:1px solid #333;
	border-top:none;
}
/* All anchors */
#TJK_dropDownMenu li a {
	cursor:default;
	color:#fff;
	/*border-left:1px solid #333; borders in top level menu items*/
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
	padding-top:1px;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	/*height:2em;
	line-height:2em;*/
	height:23px; /* menu height*/
	line-height:23px;
}

#TJK_dropDownMenu li a.tab1 {
	padding-left:24px;
	padding-right:24px;
}

#TJK_dropDownMenu li a.tab2 {
	padding-left:20px;
	padding-right:14px;
}

#TJK_dropDownMenu li a.tab3 {
	padding-left:22px;
	padding-right:14px;
}

#TJK_dropDownMenu li a.tab4 {
	padding-left:19px;
	padding-right:14px;
}

#TJK_dropDownMenu li a.tab5 {
	padding-left:17px;
	padding-right:4px;
}

#TJK_dropDownMenu li a.tab6 {
	padding-left:22px;
	padding-right:4px;
}

#TJK_dropDownMenu li a.tab7 {
	padding-left:21px;
	padding-right:4px;
}

#TJK_dropDownMenu li a.tab8 {
	padding-left:18px;
	padding-right:4px;
}

#TJK_dropDownMenu li a.tab9 {
	padding-left:14px;
	padding-right:0px;
}



/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:150px;/*FF submenu width inside */;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	border:1px solid #fff;
	color:#666;
	background-position:0 50% !important;
}
/* :hover and stuff */



#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#000;}

a.tab1:hover,
a.tab1:focus,
a.tab1:active {width:32px;color:#000;background:url(images/menu-home-b.gif);}

a.tab2:hover,
a.tab2:focus,
a.tab2:active {width:99px;color:#000;background:url(images/menu-about-b.gif);}

a.tab3:hover,
a.tab3:focus,
a.tab3:active {width:68px;color:#000;background:url(images/menu-resorts-b.gif);}

a.tab4:hover,
a.tab4:focus,
a.tab4:active {width:67px;color:#000;background:url(images/menu-facilities-b.gif);}

a.tab5:hover,
a.tab5:focus,
a.tab5:active {width:122px;color:#000;background:url(images/menu-buying-b.gif);}

a.tab6:hover,
a.tab6:focus,
a.tab6:active {width:80px;color:#000;background:url(images/menu-murcia-b.gif);}

a.tab7:hover,
a.tab7:focus,
a.tab7:active {width:136px;color:#000;background:url(images/menu-inspection-b.gif);}

a.tab8:hover,
a.tab8:focus,
a.tab8:active {width:95px;color:#000;background:url(images/menu-brochures-b.gif);}

a.tab9:hover,
a.tab9:focus,
a.tab9:active {width:90px;color:#000;background:url(images/menu-contact-b.gif);}

#TJK_dropDownMenu li a#tab1 {
margin-left:17px;
}

#TJK_dropDownMenu li a#tab2 {
margin-left:14px;
}

#TJK_dropDownMenu li a#tab3 {
margin-left:18px;
}

#TJK_dropDownMenu li a#tab4 {
margin-left:15px;
}

#TJK_dropDownMenu li a#tab5 {
margin-left:12px;
}

#TJK_dropDownMenu li a#tab6 {
margin-left:15px;
}

#TJK_dropDownMenu li a#tab7 {
margin-left:13px;
}

#TJK_dropDownMenu li a#tab8 {
margin-left:14px;
}

#TJK_dropDownMenu li a#tab9 {
margin-left:7px;
}

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#fff !important;background:#c3d69b}
/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#TJK_dropDownMenu li#ABA,  
#TJK_dropDownMenu li#ABB,  
#TJK_dropDownMenu li#ABC,  
#TJK_dropDownMenu li#ABD,  
#TJK_dropDownMenu li#ABE,  
#TJK_dropDownMenu li#ABF,  
#TJK_dropDownMenu li#ABG,  
#TJK_dropDownMenu li#ABH, 
#TJK_dropDownMenu li#ABI {z-index:6;}


/* Current location - class on Body must match LI's id */
.ABA #TJK_dropDownMenu li#ABA a,
.ABB #TJK_dropDownMenu li#ABB a,
.ABC #TJK_dropDownMenu li#ABC a,
.ABD #TJK_dropDownMenu li#ABD a,
.ABE #TJK_dropDownMenu li#ABE a,
.ABF #TJK_dropDownMenu li#ABF a,
.ABG #TJK_dropDownMenu li#ABG a,
.ABH #TJK_dropDownMenu li#ABH a,
.ABI #TJK_dropDownMenu li#ABI a {color:#000;}

/* Keeping current menu accessible to JAWS */
.ABA #TJK_dropDownMenu li#ABA ul,
.ABB #TJK_dropDownMenu li#ABB ul,
.ABC #TJK_dropDownMenu li#ABC ul,
.ABD #TJK_dropDownMenu li#ABD ul,
.ABE #TJK_dropDownMenu li#ABE ul,
.ABF #TJK_dropDownMenu li#ABF ul,
.ABG #TJK_dropDownMenu li#ABG ul,
.ABH #TJK_dropDownMenu li#ABH ul,
.ABI #TJK_dropDownMenu li#ABI ul {display:block;top:-1000px}

/* background colors */

#ABA,#ABA li a,
#ABB,#ABB li a,
#ABC,#ABC li a,
#ABD,#ABD li a,
#ABE,#ABE li a,
#ABF,#ABF li a,
#ABG,#ABG li a,
#ABH,#ABH li a,
#ABI,#ABI li a  {background-color:#e2facd;}

/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#TJK_dropDownMenu li#UZ ul {left:-2.3em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.ABA #TJK_dropDownMenu li#ABA ul li a:focus,
.ABA #TJK_dropDownMenu li#ABA ul li a:active,
.ABB #TJK_dropDownMenu li#ABB ul li a:focus,
.ABB #TJK_dropDownMenu li#ABB ul li a:active,
.ABC #TJK_dropDownMenu li#ABC ul li a:focus,
.ABC #TJK_dropDownMenu li#ABC ul li a:active,
.ABD #TJK_dropDownMenu li#ABD ul li a:focus,
.ABD #TJK_dropDownMenu li#ABD ul li a:active,
.ABE #TJK_dropDownMenu li#ABE ul li a:focus,
.ABE #TJK_dropDownMenu li#ABE ul li a:active,
.ABF #TJK_dropDownMenu li#ABF ul li a:focus,
.ABF #TJK_dropDownMenu li#ABF ul li a:active,
.ABG #TJK_dropDownMenu li#ABG ul li a:focus,
.ABG #TJK_dropDownMenu li#ABG ul li a:active,
.ABH #TJK_dropDownMenu li#ABH ul li a:focus,
.ABH #TJK_dropDownMenu li#ABH ul li a:active,
.ABI #TJK_dropDownMenu li#ABI ul li a:focus,
.ABI #TJK_dropDownMenu li#ABI ul li a:active  {position:absolute !important;top:1028px !important;}