/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#navContainer {height: 100%;left:0;position:fixed;width:165px;z-index:8;background:#000;}
#navContainer2 {height: 100%;left:0;position:fixed;width:165px;z-index:8;background:url(http://ontwerp.kmosites.be/work-2013/c/crossfitbrugge/www/templates/images/navBack.jpg) bottom no-repeat #000;}
#bck {height: 100%;left:0;position:fixed;width:550px;z-index:8;background: url("../images/content-background.png") repeat ;margin-left:170px;}
#bck.page28 {height: 100%;left:0;position:fixed;width:60%;z-index:8;background: url("../images/content-background.png") repeat ;margin-left:170px;}
#bck2{position:absolute;top:0px;left:0px;width:100%;}
#bck a{margin-top:10px;margin-right:10px;color:#fff;position:absolute;right:0px;}
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index:100;
}

nav {
	position:absolute;top:0px;left:0px;
}

nav ul {list-style-type: none; margin: 0; padding: 0; width:auto;white-space:normal;}
nav > ul > li > span > a {color:#bbb;display:block;padding:8px 10px 0px 30px;text-decoration:none;width:105px;font-family:'gothammediumregular',Open Sans,arial;font-weight:normal;text-transform:uppercase;font-size:13px;line-height:15px;}

nav > ul > li > span a:hover, nav > ul > li > a:focus { color: #3a9da6;}
nav > ul > li > span a:active, nav > ul > li > a:active, nav > ul > li > span.menu-current a:active { color: #3a9da6;}
span.menu_current > a{color:#3a9da6;}


/* Header menu */	 

/* Current page Customisations*/
nav > ul > li.menu-current > a {color: #3a9da6;background:url(../images/mnuarrow.jpg) no-repeat left;} 
nav > ul > li.menu-current > span  {background:url(../images/mnuarrow.jpg) no-repeat left;} 
nav > ul > li.menu-expand > span > .titel   {color: #fff;}
nav > ul > li.menu-current > span > .titel   {color: #3a9da6;}

nav > ul > li ul { 
	
    height: 100%;
	z-index:1001;
    left: 165px;
    overflow: hidden;
    padding:40px;
    position: absolute;
    top: 0;
    width: 200px;
}

nav > ul > li ul > li > a {
	background: url("../images/menu-line.png") repeat-x;
    color: #fff;
    display: block;
    font-family:Open Sans,arial;
	font-size:12px;
	border-bottom:1px solid #292929;
    padding: 13px 0px;
    text-decoration: none;
	text-transform:uppercase;
    width: 195px;
	letter-spacing:1px;
}

nav > ul > li ul > li > a:hover {
    color: #3a9da6;
}

#refsmenu > li > a {
	background: url("../images/menu-line.png") repeat-x;
    color: #fff;
    display: block;
    font-family:Open Sans,arial;
	font-size:12px;
	border-bottom:1px solid #292929;
    padding: 13px 0px;
    text-decoration: none;
	text-transform:uppercase;
    width: 195px;
	line-height:12px;
	letter-spacing:1px;
}

#refsmenu > li > a:hover {
    color: #3a9da6;
}

.buttonArr {
	background: url("../images/sub-menu-arr.png") no-repeat;
    height: 5px;
    margin-top: -12px;
    position: absolute;
    right: -6px;
    width: 5px;
    z-index: 1;
}