DIV#dvUROK {
	position: RELATIVE;
	height: 100%;
	width: 100%;
}

DIV#dvContents,
DIV#dvNavigation {
    -moz-transition: transform .5s EASE-IN-OUT;
    -ms-transition: transform .5s EASE-IN-OUT;
    -o-transition: transform .5s EASE-IN-OUT;
    -webkit-transition: transform .5s EASE-IN-OUT;
    transition: transform .5s EASE-IN-OUT;
	
	height: 100%;
	position: RELATIVE;
	width: 100%;
}

DIV.dvContentsOpened {
    -ms-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -o-transform: translate(25%, 0);
    -webkit-transform: translate(25%, 0);
    transform: translate(25%, 0);
}

DIV#dvNavigation {
	background-color: #444;
	height: 100%;
	left: -100%;
	position: ABSOLUTE;
	top: 0;
	width: 100%;
}

DIV.dvNavigationOpened {
    -ms-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

DIV#dvNavigation > DIV.dvNavigationBackground {
	background-color: #555;
	height: 98%;
	left: 1%;
	position: ABSOLUTE;
	top: 1%;
	width: 98%;
}

DIV#dvNavigation > DIV.dvNavigationInner {
	height: 100%;
	position: ABSOLUTE;
	width: 100%;
}

DIV#dvNavigation > DIV.dvNavigationInner > H1 {
	background-image: URL('./image/logo.php?c=FFF');
	background-repeat: NO-REPEAT;
	background-size: COVER;
	font: 0/0 a;
	height: 5rem;
	left: 3.5vh;
	position: ABSOLUTE;
	top: 15vh;
	width: 5.4rem;
}

DIV#dvNavigation > DIV.dvNavigationInner > H2 {
	color: #AAA;
	font-size: 1.25em;
	font-weight: 400;
	left: 35vh;
	position: ABSOLUTE;
	top: 3.5vh;
}

DIV#dvNavigation > DIV.dvNavigationInner > DIV.dvContactUs,
DIV#dvNavigation > DIV.dvNavigationInner > DIV.dvFooter {
	bottom: 3.5vh;
	position: ABSOLUTE;
}

DIV#dvNavigation > DIV.dvNavigationInner > DIV.dvContactUs {
	left: 3.5vh;
}

DIV#dvNavigation > DIV.dvNavigationInner > DIV.dvContactUs > A {
	color: #AAA;
}

DIV#dvNavigation > DIV.dvNavigationInner > DIV.dvFooter {
	left: 35vh;
}

DIV#dvNavigation > DIV.dvNavigationInner > DIV.dvFooter > P.pCopyright {
	color: #AAA;
}

DIV#dvNavigation > DIV.dvNavigationInner > DIV.dvFooter > P.pCopyright A { color: #AAA }

UL#ulNavigationInnerNavigation {
	color: #CCC;
	font-size: 2.25em;
	font-weight: 300;
	margin-left: 35vh;
	margin-top: 15vh;
}

UL#ulNavigationInnerNavigation > LI {
}

UL#ulNavigationInnerNavigation > LI > A {
	cursor: POINTER;
	display: BLOCK;
	padding: .25em 0;
}

UL#ulNavigationInnerNavigation > LI > A:hover {
	color: #FFF;
}

A#aFullNavigation {
	background-image: URL('./image/menu.php?c=FFF');
	background-repeat: NO-REPEAT;
	background-size: COVER;
	cursor: POINTER;
	font: 0/0 a;
	height: 2.5rem;
	left: 3.5vh;
	position: ABSOLUTE;
	top: 3.5vh;
	width: 2.5rem;
}

A.aFullNavigationOpened {
	background-image: URL('./image/back.php?c=FFF') !IMPORTANT;
}

@media screen and (max-width : 960px) {
	DIV#dvNavigation > DIV.dvNavigationInner {
		height: 93%;
		left: 3.5%;
		top: 3.5%;
		width: 93%;
	}

	DIV#dvNavigation > DIV.dvNavigationInner > H1,
	DIV#dvNavigation > DIV.dvNavigationInner > H2,
	UL#ulNavigationInnerNavigation {
		position: STATIC;
		margin-left: 3.5%;
	}

	DIV#dvNavigation > DIV.dvNavigationInner > H1 {
		margin-top: 5rem;
	}

	DIV#dvNavigation > DIV.dvNavigationInner > H2 {
		margin-bottom: 1em;
		margin-top: 1em;
	}

	UL#ulNavigationInnerNavigation {
		margin-top: 0;
	}

	DIV#dvNavigation > DIV.dvNavigationInner > DIV.dvFooter {
		left: AUTO;
		right: 3.5vh;
	}
}