body {
	font-family: sans, arial;
	background: transparent url(images/background.jpg) no-repeat fixed center center;
	background-size: cover;
}

html,body {
}

#menu {
	background: rgba(255,255,255,0.75);
	left: 68px;
	top: 50px;
	position: fixed;
	padding-right: 20px;
	font-size: 1.3em;
	font-variant: small-caps;
	text-shadow: 4px 4px 6px #000;
	height: 600px;
}

#menu ul {
	margin-left: -15px;
}

#menu li {
	list-style: none;
	border-bottom: 1px solid red;
}

#menu a {
	color: #000;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	display: block;
}

#menu li a:hover {
	background: rgba(255,255,255,0.9);
}

#header {
	color: #ddd;
	font-size: 3em;
	font-variant: small-caps;
	text-shadow: 4px 4px 6px #777;
	width: 300px;
	position: fixed;
	padding-left: 20px;
	display: none;
}

.content {
	background: rgba(255,255,255,0.75);
	padding: 20px;
	font-size: 1.0em;
	z-index: 10;
	height: 560px;
	width: 740px;
	overflow-y: auto;
}

#logo {
	color: #000;
	font-size: 3em;
	font-variant: small-caps;
	text-shadow: 4px 4px 6px #777;
	width: 270px;
	margin-left: 22px;
	margin-top: 20px;
	background-image: url(images/QuantumLogo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 106px;
	display: block;
}
#logo:hover {
}

.content .left {
	float: left;
	padding-right: 20px;
}

.content .right {
	float: right;
	padding-left: 20px;
}

#footer {
	position: fixed;
	top: 651px;
	background-color: rgba(255,255,255,0.45);
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
	left: 68px;
	width: 1100px;
}
#footer a {
	color: #000;
}
.label {
	display: inline-block;
	width: 67px;
}

.list li {
	padding: 2px;
}
