/*** ESSENTIAL STYLES ***/
/*@font-face {
    font-family: 'AllerLightRegular';
    src: url('http://concept.smoove.be/apostrof/aller_lt-webfont.eot');
    src: url('http://concept.smoove.be/apostrof/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://concept.smoove.be/apostrof/aller_lt-webfont.woff') format('woff'),
         url('http://concept.smoove.be/apostrof/aller_lt-webfont.ttf') format('truetype'),
         url('http://concept.smoove.be/apostrof/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

.pagemenu, .pagemenu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.pagemenu {
	line-height:	1.0;
position:relative; z-index:1000	;

}
.pagemenu ul {
	position:		absolute;
	top:			-999em;
	width:			171px; /* left offset of submenus need to match (see below) */
	z-index:1000	;
	
}
.pagemenu ul li {
	width:			100%;
}
.pagemenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.pagemenu li {

	float:			left;
	position:		relative;
}
.pagemenu a {
	display:		block;
	position:		relative;
}
.pagemenu li:hover ul,
.pagemenu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.pagemenu li:hover li ul,
ul.pagemenu li.sfHover li ul {
	top:			-999em;
}
ul.pagemenu li li:hover ul,
ul.pagemenu li li.sfHover ul {
	left:			171px; /* match ul width */
	top:			0;
}
ul.pagemenu li li:hover li ul,
ul.pagemenu li li.sfHover li ul {
	top:			-999em;
}
ul.pagemenu li li li:hover ul,
ul.pagemenu li li li.sfHover ul {
	left:			15em; /* match ul width */
	bottom: 10em;
	top:			0;
}

/*** DEMO SKIN ***/
ul.pagemenu {
font-family: 'AllerLightRegular';
font-size:13px;
float:right;
width: 100%;
position:relative; 
list-style-type:none; 
list-style-position:outside; 
padding-left:8px;
margin-bottom: 10px;
}

	/*** menu **/
.pagemenu .active a {
	color:#269dc4!important;
}

.pagemenu li a {
	display:block;
	text-decoration:none; 
	padding:10px 17px;
	color:#CCC!important;
}
.pagemenu li a:hover {
	display:block;
	text-decoration:none; 
	padding:10px 17px;
	color:#269dc4;
}

.pagemenu li a:active, .pagemenu li a:focus {
	display:block;
	text-decoration:none; 
	padding:10px 17px;
	color:#269dc4;
}

	/*** menu submenu **/

.pagemenu ul li a {
	color:#666666;	 
	outline:0;
}

.pagemenu ul li a:hover{
	color:#269dc4;	 
	outline:0;
}

	/*** current menu **/
.pagemenu li.current a {
	display:block;
	text-decoration:none; 
	padding:10px 17px;
	color:#269dc4;
}

.pagemenu li.current a:active, .pagemenu li.current a:focus {
	display:block;
	text-decoration:none; 
	padding:10px 17px;
	color:#269dc4;
}

.pagemenu li.current a:hover {
	display:block;
	text-decoration:none; 
	padding:10px 17px;
	color:#269dc4;
}

	/*** current submenu **/
.pagemenu .current ul li a {
	color:#666666;	 
	outline:0;
}

.pagemenu .current ul li a:hover{
	color:#269dc4;	 
	outline:0;
}

.pagemenu .current ul li a:focus, .pagemenu .current ul li a:active {
	color:#269dc4;	 
	outline:0;
}


/*** arrows **/
.pagemenu a.sf-with-ul {;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.3em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arro.png') no-repeat top left; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.pagemenu ul .sf-sub-indicator { background-position:  -10px 0; }
.pagemenu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.pagemenu ul a:focus > .sf-sub-indicator,
.pagemenu ul a:hover > .sf-sub-indicator,
.pagemenu ul li:hover > a > .sf-sub-indicator,
.pagemenu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
		color:#269dc4;
	
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}