* {	margin: 0px;
	padding: 0px;
	outline: none;
	border: none;}
	
@font-face {
    font-family: 'frager';
    src: url('../font/opensans-light-webfont.eot');
    src: url('../font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-light-webfont.woff') format('woff'),
         url('../font/opensans-light-webfont.ttf') format('truetype'),
         url('../font/opensans-light-webfont.svg#frager') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
html,body {	height: 100%;
			background-color: #000;
			font-family: frager, Arial, Verdana;
			overflow: hidden;
			}
			
#wrapper {height: 100%;
			width: 800px;}

#left {	height: 100%;
		width: 250px;
		background-color: #77b900;
		border-right: solid 2px #fff;
		float: left;
		position: relative;
		box-shadow: 5px 0px 10px -5px #77b900;
		-webkit-box-shadow: 5px 0px 10px -5px #77b900 ;
		-moz-box-shadow: 5px 0px 10px -5px #77b900 ;}
		
#logo {	font-size: 40px;
		font-weight: normal;
		text-align: center;
		padding: 200px 0px 0px 0px;
		color: #000;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
		

		
#validator {position: absolute;
			bottom: 10px;
			width: 95%;
			margin: 0 auto;
			text-align: center;}	
	
#main {	height: 100%;
		text-align: left;
		float: right;
		width: 540px;}
		
#maincontent {	color: #fff;
				height: 100%;	
				padding: 10px 0px 0px 10px;
				position: relative;}
				
#maincontent #logotable {position: absolute;
						bottom: 10px;
						left: 10px;}