@charset "UTF-8";

@media screen, projection {
	html,
	body {
		height: 100%;
		width: 100%;
		margin: 0;
		
	}

	body {
		margin: 0;
	}
	
	#ml_page {
		
		/*height: 100%;*/
		min-height: 100%;
		width: 920px;
		margin:0px auto;
		
	}
	#ml_header {		
		height: 110px;
		z-index:999;
		text-align: right;
	}
	
	#ml_footer {
		clear: both;
		z-index:999;
		margin-top: 80px;
		height: 130px;
		width: 100%;
		background-color: #d7d7d7;
		text-align: center;
	}
	
	#ml_footer .content {
		width: 900px;
		color: #FFFFFF;
		text-align: left;
		margin:0px auto;
		padding-top: 20px;
	}
	
	#ml_navigation {
		/*width: 295px;*/
		width: 270px;
		float: left;
	}
	
	#ml_content_container{
		float: left;
		margin-bottom: 100px;
	}
	
	.active #ml_footer {
		position: fixed;
		z-index:999;
		bottom: 0;
		height: 20px;
		width: 100%;
		background-color: white;
		text-align: center;
		filter:alpha(opacity=85); /* IE */
		-moz-opacity:0.85; /* Gecko-Browser */
		opacity:0.85; /* Opera 9+ */
	}
	
	.green{
		color: #b9ce03;
	}
	.orange{
		color: #fd742e;
	}
	
}