@charset "UTF-8";
/* CSS Document */



#mainContent ol{
	padding-left:10px;
	margin-bottom:0;
}


div#mainHeader{
	position:relative;
	width:960px;
	height:287px;
	margin:0 0 20px 0;
	background-image:url(../img/main_header.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


/*============Left================*/

div#mainContLeft{
	position:relative;
	width:300px;
	margin:0 15px;
	float:left;	
}

*html div#mainContLeft{	
	margin:0 8px;
}


div#mainContLeft #prof{
	position:relative;
	width:300px;
	height:1350px;
	background-image:url(../img/profile.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}


div#mainContLeft #shop{
	position:relative;
	width:300px;
	height:307px;
	margin:15px 0;
	background-image:url(../img/shop.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}


div#mainContLeft #shop #url{
	position:absolute;
	width:136px;
	height:19px;
	margin:211px 0 0 8px;
	}
	
div#mainContLeft #shop #url a{
	display:block;
	width:136px;
	height:19px;
	background:url(../img/shop_url.jpg) 0 0 no-repeat;
	}	

div#mainContLeft #shop #url a:hover{
	background-position:0 -18px;
	}	

/*============Right================*/


div#mainContRight{
	position:relative;
	width:615px;
	margin:0 15px 0 0;
	float:right;	
}

*html div#mainContRight{
	margin:0 6px 0 0;
}


/*======menu=======*/

#menu{
	position:relative;
	width:615px;
	height:33px;
	margin-bottom:15px;
}

#menu ul {
	width:615px;
	height:33px;
	padding:0;
}
#menu li,
#menu li a {
	height:33px;	
	display:block;
	float:left;
	list-style-type:none;
}

#menu li#beauty a{
	width:102px; 
	background:url(../img/menu.jpg) no-repeat 0 0;
	}
#menu li#intelligence a{
	width:142px;
	background:url(../img/menu.jpg) no-repeat -102px 0;
	}
#menu li#travel a{
	width:88px;
	background:url(../img/menu.jpg) no-repeat -244px 0;
	}
#menu li#create a{
	width:94px;
	background:url(../img/menu.jpg) no-repeat -332px 0;
	}
#menu li#relax a{
	width:83px;	
	background:url(../img/menu.jpg) no-repeat -426px 0;
	}
#menu li#sports a{
	width:106px;
	background:url(../img/menu.jpg) no-repeat -509px 0;
	}
	
#menu li#beauty a:hover,
#menu li#beauty_on{
	width:102px; 
	background:url(../img/menu.jpg) no-repeat 0 -33px;
	}
#menu li#intelligence a:hover,
#menu li#intelligence_on{
	width:142px;
	background:url(../img/menu.jpg) no-repeat -102px -33px;
	}
#menu li#travel a:hover,
#menu li#travel_on{
	width:88px;
	background:url(../img/menu.jpg) no-repeat -244px -33px;
	}
#menu li#create a:hover,
#menu li#create_on{
	width:94px;
	background:url(../img/menu.jpg) no-repeat -332px -33px;
	}
#menu li#relax a:hover,
#menu li#relax_on{
	width:83px;	
	background:url(../img/menu.jpg) no-repeat -426px -33px;
	}
#menu li#sports a:hover,
#menu li#sports_on{
	width:106px;
	background:url(../img/menu.jpg) no-repeat -509px -33px;
	}
	
/*============ancer================*/

.pageTop{
	position:absolute;
	width:56px;
	height:20px;
	left:555px;
	}
	
	
.pageTop a{
	display:block;
	width:56px;
	height:20px;
	background:url(../img/to_top.jpg) 0 0 no-repeat;
	}
		
.pageTop a:hover{
	background-position:0 -20px;
}


/*============Footer================*/

div#mainFooter{
	clear:both;
	position:relative;
	width:930px;
	/*height:72px;*/
	margin:0 auto;
	padding-top:30px;
}

#mainFooter p a{
	display:block;
	width:930px;
	height:72px;
	background:url(../img/fancl_banner.jpg) 0 0 no-repeat;
	}
	
#mainFooter p a:hover{
	background-position:0 -72px;
}