/**
 * Stylesheets for MIO (language page)
 * 
 */


/* RESET */
	
	* { margin: 0; padding: 0; }
	img { border: none; }
	p { margin-bottom: 20px; }
	.l { float: left; }
	.r { float: right; }
	.tl { text-align: left; }
	.tr { text-align: right; }
	hr { display: none; }
	.noborder { border: none !important; }
	.mb { margin-bottom: 20px !important; }



/* GENERAL STYLES */
	
	html, body { height: 100%; width: 100%; overflow: hidden; }
	body { font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 14px; background: #000; color: #fff; line-height: 20px; overflow: hidden; }
	
	a { color: #fff; }
	a:hover { color: #ccc; }



/* MAIN DIVS */
	
	#container { position: absolute; z-index: 20; top: 0; left: 0; width: 100%; }
	#header h1 { position: absolute; top: 150px; left: 50%; margin-left: -82px; }
	
	#languages { position: absolute; top: 300px; left: 0; width: 100%; overflow: hidden; list-style: none; height: 200px; }
	
	#languages div { position: absolute; left: 50%; top: 0; width: 225px; margin-left: -100px; }
	#languages ul { position: absolute; left: 150%; top: 0; width: 200px; margin-left: -100px; list-style: none; }
	#languages div, #languages ul li { background: url(/img/assets/horizontal_line.png) no-repeat center bottom; padding-bottom: 8px; display: block; }
	#languages div.last, #languages ul li.last { background: none; }
	#languages a { display: block; height: 20px; background: url(/img/assets/white_arrow_r.png) no-repeat center right; _background: url(/img/assets/white_arrow_r.gif) no-repeat center right; text-decoration: none; }



/* CLEARFIX */
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }


/* BACKGROUND STRETCHER */

	.bgstretcher { overflow: hidden; width: 100%; position: fixed !important; z-index: 10; }
	.bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
	.bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }
	* html { background-image: url(../img/assets/a_trans.gif); background-repeat: no-repeat; background-attachment: fixed; background-color: none; }
	* html .bgstretcher { position: absolute !important; top: expression(documentElement.scrollTop+body.scrollTop + "px"); left: 0; }