/* Define basic HTML tags */

	html {
		height: 100%;
		width: 100%;
	}
	body {
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #4e4e4e;
		line-height: 1.5em;
		text-align: center;
		background-color: #c9e7e7;
	}
	img {
		border: none;
	}
	h1 {
		width: 100%;
		height: 28px;
		margin-bottom: 10px;
		line-height: 28px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		border-bottom: 3px solid #bde0e0;
		color: #336666;
	}
	a {
		color: #ff6600;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover {
		text-decoration: none;
		font-weight: bold;
	}
	
/* classes */

	.doClear {
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}
			
/* layout */

	#container {
		position: absolute;
		width: 380px;
		top: 40%;
		left: 50%;
		margin-top: -198px;
		margin-left: -190px;
		z-index: 100;
	}

	#footer {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 289px;
		background:
			#f8d352
			url(../images/bg.png)
			repeat-x
			center top;
		text-align: right;
		z-index: 1;
	}
	
		#author {
			position: absolute;
			right: 20px;
			bottom: 2px;
		}