@charset "UTF-8";
/* CSS Document */

	body {
		background-image:url(images/background_pattern.jpg);
		font-family:Arial, Helvetica, sans-serif;
	}

	a {
		text-decoration:none;
		color:#000;
	}
	
	a:hover {
		text-decoration:none;
		color:#000;
	}
	
	a:visited {
		text-decoration:none;
		color:#000;
	}

	#mainframe {
		width:820px;
		min-height:600px;
		left:0px;
		right:0px;
		margin:auto;
	}
	
	#title {
		width:100%;
		padding:10px;
		text-align:center;
		font-size:34px;
		color:#666;
	}

	.video {
		width:786px;
		min-height:240px;
		border:solid #CCC 1px;
		margin:5px;
	}
	
	.description {
		position:absolute;
		margin-top:-245px;
		margin-left:340px;
	}
	
	#water_thumb {
		background-image:url(images/water_thumb.jpg);
		width:320px;
		height:240px;
		margin:5px;
		cursor:pointer;
	}
	
	#earth_thumb {
		background-image:url(images/earth_thumb.jpg);
		width:320px;
		height:240px;
		margin:5px;
		cursor:pointer;
	}
	
	#ruja_thumb {
		background-image:url(images/ruja_thumb.jpg);
		width:320px;
		height:256px;
		margin:5px;
		cursor:pointer;
	}
	
	#cosmos_thumb {
		background-image:url(images/cosmos_thumb.jpg);
		width:320px;
		height:240px;
		margin:5px;
		cursor:pointer;
	}
	
	.button {
		font-size:12px;
		padding:5px 5px 5px 25px;
		border:solid #F90 1px;
		background-color:#FC6;
	}
	
	.button:hover {
		background-color:#F90;
		cursor:pointer;
	}
	
	.button span {
		position:absolute;
		margin-left:-20px;
	}
	
	.button_green {
		font-size:12px;
		padding:5px 5px 5px 25px;
		border:solid #090 1px;
		background-color:#3C3;
	}
	
	.button_green:hover {
		background-color:#090;
		cursor:pointer;
	}
	
	.button_green span {
		position:absolute;
		margin-left:-20px;
	}
	
	#active_video {
		width:520px;
		margin:auto;
		margin-top:60px;
		padding:10px;
		border:solid #666 1px;
	}
	
	#active_video_big {
		width:786px;
		margin:auto;
		margin-top:60px;
		padding:10px;
		border:solid #666 1px;
	}
	
	#controls {
		width:550px;
		margin:auto;
		padding-top:20px;
		padding-bottom:20px;
	}