* {
    border: 0;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

@font-face {
	font-family: 'MS-DOS';
	src: url('msdosfont/dosfont.ttf') format('truetype');
}

.mfont {
	font-family: "MS-DOS";
}

body {
    /*background-color: #99ff99;*/
	background-image: url(deskmate2.png);
	background-position: center;
	background-repeat: no-repeat;	
	background-size: cover;  
}

ul {
	padding-left: 50px;
}

#bgscreen {
    background-color: black;
    width: 1124px;
    height: 1200px;
	margin:auto;
	border: 5px solid #fff;
	border-radius: 20px;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 12px 30px 0 rgba(0, 0, 0, 0.19);

}


#screen {
    background-color: #000;
    width: 800px;
    height: 1100px;
    margin: auto;
    padding: 14px;
    font-family: MS-DOS;
    font-size: 18px;
	position:relative; top: 35px;
	overflow:scroll;
	overflow-x:hidden;
	float:right;
	margin: 0 15px 0 0;
	color: #fff;
		
}


.img:hover{
    color: #424242; 
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in;
  opacity: 1;
  transform: translate(150px, 0px) scale(2);
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: translate(150px, 0px) scale(2); /* Safari and Chrome */

}

.img2:hover{
    color: #424242; 
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in;
  opacity: 1;
  transform: translate(-150px, 0px) scale(2);
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: translate(-150px, 0px) scale(2); /* Safari and Chrome */

}

.img3:hover{
    color: #424242; 
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in;
  opacity: 1;
  transform: scale(1.25);
  -ms-transform: scale(1.25); /* IE 9 */
  -webkit-transform: scale(1.25); /* Safari and Chrome */

}

.img4:hover{
    color: #424242; 
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in;
  opacity: 1;
  transform: scale(2);
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Safari and Chrome */

}


video {
	border-style: solid;
	border-color: black;
	border-width: 18px 50px 18px 50px;
}



#vids_screen {
    /*
background-color: #00ff00;
*/
    width: 1200px;
    height: auto;
    margin: auto;
    /*
padding: 15px;
*/
    font-family: "Lucida Console";
    font-weight: bold;
    font-size: 16px;
	position:relative; top: 35px;
	
	/** float:right; **/
	/** margin: 0 15px 0 0; **/
	
}





#vids_bgscreen {
    background-color: black;
    width: 1300px;
    height: 2800px;
	margin:auto;

}

#page {
    width: 1124px;
	/*background-color:#ff8080;*/
    height: auto;
    margin: auto;
 	position:relative; top: 50px;
	
}

#graphics {
    width: 1124px;
    height: auto;
    margin: auto;
	margin-bottom: 20px;
	border: 5px solid #fff;
	border-radius: 20px;
}
	
	




#links {width:220px;
				height:auto;
				background-color:#000;
				position:relative; 
				top: 35px;
				left:15px;
			    font-family: MS-DOS;
  				font-weight: bold;
			    font-size: 18px;
				color: #000;
				
}

hr  {border: 0;
			height: 2px;
			color: blue;
			background-color: blue;
			margin-bottom:5px;
			margin-top:5px;
		}
		
		
#nav {background-color:#000;
				margin-left:15px;
				font-family: MS-DOS;
				font-size:18px;
  				font-weight: bold;
				width:220px;
				padding:10px;
				position:relative; 
				top:35px;
				font-weight:bold;
				color: #fff;
				}	
				
#articles {background-color:#000;
				
				font-family: MS-DOS;
				font-size:18px;
  				font-weight: bold;
				width:220px;
				height:auto;
				padding:10px;
				position:relative; top:65px;
				font-weight:bold;
				margin-left:15px;
				color: #fff;
				}				
				
				
				
#links {background-color:#000;
				
				font-family: MS-DOS;
				font-size:18px;
  				font-weight: bold;
				width:220px;
				height:auto;
				padding:10px;
				position:relative; top:80px;
				font-weight:bold;
				color: #fff;
				
				}	
				
				
/* #reviews {background-color:#A4F0B7;
				margin-left:15px;
				font-family: Arial, Helvetica, sans-serif;
				font-size:14px;
  				font-weight: bold;
				width:220px;
				padding:10px;
				position:relative; top:50px;
				font-weight:bold;
			}	*/
				

		
		
#navbar ul.a {list-style-type:none;}	

#navbar a:link { color:#fff; color: blue; text-decoration:none;}

#navbar a:visited { text-decoration:none; color:red;}

#navbar a:hover { color:blue; background-color:#000000;}

#screen a:link { color:#fff; text-decoration:none;}

#screen a:visited { text-decoration:none; color:red;}

#screen a:hover { color:blue; background-color:#000000;}





#vids {width:auto;
		height:auto;
		margin:auto;
}
		
#bfb1 {
  display: inline-block;
  width: 350px;
  height: 500px;
  margin: 10px auto;
  scroll: hidden;
  overflow: hidden; 
  -moz-box-shadow: #555 0 0 8px;
  -webkit-box-shadow: #555 0 0 8px;
  -o-box-shadow: #555 0 0 8px;
  box-shadow: #555 0 0 8px;
}

#bfb2 {
  display: inline-block;
  width: 350px;
  height: 500px;
  margin: 10px auto;
  overflow: hidden;
  -moz-box-shadow: #555 0 0 8px;
  -webkit-box-shadow: #555 0 0 8px;
  -o-box-shadow: #555 0 0 8px;
  box-shadow: #555 0 0 8px;
}	


#mlmb1 {
  display: inline-block;
  width: 350px;
  height: 500px;
  margin: 10px auto;
  scroll: hidden;
  overflow: hidden; 
  -moz-box-shadow: #555 0 0 8px;
  -webkit-box-shadow: #555 0 0 8px;
  -o-box-shadow: #555 0 0 8px;
  box-shadow: #555 0 0 8px;
}

#mlmb2 {
  display: inline-block;
  width: 350px;
  height: 500px;
  margin: 10px auto;
  overflow: hidden;
  -moz-box-shadow: #555 0 0 8px;
  -webkit-box-shadow: #555 0 0 8px;
  -o-box-shadow: #555 0 0 8px;
  box-shadow: #555 0 0 8px;
}