/*  
Upgrade website www.zhuxiaomei.cn to grid using div+css
*/

* {
  padding:0;
  margin:0;
  font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
}

body {
  background: #FEFAEE;
  text-align: left;
  margin: 0px;
}

/* =layout */


#taobao {
  position: absolute; left: 0px; top: 0px;
  width:  321px;
  height: 110px;
}
	#taobao_menu {
	  list-style: none;
	  width: 321px;
	  height: 110px;
	  position: relative;
	}
	
	#taobao_menu a {
	  display: block;
	  text-indent: -900%;
	  position: absolute;
	  outline: none;
	}
	
	#taobao_menu a:hover {
	  background-position: left bottom;
	}
	
	#taobao_menu .taobao {
	  width: 321px;
	  height: 110px;
	  background: url(images/taobao.jpg) no-repeat;
	  left: 0px;
	  top: 0px;
	}

#tuijian {
	  background: #FEFAEE url('images/tuijian.jpg');
  position: absolute; left: 0px; top: 145px;
  width:  350px;
  height: 515px;
}
	#tuijian #content {
		position: relative; left: 50px; top:130px;
		width: 240px;
		height:260px;
	}

#baby {
  position: absolute; left: 468px; top: 30px;
  width:  148px;
  height: 178px;
}
	#baby_menu {
	  list-style: none;
	  width: 148px;
	  height: 178px;
	  position: relative;
	}
	
	#baby_menu a {
	  display: block;
	  text-indent: -900%;
	  position: absolute;
	  outline: none;
	}
	
	#baby_menu a:hover {
	  background-position: left bottom;
	}
	
	#baby_menu .baby {
	  width: 148px;
	  height: 178px;
	  background: url(images/baby.jpg) no-repeat;
	  left: 0px;
	  top: 0px;
	}

#diary {
  position: absolute; left: 638px; top: 8px;
  width:  149px;
  height: 175px;
}
	#diary_menu {
	  list-style: none;
	  width: 149px;
	  height: 175px;
	  position: relative;
	}
	
	#diary_menu a {
	  display: block;
	  text-indent: -900%;
	  position: absolute;
	  outline: none;
	}
	
	#diary_menu a:hover {
	  background-position: left bottom;
	}
	
	#diary_menu .diary {
	  width: 149px;
	  height: 175px;
	  background: url(images/blog.jpg) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	
#illustration {
  position: absolute; left: 808px; top: 50px;
  width:  152px;
  height: 180px;
}
	#illustration_menu {
	  list-style: none;
	  width: 152px;
	  height: 180px;
	  position: relative;
	}
	
	#illustration_menu a {
	  display: block;
	  text-indent: -900%;
	  position: absolute;
	  outline: none;
	}
	
	#illustration_menu a:hover {
	  background-position: left bottom;
	}
	
	#illustration_menu .illustration {
	  width: 152px;
	  height: 180px;
	  background: url(images/illustration.jpg) no-repeat;
	  left: 0px;
	  top: 0px;
	}
	
#links {
	  background: #FEFAEE url('images/links.jpg');
  position: absolute; left: 473px; top: 420px;
  width:  184px;
  height: 240px;
}
	#food_menu {
	  list-style: none;
	  width: 121px;
	  height: 34px;
	  position: relative;
	}
	
	#food_menu a {
	  display: block;
	  text-indent: -900%;
	  position: absolute;
	  outline: none;
	}
	
	#food_menu a:hover {
	  background-position: left bottom;
	}
	
	#food_menu .food {
	  width: 121px;
	  height: 34px;
	  background: url(images/food.jpg) no-repeat;
	  left: 37px;
	  top: 45px;
	}

	#links_menu {
	  list-style: none;
	  width: 108px;
	  height: 27px;
	  position: relative;
	}
	
	#links_menu a {
	  display: block;
	  text-indent: -900%;
	  position: absolute;
	  outline: none;
	}
	
	#links_menu a:hover {
	  background-position: left bottom;
	}
	
	#links_menu .links {
	  width: 108px;
	  height: 27px;
	  background: url(images/link.jpg) no-repeat;
	  left: 45px;
	  top: 48px;
	}
	
#aboutme {
  position: absolute; left: 657px; top: 243px;
  width:  303px;
  height: 417px;
}
	#aboutme_menu {
	  list-style: none;
	  width: 303px;
	  height: 417px;
	  position: relative;
	}
	
	#aboutme_menu a {
	  display: block;
	  text-indent: -900%;
	  position: absolute;
	  outline: none;
	}
	
	#aboutme_menu .aboutme {
	  width: 303px;
	  height: 417px;
	  background: url(images/aboutme.jpg) no-repeat;
	  left: 0px;
	  top: 0px;
	}

	#aboutme_menu span {
	  display: none;
	  position: absolute;
	}
	
	#aboutme_menu a:hover span {
	  display: block;
	}
	
	#aboutme_menu .aboutme span {
	  width: 65px;
	  height: 51px;
	  background: url(images/heart.jpg) no-repeat;
	  left: 110px;
	  top: 190px;
	}

#icp {
  position: absolute; left: 360px; top: 642px;
  width:  150px;
  height: 20px;
}
	#icp small {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 0.7em;
		line-height: 1.5em;
	}
	#icp a {
		color: #333;
		text-decoration: none;
	}