* {	margin:0;
	padding:0;}
html, body {
	height:100%;}

body{
	font: 75% normal normal Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	background-color:#527aae;
	text-align: center;}
#distance { 
	width:1px;
	height:50%;
	margin-bottom:-13.75em; /* half of container's height */
	float:left;}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:380px;
	clear:left;}

#container div {
	float:left;}
#maincontainer { 
	text-align: left;
 	background: #fff url(../images/corners/tr.gif) no-repeat top right;} 
div#one {background: transparent url(../images/corners/tl.gif) no-repeat top left;} 
div#two {background: transparent url(../images/corners/br.gif) no-repeat bottom right;} 
div#three {background: transparent url(../images/corners/bl.gif) no-repeat bottom left;}
a{
	text-decoration: none;
	color: #000;}
a:hover{
	text-decoration: underline;}

#content{padding: 40px 20px; width: 300px;}
#content p{padding: 20px 10px; font-weight: bold;width: 100%;}
h1{font-size: 1.4em; color: #657983;}
h2{font-size: 1.2em; border-bottom: 3px double #000;}	
.green{color: #339900;}
#bird{
	z-index: 500;
	postion: relative;
	height: 1px; 
	width: 208px;}
#bird img{position: relative; left: -160px; top: -40px; height: 312px; width: 206px;}
*html #bird img{margin-left: -100px;}