@font-face {
  font-family: 'matrix-code';
  src: url('http://neilcarpenter.com/demos/canvas/matrix/font/matrix-code.eot?#iefix') format('embedded-opentype'), 
       url('http://neilcarpenter.com/demos/canvas/matrix/font/matrix-code.woff') format('woff'), 
       url('http://neilcarpenter.com/demos/canvas/matrix/font/matrix-code.ttf')  format('truetype'),
       url('http://neilcarpenter.com/demos/canvas/matrix/font/matrix-code.svg#svgFontName') format('svg');
}

.right {
	left:0;
	width:20%;
	height:100%;
	margin-right: 0px;
	float: left;
}



.right img {
	margin-top: -4px;
	width:100%
	;
}
.middle {
	width: 60%;
}
.left {width: 20%;
}

.logo {
	position:absolute;
	left:530px;
	top:100px;

}
.menu {
	position:absolute;
	left:530px;
	top:400px;
	width:666px;
	height: 291px;
	background-image: url("navmenu/navbackground.png");
}
#menu3{
	width:158px;
	height: 158px;
	float: left;
	margin-top: 82px;
	background-image: url("navmenu/eye.gif");
}
#menu3:hover {background-position:-158px 0px;}
}
.thethe {
	width: 263px;
	float: left;
}
.thethe img {
	position: relative;
	top: 87px;
	display: block;
	margin-right: 30px;
	margin-left: 16px;
	margin-bottom: 18px;

}
.menu2 {
	width: 245px;
	float: left;
}
.menu2 img {
	position: relative;
	top: 87px;
	display: block;
	margin-right: 16px;
	margin-left: 14px;
	margin-bottom: 18px;
}
.video{
	height:425px;
	float:left;
	width: 2000px;
}
.video img{
	height:375px;
}
h1 {margin-bottom:45px;}

.text{
	width:600px;
	margin-bottom: 10px;
}
p {
	font-family: monospace;
	
 margin-top: 0px;
 margin-bottom: 0px;
}

.video a:hover img{
	border-style: solid;
	border-width: 1px;
	border-color: blue;
}
.cdpic{
	margin-bottom: 10px;
	float:left;
	width: 2000px;
}

.cdpic img{
	height:375px;}

.container{
	position: absolute;
	z-index: 10
}

.cdbg {
	background: -moz-linear-gradient(left, rgba(165,165,165,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(165,165,165,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a5a5a5', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	width: 1200px;
	padding: 20px;
	}


canvas {position: fixed;
		z-index: -1;
		left: 0px;
		top: 0px
		;}