body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	list-style:none;
}
caption,th{
	text-align:left;
}
.inv{
	display:none;
}

body{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:url(/pics/body_bg.jpg) #fff 50% 0 no-repeat;
}
#wrapper{
	width:900px;
	height:665px;
	margin:0 auto;
	position:relative;
	background:url(/pics/bg_default.jpg) 0 143px no-repeat;
}
#logo{
	position:absolute;
	top:0;
	left:0;
}
#logo, #logo a{
	width:900px;
	height:143px;
	display:block;
}
#logo a{
	text-indent:-19999px;
	overflow:hidden;
}
#menu{
	position:absolute;
	top:148px;
	left:405px;
}
#menu li, #menu a{
	float:left;
}
#menu a{
	font-size:14px;
	line-height:14px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	padding:0 10px;
	border-left:1px solid #fff;
}
#menu a:hover{
	text-decoration:underline;
}
#menu a.active{
	
}
#menu a.first{
	border-left:0;
	padding-left:0;
}
#menu a.last{
	padding-right:0;
}
#menu ul{
	position:absolute;
	top:19px;
	width:455px;
	padding-top:4px;
	left:0;
	border-top:1px solid #fff;
}
#menu ul a{
	font-size:12px;
	line-height:12px;
	text-transform:none;
}
#content{
	position:absolute;
	left:550px;
	top:230px;
}
#content h1{
	font-size:18px;
	margin:15px 0;
	font-weight:normal;
}
#content p, #content ul{
	margin:8px 0;
}
#content a{
	color:#fff;
	text-decoration:underline;
}
#content a:hover{
	text-decoration:none;
}
#footer{
	position:absolute;
	right:76px;
	top:648px;
	color:#b42339;
}
#footer a{
	color:#b42339;
	text-decoration:none;
	font-size:10px;
	letter-spacing:1px;
}
#footer a:hover{
	text-decoration:underline;
}

body.lemonbee #wrapper{
	background-image:url(/pics/bg_lemonbee.jpg);
}

body.cocobee #wrapper{
	background-image:url(/pics/bg_cocobee.jpg);
}

body.lemonbee, body.cocobee, body.lemonbee #menu a, body.cocobee #menu a, body.dragoncola #menu a, body.dragonsprite #menu a, body.lemonbee #menu ul, body.cocobee #menu ul, body.dragoncola #menu ul, body.dragonsprite #menu ul{
	color:#b62435;
	border-color:#b62435;
}

body.o_dragon #wrapper{
	background-image:url(/pics/bg_o_dragon.jpg);
}
body.dragonsprite #wrapper{
	background-image:url(/pics/bg_dragonsprite.jpg);
}
body.dragoncola #wrapper{
	background-image:url(/pics/bg_dragoncola.jpg);
}

#articles{
	width:270px;
	margin:25px 0 0 0;
}
#articles a{
	float:left;
	width:58px;
	height:58px;
	overflow:hidden;
	background:#fff;
	margin:0 9px 9px 0;
	position:relative;
}
#articles a span{
	position:absolute;
	top:0;
	left:0;
	width:58px;
	height:58px;
	background-position:99px 0;
	background-repeat:no-repeat;
}
#articles a:hover{
	background:#fff;
}
#articles a:hover span{
	background-position:0 0;
}
#articles a img{
	border:0;
}


body.home{
	background-image:url(/pics/body_bg_index.jpg);
}
body.home #wrapper{
	background:none;
}
body.home #menu, body.home #footer, body.home #logo{
	display:none;
}
body.home #content{
	left:650px;
	top:350px;
	width:270px;
}
body.home #content h1{
	font-size:10px;
	color:#b11f25;
	margin:0;
}
body.home #content h1 b{
	font-size:40px;
}
body.home #content a{
	color:#b11f25;
	font-size:10px;
	padding:0 0 0 5px;
}


/* imgpopup */
#imgp_imgwrap{
	position:absolute;
	background:#eee;
	border:15px solid #fff;
	z-index:131;
	display:none;
}
#imgp_img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#imgp_caption{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#fff;
	color:#000;
	padding:5px 10px;
}
#imgp_close{
	position:absolute;
	right:0;
	top:0;
	width:21px;
	height:21px;
	background:url(/pics/imgpopup/close.gif) #fff 50% 50% no-repeat;
	cursor:pointer;
}
#imgp_prev, #imgp_next{
	position:absolute;
	width:38px;
	height:45px;
	top:50%;
	margin-top:-23px;
	background:url(/pics/imgpopup/arrow.gif) no-repeat;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}
#imgp_prev{
	left:0;
	background-position:10px 10px;
}
#imgp_next{
	right:0;
	background-position:-18px 10px;
}
#imgp_prev:hover, #imgp_next:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#imgp_prev:hover{
	background-position:10px -25px;
}
#imgp_next:hover{
	background-position:-18px -25px;
}
#imgp_shadow_wrap{
	position:absolute;
	z-index:130;
	display:none;
}
#imgp_shadow_wrap div{
	position:absolute;
}
#imgp_shadow_nw{
	top:0;
	left:0;
	width:87px;
	height:85px;
	background:url(/pics/imgpopup/shadow_nw.png);
}
#imgp_shadow_n{
	height:85px;
	background:url(/pics/imgpopup/shadow_n.png);
	left:87px;
	right:85px;
	top:0;
}
#imgp_shadow_ne{
	top:0;
	right:0;
	width:85px;
	height:85px;
	background:url(/pics/imgpopup/shadow_ne.png);
}
#imgp_shadow_w{
	left:0;
	top:85px;
	bottom:87px;
	width:87px;
	background:url(/pics/imgpopup/shadow_w.png);
}
#imgp_shadow{
	background:url(/pics/imgpopup/shadow.png);
	left:87px;
	right:85px;
	top:85px;
	bottom:87px;
}
#imgp_shadow_e{
	right:0;
	top:85px;
	bottom:87px;
	width:85px;
	background:url(/pics/imgpopup/shadow_e.png);
}
#imgp_shadow_sw{
	bottom:0;
	left:0;
	width:87px;
	height:87px;
	background:url(/pics/imgpopup/shadow_sw.png);
}
#imgp_shadow_s{
	height:87px;
	background:url(/pics/imgpopup/shadow_s.png);
	left:87px;
	right:85px;
	bottom:0;
}
#imgp_shadow_se{
	bottom:0;
	right:0;
	width:85px;
	height:87px;
	background:url(/pics/imgpopup/shadow_se.png);
}

/* ie6  */
* html #imgp_shadow_wrap{
	background:#000;
	filter:alpha(opacity=30);
}
* html #imgp_shadow_wrap div{
	display:none;
}