/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {

	width:370px;

	/*border-right:solid #999999 1px;*/

	height:12px;

	position:relative;

	/*z-index:100;*/

	line-height:11px;

	padding-left: 0px;

	padding-top:2px;

	/*background-image:url(../img/blackTrans.png);*/ /*This was taken out in favour of adding transparency directly to the header image so as to add IE6 support*/

}



/* hack to correct IE5.5 faulty box model */

* html .menu {

	/*width:753px;

	w\idth:752px;*/

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

	padding:0;

	margin:0;

	list-style-type:none;

}

/*HARDCODED WIDTHS*/



.home, .home a, .home a:visited {

	width:40px;

}

/*.home ul, .home ul a, .home ul a:visited{

	width:40px;

}*/

.whyTarifa, .whyTarifa a, .whyTarifa a:visited {

	width:70px;

	/*padding-left:8px;*/

}

/*.whyTarifa ul, .whyTarifa ul a, .whyTarifa ul a:visited{

	width:50px;

	padding-right:8px;

}*/

.gallery, .gallery a, .gallery a:visited {

	width:55px;

	/*padding-left:5px;*/

}

/*.gallery ul, .gallery ul a, .gallery ul a:visited{

	width:50px;

}*/

.rentals, .rentals a, .rentals a:visited {

	width:55px;

	/*padding-left:5px;*/

}

.rentals ul, .rentals ul a, .rentals ul a:visited{

	/*width:65px;*/

	/*padding-right:5px;*/

}

.rentals ul li{

	margin-left:-8px;

}



/*.visionInvest, .visionInvest a, .visionInvest a:visited {

	width:80px;*/

	/*padding-right:8px;*/

/*}*/

.pressArticles, .pressArticles a, .pressArticles a:visited {
	width:50px;
}


/*.visionInvest ul, .visionInvest ul a, .visionInvest ul a:visited{

	width:60px;

	padding-right:8px;

}*/

.contactUs, .contactUs a, .contactUs a:visited {

	width:60px;

}

/*.contactUs ul, .contactUs ul a, .contactUs ul a:visited{

	width:50px;

}*/





/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {

	float:left;

	/*width:149px;*/

	position:relative;

}

/* style the links for the top level */

.menu a, .menu a:visited {

	display:block;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	text-decoration:none;

	color:#7C8185;

	height:12px;

	padding-left:13px;

	line-height:11px;

	border-left:solid #999999 1px;

}



a.current_page:link , a.current_page:visited {

	color:#CBCCAD;

}



a.special_home:link, a.special_home:visited, a.special_home:hover {

padding-left:none;

border-left:none;

margin-left:-13px;

}





/* a hack so that IE5.5 faulty box model is corrected + give fixed widths to top level links*/

* html .menu a, * html .menu a:visited {

	width:55px;

	w\idth:55px;

}



li.home a, li.home a:visited {

	width:40px;

	w\idth:40px;

}

li.whyTarifa a, li.whyTarifa a:visited {

	width:55px;

	w\idth:55px;

}

li.gallery a, li.gallery a:visited {

	width:40px;

	w\idth:40px;

}

li.rentals a, li.rentals a:visited {

	width:40px;

	w\idth:40px;

}

/*li.visionInvest a, li.visionInvest a:visited {

	width:65px;

	w\idth:65px;

}*/

li.pressArticles a, li.pressArticles a:visited {

	width:35px;

	w\idth:35px;

}

li.contactUs a, li.contactUs a:visited {

	width:50px;

	w\idth:50px;

}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

	visibility:hidden;

	position:absolute;

	height:0;

	top:12px;

	left:0;

	/*width:80px;*/

	/*border-left:2px solid #FFF;*/

	margin:0px 0px 0px -2px;

}



.menu ul ul li a{

padding-top:5px;

}



/* another hack for IE5.5 */

* html .menu ul ul {

	top:11px;

	t\op:12px;

}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {

	position:absolute;

	top:0;

	left:0;

	border-collapse:collapse;

}

/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

	display:block;

	background-color:#B0B08A;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	text-decoration:none;

	color:#fff;

	width:90px;

	height:16px;

	line-height:11px; 

	border-left:1px solid #7C8185;

	border-top:solid #fff 1px;

	margin-left:10px;

	margin-top:0px;

}



/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {

	width:80px;

	w\idth:80px;

}

/* style the top level hover */

.menu a:hover {

	/*border-left:2px solid #FFF; */

	/*background-image:url(../img/transPix.gif);*/

	line-height:11px;

}

.menu :hover > a {

	/*border-left:2px solid #FFF;*/

	/*margin-left:-2px;*/

	line-height:11px; 

}



.menu ul ul :hover > a {

	/*background-image:url(../img/dRedTrans.png);*/

}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul {

	visibility:visible;

}



.rentals a:hover{

background-color:#fff;

}



.rentals li a:hover{

background-color:#B0B08A;

}



.rentals:hover ul, .rentals a:hover ul{

	visibility:visible;

}







/*tier 3 stuff*/

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}



/* position the third level flyout menu */

.menu ul ul ul{left:190px; top:-1px; width:140px;}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-190px;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background-image:url(../img/redTrans.png);}

/* style the third level hover */

.menu ul ul ul a:hover {background-image:url(../img/dRedTrans.png);}