* {margin:0px; padding:0px;}

body {
	margin: 0px;
	font: 0.8em Arial, Helvetica, sans-serif;
	height: 100%;
	text-align: center;
}
div#container {
	width:760px;
/*	border: 1px solid #000000;	*/
	margin-left:auto; 	
	margin-right:auto;
	padding-bottom: 20px;
	font-size: 0.9em;
	margin: 0 auto;
	text-align:left;
}

div#content {
	float:left; 
	width:720px; 
	height:460px;
	display:inline;
	margin-top:10px; 
}

div#contentarea {
	float:left;
	width:760px;
	}
div#contentarea2 {
	float:left;
	width:760px;
	}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*** Above here is page centring stuff ************************************************************/
/*** Vertical Centring **************************************************************************/
#horizon {
	background-color: transparent;
	position: absolute;
	top: 45%;
	left: 0px;
	width: 100%;
	margin-top: -200px;
	text-align: center;
	min-width: 900px; 
}


div#container {
	vertical-align:top;
}
div#header{
	height:110px;
	width:100%;
}
#menu{
	float:right;
	padding-right:40px;
}
img.logo{
	float:left;
	
}
div#body {
width:100%;

}