/* CSS Document */


html, body {
  background-color:#CCCCCC;
  margin: 0; padding: 0;
  width: 100%; height: 100%;
}

.topleft { background: #CCCCCC url(topleft.gif) no-repeat right bottom; }
.top { background: #CCCCCC url(top.gif) repeat-x bottom; }
.topright { background: #CCCCCC url(topright.gif) no-repeat left bottom; }
.right { background: #CCCCCC url(right.gif) repeat-y left; }
.left { background: #CCCCCC url(left.gif) repeat-y right; }
.bottomleft { background: #CCCCCC url(bottomleft.gif) no-repeat right top; }
.bottom { background: #CCCCCC url(bottom.gif) repeat-x top; }
.bottomright { background: #CCCCCC url(bottomright.gif) no-repeat left top; }

.text {
	color: 333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 3em;
}

#main {
	background-color:#000000;
	margin: 0;
	padding: 0;
	width: 100%; height: 100%;
}

.content {
	width: 300px;
	margin: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	float: right;
	text-align: right;
}

.image {
	background-image: url(fractal.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;	
	width: 100%;
	height: 100%;
}