/* Scrollbar */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
	background: #888; 
}

::-webkit-scrollbar-thumb:hover {
	background: #555; 
}

/* Disable selection */
html {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* Disable image draggable*/
img, svg {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-ms-user-select: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

/* else */
html, body {
	width: 100%;
	height: 100%;
}

body {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; 
	background-attachment: fixed;
	background-image: url(../img/bg.jpg);
}

div.content {
	-webkit-box-shadow: 0 0 10px gray;
	-khtml-box-shadow: 0 0 10px gray;
	-moz-box-shadow: 0 0 10px gray;
	-ms-box-shadow: 0 0 10px gray;
	-o-box-shadow: 0 0 10px gray;
	box-shadow: 0 0 10px gray;
	position: relative;
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
	background-color: #f0f0f0;
}

div.content-wrapper {
	position: relative;
	padding: 10px 10px 64px 10px;
}

div.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 64px;
	background-color: silver;
}

ul.nav > li > button:focus,
ul.nav > li > button:active {
	outline: none;
}

ul.nav > li > button:disabled {
	border-bottom: 4px solid silver;
}

ul.nav > li > button:enabled {
	border-bottom: 4px solid lightgreen;
	cursor: pointer;
}

ul.nav > li > button:enabled:hover{
	border-color: limegreen;
}

ul.nav > li > button {
	border: 0;
	padding: 8px;
}

@media only screen and (max-width: 960px) {

	div.content {
		width: 100%;
	}

}