@media screen
{
	html
	{
		height: 100%;
	}
	body
	{
		text-align: center;
		FONT: 76%/140% Verdana,Arial,Helvetica,sans-serif;
		color: #fff;
		background-color: #221e1f;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	#layout
	{
		height: 100%;
		background: url('/bg.gif') bottom left no-repeat;
	}
	#inner
	{
		margin-right: 100px;
		margin-top: 50px;
		margin-left: auto;
		width: 400px;
		text-align: center;
	}
	
	h1
	{
		color: #444;
		margin: 0px;
		FONT: 36px/38px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; LETTER-SPACING: -1px

	}
	h2
	{
		color: #95D428;
		font: 20px Arial;
		margin: 0px;
		FONT: 24px/26px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; LETTER-SPACING: -1px
	}
	h3
	{
		color: #ffffff;
		margin: 0px;
		font-weight: normal;
		FONT: 26px/28px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; LETTER-SPACING: -1px

	}
	h4
	{
		PADDING-BOTTOM: 0.5em;
		MARGIN: 1em 0px 0px;
		FONT: bold 1em "Trebuchet MS",Arial,Sans-Serif;
		TEXT-TRANSFORM: uppercase;
		COLOR: #2BA6E2;
		LETTER-SPACING: 2px
	}
	h5
	{
		font: 13px Trebuchet MS;
		margin: 0px;
		font-weight: bold;
		color: #2BA6E2;
	}
	a:link,
	a:active,
	a:visited
	{
		color: #fff;
		text-decoration: none;
	}
	a:hover
	{
		color: #E4533B;
		text-decoration: underline;
	}

	.small	{ FONT-SIZE: 0.94em; }
	.tiny	{ font: 11px Verdana ; }
	
}