html
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #2d2d2d;
	background-image: url( '../img/onyx_shadow.png' );
	background-repeat: repeat-x;
}

	#page-header
	{
		height: 47px;
		width: 100%;
		background-image: url( '../img/onyx_header.png' );
		text-align: center;
	}
	
		#page-header h1
		{
			display: inline-block;
			width: 1024px;
			height: 47px;
			background-image: url( '../img/onyx_logo.png' );
			margin: 0px;
			padding: 0px;
		}
		
			#page-header h1 span
			{
				display: none;
			}
			
		#page-strip
		{
			position: relative;
			width: 100%;
			height: 408px;
			background-image: url( '../img/onyx_strip.jpg' );
			background-position: top center;
		}
		
			#page-strip #client-login
			{
				position: absolute;
				top: 25px;
				left: 50%;
				margin-left: 200px;
				width: 307px;
				height: 227px;
				background-image: url( '../img/onyx_login.png' );
			}
		
	#page-footer
	{
		position: relative;
		width: 1024px;
		left: 50%;
		margin-left: -512px;
		background-color: #911;
	}
		
	.page-column
	{
		width: 260px;
		margin-left: 80px;
		float: left;
	}
	
		.page-column h3
		{
			color: #ffd647;
			font-family: 'Calibri', Helvetica, Arial, sans-serif;
			font-weight: normal;
			font-size: 18px;
		}
	
		.page-column ul
		{
			list-style-type: none;
			list-style-position: inside;
			margin: 0px;
			padding: 0px;
		}
		
			.page-column ul li
			{
				display: block;
				margin: 0px;
				padding: 0px;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 12.5px;
				margin-bottom: 15px;
				color: #ddd;
			}
			
		.page-column p
		{
			color: #ddd;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12.5px;
			line-height: 25px;
		}
		
		.page-column a
		{
			color: #fff;
			text-decoration: none;
		}
		
			.page-column a:hover
			{
				border-bottom: 1px dotted #fff;
			}
			
	input#loginUserName
	{
		position: absolute;
		top: 63px;
		left: 105px;
		width: 175px;
		height: 20px;
		font-family: 'Trebuchet MS', 'MS Trebuchet', Trebuchet, Arial, sans-serif;
		font-size: 14px;
		outline: none;
		border: none;
		-webkit-appearance: none;
		background: none;
	}
	
			
	input#loginKey
	{
		position: absolute;
		top: 115px;
		left: 105px;
		width: 175px;
		height: 20px;
		font-family: 'Trebuchet MS', 'MS Trebuchet', Trebuchet, Arial, sans-serif;
		font-size: 14px;
		outline: none;
		border: none;
		-webkit-appearance: none;
		background: none;
	}
	
	label#loginUserNameLabel
	{
		position: absolute;
		top: 64px;
		left: 32px;
		width: 100px;
		font-family: 'Trebuchet MS', 'MS Trebuchet', Trebuchet, Arial, sans-serif;
		font-size: 14px;
		color: #999;
	}
	
	label#loginKeyLabel
	{
		position: absolute;
		top: 116px;
		left: 32px;
		width: 100px;
		font-family: 'Trebuchet MS', 'MS Trebuchet', Trebuchet, Arial, sans-serif;
		font-size: 14px;
		color: #999;
	}
	
	input#loginSubmit
	{
		position: absolute;
		top: 162px;
		left: 163px;
		width: 120px;
		height: 36px;
		border: none;
		background: none;
		-webkit-appearance: none;
		outline: none;
		font-size: 1px;
		line-height: 1px;
		color: #faf69f;
	}