/********************
 *  header & body
 * 
 ********************/
 
#container{
	width: 800px;
	margin: 0 auto;
	background:  #d9f2f3;
	position:  relative;
	color:  #333333;
}

#header{
	width: 800px;
	margin: 0;
	background:  transparent;
  	height:320px;	
  	position: absolute;
  	left:  0; top:  0;
  	z-index: 99;
}

#content{
	width: 800px;
	position:  relative;
	padding: 300px 0 100px 0;
	min-height:400px;
	height:auto !important;
  	height:400px;
}

#col{
	width: 500px;
	margin-left:  175px;
}

.buy #col, .credits #col, .contact #col{
	margin-left: 150px;
}

#subnav{
	position: absolute;
	left:  0px; top:  285px;
	width:  135px;
	z-index: 1000;
}

#facebook{
	position: absolute;
	left:  20px; top:  400px;
	width:  135px;
	z-index: 1001;
}

#facebook_contact{
	position: absolute;
	left:  10px; top:  295px;
	width:  135px;
	z-index: 1001;
}

#facebook_contact a, #facebook a {
	float: left;
	width: 135px;
	padding: 95px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:95px; /* for IE5/Win only */
}

#facebook a {
	background: url(../images/michaela_facebook.gif);
}

#facebook_contact a{
	background: url(../images/michaela_facebook_contact.gif);
}

	
#facebook_contact a:hover, #facebook a:hover {
	background-position: 0 -95px;
	}

.pic{
	float:  right;
	margin:  0 0 20px 20px;
}

.pic_left{
	float:  left;
	margin:  0 20px 10px 0;	
}

#pilotFlash_container{
	width:330px; height: 251px;
	margin: 0 0 15px 20px;
	background-image: url(../images/ex_bg.gif);
	float:right;
}

#pilotFlash{
	width:320px; height: 242px;
	margin: 5px 0 0 5px;
}

#peekFlash{
	width:  800px;
	height: 760px;
	margin:  0 auto;
}

#footer{
	width: 800px;
	padding: 0 0 50px 0;		
}

#footer p img{
	vertical-align: middle; 
}