@charset "utf-8";
/* CSS Document */
/**MAIN NAVIGATION	
------------------------------------------------------------------------**/

#main-nav {
	float:left;
	width:846px;
	margin-top:.75em;
	padding:.5em 1.583em 0 2.16em; /*26px padding to align left edge of nav to rest of site, 19px right padding to centre the div on the page */
	text-transform:uppercase;
	background:url('../images/divider.gif') no-repeat top center;
	z-index:100;
}

#main-nav ul {margin:0;}

#main-nav ul li {
	display:inline;
	font-family:"Lucida Sans", "Lucida Grande", "Helvetica Neue",Helvetica,Arial,sans-serif;  
	font-size:1.083em; /*13px*/
	padding:0 1.33em 0 1.125em;
	position:relative;
}


#main-nav ul li a {
	color:#033333;
	text-decoration:none;
	padding-bottom:.125em;
}

#main-nav ul li a:focus, #main-nav ul li a:hover {color:#00aae3;}

/**the following styles indicate which page the user is currently on**/

#home #nav-home a,
#about #nav-about a,
#services #nav-services a,
#resultats #nav-resultats a,
#hotels #nav-hotels a,
#jobs #nav-jobs a,
#sales #nav-sales a,
#press #nav-press a,
#contact #nav-contact a {
	color:#00aae3;
}

/**DROP DOWN	
------------------------------------------------------------------------**/

#main-nav ul li ul {
	background-color: #f4f3f3;
	display: none;
	height: auto;
	left: 0;
	margin:0 0 0 .916em;
	position: absolute;
	top: 100%;
	width: 11.333em;
}

/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/

#main-nav ul li:hover ul {display: block;}

#main-nav ul li ul li {
	display:block;
	margin: 0;
	padding: 0;
	border:0;
	text-align: left;
	text-transform:none;
	font-size:.833em;
	line-height:2em;
	width: 100%;
}

#main-nav ul li ul li a {
	padding-left: .3em;
	display:block;
}

#main-nav ul li ul li a:hover {
	background-color: #eaf8fd;
	display: block;
}