/* http://L8.hu CSS */

	html, body {
		position:absolute;
		top:0px;
		left:0px;
		right:0px; 
		font-family:Arial, sans-serif;
		background-color:#FFFFFF;
	}
	
	html, body, div, h1, h2, span, ul, li, a {
		margin:0;
		padding:0;
		border:none;
	}
	
	ul {
		list-style-type:none;
		display:block;
	}
	
	:link, :visited {
		text-decoration:none; 
	}

	
	#header {
		top:0px;
		border-bottom:1px solid #293D6B;
		width:100%;
		height:120px;
		background:transparent url(http://l8.hu/img/template.jpg) repeat scroll 0px -120px;
		text-align:center;
	}
	
	#logoin {
		margin:0 auto;
		width:940px;
		height:120px;
		background:transparent url(http://l8.hu/img/template.jpg) no-repeat scroll 0px 0px;
	}
	
	#logoin a {
		width:120px;
		height:120px;
		display:block;
	}
	
	#main {
		margin:auto;
		width:980px;
	}
	
		
	#logoin a, #menu, #menubot, .box, .box ul, .section {
		float:left;
	}
	
	h1 {
		margin:20px;
		width:940px;
		color:#333333;
		text-align:center;
		font-size:40px;
		letter-spacing:1px;
	}
	
	#menu {
		padding:10px;
		width:920px;
		text-align:center;
		background:url(http://l8.hu/img/menutop.jpg) no-repeat top center;
	}

	#menubot {
		margin:0px 20px 0px 20px;
		background:#E4F1F7 url(http://l8.hu/img/menubot.jpg) no-repeat bottom center;
	}
	
	#menu ul li {
		display:inline;
		white-space:nowrap;
	}
	
	#menu ul li a {
		color:#293D6B;
		letter-spacing:-1px;
		font-size:0.9em;
		font-weight:bold;
		text-decoration:none;
	}
	
	#menu ul li a:hover {
		text-decoration:underline;
	}
	
	#menu ul li span {
		color:#333333;
		letter-spacing:1px;
		font-size:1em;
	}
	
	.box {
		margin:20px 0px 0px 20px;
	}
	
	.section {
		width:100%;
		height:1px;
		font-size:1px;
		overflow:hidden;
	}
	
	.box ul {
		margin:0px 20px 0px 0px;
		width:220px;
		font-size:0.7em;
	}
	
	.box ul.ulright {
		margin:0px 0px 0px 0px;
		width:220px;
		font-size:0.7em;
	}
	
	.box li {
		margin-bottom:1px;
		font-weight:bold;
	}
	
	.box li.lihead {
		padding-top:8px;
		height:20px;
		color:#FFFFFF;
		text-align:center;
		background:transparent url(http://l8.hu/img/template.jpg) repeat scroll 0px -240px;
		background-repeat:no-repeat;
	}
	
	.box li.lifoot {
		height:12px;
		background:transparent url(http://l8.hu/img/template.jpg) repeat scroll 0px -268px;
		background-repeat:no-repeat;
	}
	
	.box li a {
		padding:3px 10px;
		border:1px solid #E4F1F7;
		width:198px;
		color:#293D6B;
		background-color:#E4F1F7;
		text-decoration:none;
		display:block;
	}
	
	.box li a:hover {
		border:1px solid #293D6B;
		width:198px;
		color:#293D6B;
		text-decoration:none;
	}
	
	#footer {
		margin-top:20px;
		border-top:3px solid #293D6B;
		padding-top:5px;
		padding-bottom:5px;
		bottom:0px;
		float:left;
		width:100%;	
		background-color:#0985B5;
		text-align:center;
	}
	
	#footer ul li {
		display:inline;
		font-size:0.8em;
	}
	
	#footer ul li a {
		color:#E4F1F7;
		text-decoration:none;
	}
	
	#footer ul li a:hover {
		color:#66FFFF;
		text-decoration:underline;
	}
	
	#footer ul li span {
		color:#E4F1F7;
		letter-spacing:1px;
		font-size:1em;
	}

