@media screen {

	/* ----------------------------------------------------------
		This is the new way to clear stuff based on work done by
		positioniseverything.net

		http://www.positioniseverything.net/easyclearing.html

		Basically you just need to apply the .clearfix class to
		anything that contains a float that you need cleared.
		
		Simple isn't it!
	------------------------------------------------------------- */
/*
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	    margin: 0;
		padding: 0;
	}
*/

	.clearfix:after {
		content: ".";
               visibility: hidden;
               clear: both;
               height: 0;
               line-height: 0em;
               font-size: 0px;
		margin: 0;
		padding: 0;
		display: block;
	}

	.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	/* ----------------------------------------------------------
		Default element properties
	------------------------------------------------------------- */

	div#footerwrapper {
		font-size: 80%;
	}	
	
	div#footer {
		clear: both;
		background-color: #f1ede3;
		margin-top: 1em;
		padding: 0.5em;
		border-top: 1px solid #877d71;
		font-size: smaller;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	}
	
	div#footer div#pagecopyright {
		float: left;
		width: 45%;
	}
	
	div#footer div#pagelegal {
		float: right;
		width: 45%;
	}
	
	div#footer div#pagelegal ul {
		margin: 0;
		padding: 0;
		display: block;
		float: right;
	}

	div#footer div#pagelegal ul li {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		margin-left: 1em;
	}

}