#wrapper{
	width: 100%;
	max-width: 100%;
	height: 100%;
	background: url(img/bg2.gif) no-repeat bottom right;
}
#slogan{
	width: 97%;
	float: left;
	margin-right: 1%;
}
#header{
	width: 95%;
	margin: 2%;
	height: 30%;
}
	#topright {
	width: 31%;
	float: right;
	padding-right: 1%;
}
	#topcenter {
	width: 31%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
}
	#topleft {
	width: 31%;
	float: left;
	padding-left: 1%;
}
#content{
	width: 95%;
	margin: 2%;
}
	#maincenter {
	width: 62%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
}
	#mainleft {
	width: 31%;
	float: left;
	padding-left: 1%;
}

#footer{
	width:97%;
	margin-right: 2%;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */