#main-nav {
	position:absolute;
	top:111px;
	left:0px;
	bottom:0px;
	width:1000px;
	height:32px;
}
#main-nav a {
	display: inline;
	height: 32px;
	float: left;
	/*position:relative;*/
	cursor:pointer;
}
#main-nav .text {
	display:none;
}
#main-nav a#nav-product {
	width: 170px;
	z-index:0;
	background: url("../en/images/nav-products-trans.png") top left no-repeat;
}
#main-nav a#nav-product:hover {
	background: url("../en/images/nav-products-trans.png") top right no-repeat;
}
#main-nav a#nav-product.active {
	background: url("../en/images/nav-products-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav a#nav-school-house {
	margin-left:-8px;
	z-index:-1;
	width: 170px;
	background: url("../en/images/nav-school-house-trans.png") top left no-repeat;
}
#main-nav a#nav-school-house:hover {
	background: url("../en/images/nav-school-house-trans.png") top right no-repeat;
}
#main-nav a#nav-school-house.active {
	background: url("../en/images/nav-school-house-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav a#nav-recipes {
	margin-left:-8px;
	z-index:-2;
	width: 170px;
	background: url("../en/images/nav-recipes-trans.png") top left no-repeat;
}
#main-nav a#nav-recipes:hover {
	background: url("../en/images/nav-recipes-trans.png") top right no-repeat;
}
#main-nav a#nav-recipes.active {
	background: url("../en/images/nav-recipes-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav a#nav-our-commitment {
	margin-left:-8px;
	z-index:-3;
	width: 170px;
	background: url("../en/images/nav-our-commitment-trans.png") top left no-repeat;
}
#main-nav a#nav-our-commitment:hover {
	background: url("../en/images/nav-our-commitment-trans.png") top right no-repeat;
}
#main-nav a#nav-our-commitment.active {
	background: url("../en/images/nav-our-commitment-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav a#nav-about-us {
	margin-left:-8px;
	z-index:-4;
	width: 170px;
	background: url("../en/images/nav-about-us-trans.png") top left no-repeat;
}
#main-nav a#nav-about-us:hover {
	background: url("../en/images/nav-about-us-trans.png") top right no-repeat;
}
#main-nav a#nav-about-us.active {
	background: url("../en/images/nav-about-us-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav a#nav-my-clubhouse {
	margin-left:-8px;
	z-index:-5;
	width: 170px;
	background: url("../en/images/nav-my-clubhouse-trans.png") top left no-repeat;
}
#main-nav a#nav-my-clubhouse:hover {
	background: url("../en/images/nav-my-clubhouse-trans.png") top right no-repeat;
}
#main-nav a#nav-my-clubhouse.active {
	background: url("../en/images/nav-my-clubhouse-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

/*################# FRENCH ############*/
#main-nav-fr {
	position:absolute;
	top:111px;
	left:0px;
	bottom:0px;
	width:1000px;
	height:32px;
}
#main-nav-fr a {
	display: inline;
	height: 32px;
	float: left;
	/*position:relative;*/
	cursor:pointer;
}
#main-nav-fr .text {
	display:none;
}
#main-nav-fr a#nav-product {
	width: 170px;
	z-index:0;
	background: url("../fr/images/nav-products-trans.png") top left no-repeat;
}
#main-nav-fr a#nav-product:hover {
	background: url("../fr/images/nav-products-trans.png") top right no-repeat;
}
#main-nav-fr a#nav-product.active {
	background: url("../fr/images/nav-products-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav-fr a#nav-school-house {
	margin-left:-8px;
	z-index:-1;
	width: 170px;
	background: url("../fr/images/nav-school-house-trans.png") top left no-repeat;
}
#main-nav-fr a#nav-school-house:hover {
	background: url("../fr/images/nav-school-house-trans.png") top right no-repeat;
}
#main-nav-fr a#nav-school-house.active {
	background: url("../fr/images/nav-school-house-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav-fr a#nav-recipes {
	margin-left:-8px;
	z-index:-2;
	width: 170px;
	background: url("../fr/images/nav-recipes-trans.png") top left no-repeat;
}
#main-nav-fr a#nav-recipes:hover {
	background: url("../fr/images/nav-recipes-trans.png") top right no-repeat;
}
#main-nav-fr a#nav-recipes.active {
	background: url("../fr/images/nav-recipes-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav-fr a#nav-our-commitment {
	margin-left:-8px;
	z-index:-3;
	width: 170px;
	background: url("../fr/images/nav-our-commitment-trans.png") top left no-repeat;
}
#main-nav-fr a#nav-our-commitment:hover {
	background: url("../fr/images/nav-our-commitment-trans.png") top right no-repeat;
}
#main-nav-fr a#nav-our-commitment.active {
	background: url("../fr/images/nav-our-commitment-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav-fr a#nav-about-us {
	margin-left:-8px;
	z-index:-4;
	width: 170px;
	background: url("../fr/images/nav-about-us-trans.png") top left no-repeat;
}
#main-nav-fr a#nav-about-us:hover {
	background: url("../fr/images/nav-about-us-trans.png") top right no-repeat;
}
#main-nav-fr a#nav-about-us.active {
	background: url("../fr/images/nav-about-us-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

#main-nav-fr a#nav-my-clubhouse {
	margin-left:-8px;
	z-index:-5;
	width: 170px;
	background: url("../fr/images/nav-my-clubhouse-trans.png") top left no-repeat;
}
#main-nav-fr a#nav-my-clubhouse:hover {
	background: url("../fr/images/nav-my-clubhouse-trans.png") top right no-repeat;
}
#main-nav-fr a#nav-my-clubhouse.active {
	background: url("../fr/images/nav-my-clubhouse-on-trans.png") top left no-repeat;
	position:relative;
	z-index:1;
}

/* ------- LEFT NAV -------- */
#left-nav {
	border-top: 1px dashed #d2c4b8;
}
#left-nav h3 {
	padding-left:20px;
}
#left-nav ul {
	list-style-type:none;
	margin-left:-10px;
	/*border-top: 1px dashed #d2c4b8;*/
}
#left-nav ul li {
	padding:6px 0 6px 20px;
	border-bottom: 1px dashed #d2c4b8;
	background:url(../images/img-arrow-orange.gif) 10px 11px no-repeat;
	line-height:140%;
}
#left-nav ul li.first {
	border-top: 1px dashed #d2c4b8;
}
#left-nav ul li.active {
	background:url(../images/bkg-sub-nav-active.gif) top left no-repeat;
}
#left-nav ul li.active a {
	color:#412a15;
	font-weight:bold;
	text-decoration:none;
}