@charset "utf-8";
body {
	font: 100% "century gothic", "Myriad Pro", Helvetica, Verdana, Arial,  sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {
text-align: left;
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
}




#main {
	position: relative;
	top: 10px;
	left: 180px;
	width: 620px;

}

#intro{
	width: 500px;
margin-left: auto ;
  margin-right: auto ;
}

#intropar {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 200px;
	padding: 10px;
	background-color:#000000;
	color: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: table-cell;
	vertical-align: middle;

}
 
#splash {
	position: absolute;
	top: 95px;
	left: 104px;
	width: 361px;
	padding: 20px;
	background-color:#FFFFFF;
	color: #000000;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: table-cell;
	vertical-align: middle;

}