/* -------------------------------------------------------------------------------- */
/* ----------------------------- SOCIAL MEDIA MENU -------------------------------- */
/* -------------------------------------------------------------------------------- */

.sm_nav
{
	width					: 120px;
    height					: 21px;
    background				: url(../images/sm-navigation.png) no-repeat;
    position				: absolute;
	list-style-type			: none;

}

.sm_nav li
{
	display					: inline;
}

.sm_nav li a:link, .sm_nav li a:visited
{
    position				: absolute;
    top						: 0;
    height					: 21px;
    text-indent				: -9000px;
    overflow				: hidden;
	z-index					: 10;
}

.sm_nav .facebook a:link, .sm_nav .facebook a:visited 
{
	width					: 20px;
	background-color        : transparent;

}


.sm_nav .facebook a:hover, .sm_nav .facebook a:focus, .sm_nav .facebook a:active
{
	background				: url(../images/sm-navigation.png) no-repeat 0 -21px;
	background-color        : transparent;
}


.sm_nav .twitter a:link, .sm_nav .twitter a:visited 
{
	left					: 25px; 
	width					: 20px;
	background-color        : transparent;
}


.sm_nav .twitter a:hover, .sm_nav .twitter a:focus, .sm_nav .twitter a:active
{
	background				: url(../images/sm-navigation.png) no-repeat -25px -21px;
	background-color        : transparent;
	
}


.sm_nav .youtube a:link, .sm_nav .youtube a:visited 
{
	left					: 50px; 
	width					: 20px;
	background-color        : transparent;
	
}


.sm_nav .youtube a:hover, .sm_nav .youtube a:focus, .sm_nav .youtube a:active
{
	background				: url(../images/sm-navigation.png) no-repeat -50px -21px;
	background-color        : transparent;
}


.sm_nav .flickr a:link, .sm_nav .flickr a:visited 
{
	left					: 75px; 
	width					: 20px;
	background-color        : transparent;
}


.sm_nav .flickr a:hover, .sm_nav .flickr a:focus, .sm_nav .flickr a:active
{	
	background				: url(../images/sm-navigation.png) no-repeat -75px -21px;
	background-color        : transparent;
	
}


.sm_nav .favoris a:link, .sm_nav .favoris a:visited 
{
	left					:100px; 
	width					: 20px;
	background-color        : transparent;
}



.sm_nav .favoris a:hover, .sm_nav .favoris a:focus, .sm_nav .favoris a:active
{
	background				: url(../images/sm-navigation.png) no-repeat -100px -21px;
	background-color        : transparent;
}

/* -------------------------------------------------------------------------------- */
/* ----------------------------- MAIN NAVIGATION ---------------------------------- */
/* -------------------------------------------------------------------------------- */

#nav {padding:0; margin:0; list-style:none; height:47px; position:relative; z-index:200; width:960px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:47px; text-decoration:none; padding:0; cursor:pointer;overflow:hidden;}
#nav li a b {margin-left:-9999px;}

#nav li a.accueil {background:url(../images/nav/bt-accueil.png); width:110px; }
#nav li a.ski_snow {background:url(../images/nav/bt-ski-snow.png); width:125px; }
#nav li a.golf {background:url(../images/nav/bt-golf.png); width:80px; }
#nav li a.hebergement {background:url(../images/nav/bt-hebergement.png); width:137px; }
#nav li a.dining {background:url(../images/nav/bt-dining.png); width:140px; }
#nav li a.ice_haus {background:url(../images/nav/bt-ice-haus.png); width:118px; }
#nav li a.waterpark {background:url(../images/nav/bt-waterpark.png); width:152px; }
#nav li a.directions {background:url(../images/nav/bt-directions.png); width:208px; }


#nav li:hover a, #nav a:hover{background-position: 0 -47px;}
#nav li a.active {background-position: 0 -94px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:0; top:47px; background: #141414; width:170px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:47px; position:relative; float:left; width:170px; font-weight:normal;}
#nav :hover ul.sub li a {display:block; height:47px; width:170px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.rabais-ski {background:url(../images/nav/bt-rabais.png);}
#nav :hover ul li a.offres-ski {background:url(../images/nav/bt-offres.png);}
#nav :hover ul li a.what-new {background:url(../images/nav/bt-new.png);}

#nav :hover ul li a.offres-lodging {background:url(../images/nav/bt-offres-lodging.png);}
#nav :hover ul li a.thl {background:url(../images/nav/bt-thl.png);}
#nav :hover ul li a.clubhouse {background:url(../images/nav/bt-clubhouse.png);}
#nav :hover ul li a.condos {background:url(../images/nav/bt-condos.png);}
#nav :hover ul li a.hotel2 {background:url(../images/nav/bt-hotel2.png);}

#nav :hover ul li a.offres-golf {background:url(../images/nav/bt-offres.png);}
#nav :hover ul li a.rabais-golf {background:url(../images/nav/bt-rabais.png);}

#nav :hover ul.sub li a:hover {background-position: 0 -47px; position:relative;}


/* -------------------------------------------------------------------------------- */
/* ------------------------------- FOOTER MENU ------------------------------------ */
/* -------------------------------------------------------------------------------- */

#footer ul
{
	margin					: 35px 0 0 0;
	float					: right;
	list-style-type			: none;
}

#footer li
{
	float					: left;
	display					: block;
	color					: #BEBEBE;
	font-size				: 85%;
}

#footer li a
{
	margin					: 0 8px;
	color					: #BEBEBE;
	text-decoration			: none;
	text-transform          : none;
	font-weight             : normal;
	background-color        : transparent;
}

#footer li a:hover
{
	color					: #005288;
	/*color					: #697d22;*/
	text-decoration			: none;
	text-transform          : none;
	font-weight             : normal;
	background-color        : transparent;
}