@media screen , projection {
	body {
		text-align: center;
	}
	#wrapper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		text-align: left;
		width: 888px;
	}
	#head {
		height: 167px;
		position: relative;
	}
	#main {
		height: 420px;
	}
	#content {
		float: left;
		width: 750px;
	}
	#sidebar {
		display: inline;
		float: right;
		width: 138px;
	}
	.item {
		width: 360px;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.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%;
	}
}