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

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

body {
    background-color: #99ff99;
	background-image:url(images/cocobg.png)
}

#red {
    background-color: red;
    height: 25px;
}

#orange {
    background-color: orange;
    height: 25px;
}

#yellow {
    background-color: yellow;
    height: 25px;
}

#green {
    background-color: green;
    height: 25px;
}

#blue {
    background-color: blue;
    height: 25px;
}

#purple {
    background-color: purple;
    height: 25px;
}

#screen {
    background-color: #A4F0B7;
    width: 800px;
    height: 1024px;
    margin: auto;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    
    font-size: 16px;
	position:relative; top: 35px;
	overflow:scroll;
	overflow-x:hidden;
	float:right;
	margin: 0 15px 0 0;
	
}


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; **/
	
}


#rev_header {width:950px;
				height:175px;
				background-color:#A4F0B7;
				margin:auto;
				padding: 15px;
   				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 16px;
				position:relative; top: 15px;
				

}




#bgscreen {
    background-color: black;
    width: 1124px;
    height: 1110px;
	margin:auto;

}

#rev_bgscreen {
    background-color: black;
    width: 1124px;
    height: 1510px;
	margin:auto;

}

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

}

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

#graphics {
    width: 1124px;
    height: auto;
    margin: auto;
}
	
	
	/*
------------------------------------------------------------------
*/
/*
#grey_coco1 {width:225px;
				height:160px;
				background-image:url(images/grey_coco1.jpg);
				float:right;
}

#white_coco1 {width:225px;
				height:160px;
				background-image:url(images/white_coco1.jpg);
				float:right;
}

#coco3 {width:225px;
				height:160px;
				background-image:url(images/coco3.jpg);
				float:right;				
}

#floppies {width:225px;
				height:160px;
				background-image:url(images/floppies.jpg);
				float:right;				
} */

/* #repack {width:225px;
				height:160px;
				background-image:url(images/repack.jpg);
				float:right;
				
} */


/* #music {width:166px;
		height:152px;
		float:right;
		clear:left;
		border:groove;
		border-width:4px;
		border-color:#00ff00;;
		}
		
#mus_inset {width:158px;
			height:158px;
			
			
			} */


#links {width:220px;
				height:auto;
				background-color:#A4F0B7;
				position:relative; 
				top: 35px;
				left:15px;
			    font-family: Arial, Helvetica, sans-serif;
  				font-weight: bold;
			    font-size: 14px;
				
}

hr  {border: 0;
			height: 2px;
			color: red;
			background-color: red;
			margin-bottom:5px;
			margin-top:5px;
		}
		
		
#nav {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:35px;
				font-weight:bold;
				}	
				
#articles {background-color:#A4F0B7;
				
				font-family: Arial, Helvetica, sans-serif;
				font-size:14px;
  				font-weight: bold;
				width:220px;
				height:auto;
				padding:10px;
				position:relative; top:65px;
				font-weight:bold;
				margin-left:15px;
				}				
				
				
				
#links {background-color:#A4F0B7;
				
				font-family: Arial, Helvetica, sans-serif;
				font-size:14px;
  				font-weight: bold;
				width:220px;
				height:auto;
				padding:10px;
				position:relative; top:80px;
				font-weight:bold;
				
				}	
				
				
/* #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:#001760; text-decoration:none;}

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

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

#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;
}