/***************************************************************\
| |\  /|                                                We Put  |
| | >< Hypercosm             demo_styles.css            3d      |
| |/  \|                                                To Work |
|***************************************************************|
|                                                               |
|        This file contains the table style definitions         |
|        used in the Hypercosm web site.                        |
|                                                               |
|***************************************************************|
|                Copyright (c) 2008 Hypercosm, LLC.             |
\***************************************************************/


html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../graphics/backgrounds/page-background.gif);
	overflow: auto;
}

#top {
	position: absolute;
  	top: 0px;    
  	left: 0px;
	right: 0px;
	bottom: 60px;
	padding: 10px;
	background: red;
}

#side {
	position: absolute;
	float: left; 
  	top: 60px;
  	left: 0px;
  	bottom: 0px; 
  	width: 240px;
	padding: 10px;
	height: 100%;
	background: green;
}

#main {
  	position: absolute;    
  	top: 60px;
  	left: 260px;
  	right: 0px;
  	bottom: 0px;
	padding: 10px;
	background: yellow;
}