﻿html{
	background:#000 url(../images/bg-html.png) repeat-y 50% 0;
	height:100%;
}
body{
	margin:0;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	position:relative;
	min-height:100%;
	background:url(../images/bg-body.png) no-repeat 50% 0;
	min-width:1000px;
}
img{
	border-style:none;
	vertical-align:top;
}
*{outline:none;}
a{
	text-decoration:none;
	color:#ff0;
	cursor:pointer;
}
a:hover{
	text-decoration:none;
	color:#6ff;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
.wrapper{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.header{
	width:980px;
	height:483px;
	overflow:hidden;
	position:relative;
}
.image1,
.image2,
.image3,
.image4{
	float:left;
}
.text-lezdom{
	position:absolute;
	width:396px;
	height:150px;
	background:url(../images/text-lezdom.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	top:0;
	left:8px;
	margin:0;
}
.text-circus{
	position:absolute;
	width:373px;
	height:179px;
	background:url(../images/text-circus.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	top:0;
	left:633px;
}
.nav{
	position:absolute;
	top:416px;
	left:124px;
}
.nav li{
	float:left;
	background:url(../images/bullet.png) no-repeat 0 50%;
	padding:0 28px 0 40px;
}
.nav li:first-child{
	background:none;
}
.nav a{
	display:block;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
}
.nav a.bookmark{
	width:197px;
	background:url(../images/text-bookmark.png) no-repeat;
}
.nav a.join{
	width:173px;
	background:url(../images/text-join.png) no-repeat;
}
.nav a.members{
	width:176px;
	background:url(../images/text-members.png) no-repeat;
}
.main{
	width:100%;
	overflow:hidden;
}
h2{
	height:66px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}
h2 a{
	display:block;
	height:100%;
	position:relative;
}
.text-mistress{
	width:779px;
	background:url(../images/text-mistress.png) no-repeat;
}
.text-wisdoms{
	width:980px;
	height:80px;
	background:url(../images/text-wisdoms.png) no-repeat;
	overflow:hidden;
	margin-top:15px;
}
.text-fantasy{
	width:980px;
	height:80px;
	background:url(../images/text-fantasy.png) no-repeat;
	overflow:hidden;
	margin-top:15px;
}
.text-hot{
	width:980px;
	height:80px;
	background:url(../images/text-hot.png) no-repeat;
	overflow:hidden;
	margin-top:15px;
}
.block{
	width:980px;
	height:788px;
	overflow:hidden;
	position:relative;
}
.block-top{
	margin-top:14px;
}
.btn-join{
	position:absolute;
	width:218px;
	height:212px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-join.png) no-repeat;
	top:281px;
	left:382px;
}
.block span{
	position:absolute;
	border:3px solid #f9d5e6;
}
.block .item1{
	top:0;
	left:0;
}
.block .item2{
	top:0;
	left:494px;
}
.block .item3{
	top:199px;
	left:494px;
}
.block .item4{
	top:0;
	left:742px;
}
.block .item5{
	top:398px;
	left:0;
}
.block .item6{
	top:398px;
	left:248px;
}
.block .item7{
	top:597px;
	left:248px;
}
.block .item8{
	top:398px;
	left:494px;
}
.title-link{
	display:block;
	margin:0 auto;
	font:bold 22px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	width:962px;
	margin:15px auto 0;
	text-align:center;
	background:#9d0000;
	border:1px solid #FFFF00;
	overflow:hidden;
}
.title-link2{
	display:block;
	margin:0 auto;
	font:bold 31px/32px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	width:962px;
	margin:15px auto 0;
	text-align:center;
	background:#9d0000;
	border:1px solid #FFFF00;
	overflow:hidden;
}

.holder-container{
	margin-top:10px;
}
.container{
	width:980px;
	overflow:hidden;
	padding-left:8px;
	margin-left:-8px;
	margin-right:-8px;
}
.container a{
	float:left;
	width:232px;
	margin:12px 12px 0 0;
	text-align:center;
	overflow:hidden;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
}
.container a:hover img{
	border:1px solid #6ff;
}
* +html .container a{
	display:inline;
	margin:12px 5px 0;
}
* html .container a{
	display:inline;
	margin:12px 5px 0;
}
.container a img{
	width:230px;
	border:1px solid #ff0;
}
.container a span{
	display:block;
	margin-top:4px;
}
.footer{
	width:100%;
	overflow:hidden;
	text-align:center;
	font:12px/14px Arial, Helvetica, sans-serif;
}