body{
	padding: 0;
	margin: 0;
	height: 100%;
	overflow-x: hidden;
	overflow-y: visible;
	width: 640px;
	background: #2b2b2b;
}
#preloader{
	position: absolute;
	top: 160px;
	width: 200px;
	height: 200px;
	background: url(preloader.png) no-repeat left top;
	left:50%;
	margin-left: -100px;
	opacity: 0;
}

#wrapper{
	position: relative;
}
#header{
	height: 83px;
	position: fixed;
	width: 100%;
	top:0;
	z-index: 999;
}
#header a#open-btn{
	width: 87px;
	height: 83px;
	position: absolute;
	top:0;
	left: 0;
}
#header a#close-btn{
	width: 87px;
	height: 83px;
	background: white url(360-close.jpg) no-repeat;
	position: absolute;
	top:-84px;
	left: 0;
}

#header a#open-btn span,
#header a#close-btn span{
	display: none;
}

#menu{
	width: 552px;
	height: 1116px;
	background-image: url(360-menu.jpg);
	background-position: 0 -1px;
	position: fixed;
	left:-552px;
	top:-1px;
	z-index: 999;
}
#content{
	width: 640px;
	position: relative;
	background-position: 0 -83px;
	margin-top: 83px;
	z-index: 666;
	opacity: 0;
}

#home #content,
#header{
	background-image: url(360-home.jpg);
	background-repeat: no-repeat;
}
#home #content{
	height: 3136px;
}
#category #content{
	background-image: url(360-category.jpg);
	background-repeat: no-repeat;
	height: 2596px;
}
#article #content{
	background-image: url(360-article.jpg);
	background-repeat: no-repeat;
	height: 5016px;
}
#page #content{
	background-image: url(360-page.jpg);
	background-repeat: no-repeat;
	height: 2802px;
}