/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#f2f0e9 url(../images/bg_home.gif) top left repeat-x;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9pt;
	color:#555555;
	line-height:17pt;
}

#header {
	width:780px;
	height:164px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding:0;
	background:url(../images/header_bg.gif) top left no-repeat;
}


#header_logo {float:left; width:390px; padding:35px 0 0 50px; text-align:left;}
#header_showcase_Home {float:right; padding:0 50px 0 0; text-align:right; }

.clear { clear:both;}


/* =============================== Booklet Showcase =============================== */

#booklet {
	width:780px;
	height:176px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding:0;
}

#booklet_product {float:left; width:275px; padding:0; text-align:left;}
#booklet_links {float:right; width:505px; padding:24px 0 24px 0; text-align:left; vertical-align:top;}

.clear { clear:both;}

#booklet_what {float:left; width:251px; padding:0; text-align:left;}
#booklet_buy {float:right; width:254px; padding:0; text-align:left;}

.clear { clear:both;}

/* what is MF link */
#booklet_what a.what {background:url(../images/home_button01_what.gif) left top no-repeat; width:214px; height:74px; display:block;text-decoration:none;}
#booklet_what a.what i{visibility:hidden;}
#booklet_what a.what:hover  {background-position: left bottom;}

/* buy MF link */
#booklet_buy a.buy {background:url(../images/home_button02_buy.gif) left top no-repeat; width:214px; height:74px; display:block; text-decoration:none;}
#booklet_buy a.buy i{visibility:hidden;}
#booklet_buy a.buy:hover  {background-position: left bottom;}

/* ===== END Booklet Showcase ===== */