html, body {
	height: 100%;
	background-color: black;
	color: dimgrey;
}

a:link {
	color: mediumseagreen;
}

a:visited {
	color: teal;
}

a:hover {
	color: yellow;
}

a:active {
	color: yellow;
}

.right {
	text-align: right;
}

.midleft {
	text-align: left;
	vertical-align: bottom;
}

.rightfooter {
	width: 450px;
	vertical-align: bottom;
}

.video {
	display: flex;
	margin: 0 auto;
	width: 1920px;
	direction: rtl;
}

#wrap {
	min-height: 100%;
}

#main {
	overflow: hidden;
	padding-bottom: 150px; /* must be same height as the footer */
	}

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear: both;
}

/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}