@import url('reset.css');
@import url('style.css');

.homeImg { float: left; display: block;}

.homeImg a { display: block; }

.firstDiv { margin: 14px 6px 15px 26px; }

#pagecontent {
	overflow: hidden;
	background: #dbf1f9 url(/img/global/nighttime-bg.jpg) top left repeat-x;
}

ul#homepageTop, ul#homepageBottom {
	margin-left: 18px;
	height: 330px;
}

ul#homepageTop {
	margin-top: 10px;
	margin-bottom: 10px;
}

ul#homepageTop li {
	display: block;
	float: left;
	position: relative;
}

ul#homepageBottom {
	height: auto;
}

.home-main {
    background: url(/img/homepage/nighttime-hero.png) top left no-repeat;
	/*background: url(/img/en/recipe/homepage-MainImg.gif) top left no-repeat;*/
	width: 482px;
	height: 320px;
	margin-right: 10px;
}

.home-featured {
	background: url(/img/en/recipe/homepage-FeatureRecipe.gif) top left no-repeat;
	width: 393px;
	height: 320px;
}

.home-featured a.floatLink {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 393px;
	height: 240px;

}

.home-featured a.textLink {
	position: relative;
	top: 62px;
	left: 110px;
	background: url(/img/en/recipe/homepage-recipeTitle.gif) top left no-repeat;
	width: 177px;
	height: 9px;
}

.home-featured a.textLink:hover {
	background: url(/img/en/recipe/homepage-recipeTitleON.gif) top left no-repeat;
}

.breakIt {
	clear: left;
	margin-left: 23px;
}

ul#homepageBottom {
	clear: left;
}

ul#homepageBottom li {
	position: relative;
	display: block;
	float: left;
}


.home-box1 {
 	background: url(/img/homepage/homepage-bucket01.png) top left no-repeat;
	width: 296px;
	height: 236px;
}

.home-box2 {
/* 	background: url(/img/en/recipe/homepage-box2.gif) top left no-repeat; */
	width: 292px;
	height: 236px;
}

.home-box2 {
	background: url(/img/homepage/homepage-bucket02.png) top left no-repeat;
}

.titleLink {
	position: relative;
	top: 40px;
}

.imgLink {
	position: absolute;
	bottom: 44px;
	right: 30px;
}

.home-box1 a.titleLink {
	display: block;
	width: 240px;
	height: 40px;
	margin-left: 30px;
}

.home-box1 a.imgLink {
	display: block;
	width: 134px;
	height: 120px;
	margin-left: 7px;
	bottom: 30px;
}

.home-box1 a.textLink {
	/* bottom: 125px !important;
	bottom: 119px; */
	bottom: 99px !important;
	bottom: 93px;
	left: 43px;
	width: 54px;
	height: 18px;
	background: url(/img/homepage/homepage-bucket03-learnmore-off.jpg) top left no-repeat;
}

.home-box1 a.textLink:hover { 	background: url(/img/homepage/homepage-bucket03-learnmore-on.jpg) top left no-repeat; }

.home-box1 a.addedtextLink {
	bottom: 140px !important;
	bottom: 134px;
	left: 45px;
	width: 74px;
	height: 10px;
	background: url(/img/en/contest/freestorybook/btn_jun2010_entercode.gif) left top no-repeat;
	display: block;
	position: absolute;
}

.home-box1 a.addedtextLink:hover { background: url(/img/en/contest/freestorybook/btn_jun2010_entercodeON.gif) left top no-repeat; }

li.home-box2 a.titleLink {
	display: block;
	width: 210px;
	height: 41px;
	margin-left: 17px;
	left: 25px;
	top: 47px;
	/*background: url(/img/en/recipe/homepage-box2Title.gif) top left no-repeat; */
}

.home-box2 a.imgLink {
	display: block;
	width: 130px;
	height: 103px;
	margin-left: 27px;
	bottom: 54px;
	right: 15px;
	/*background: url(/img/en/recipe/homepage-box2img.gif) top left no-repeat; */
}

.home-box2 a.textLink {
	background: url(/img/homepage/homepage-bucket02-learnmore-off.jpg) top left no-repeat;
	width: 64px;
	height: 18px;
	bottom: 37px !important;
	bottom: 62px;
	left: 49px;
}

.home-box2 a.textLink:hover {
	background: url(/img/homepage/homepage-bucket02-learnmore-on.jpg) top left no-repeat;
}

.textLink {
	position: absolute;
	display: block;
	left: 41px;
	background: url(/img/en/recipe/homepage-box1link.gif) top left no-repeat;
	width: 54px;
	height: 8px;
	bottom: 39px !important;
	bottom: 35px;
}

.home-box3 {
	background: url(/img/homepage/homepage-bucket03.png) top left no-repeat;
	width: 295px;
	height: 236px;
}

.home-box3 a.textLink {
	display: block;
	width: 59px;
	height: 18px;
	left: 51px;
	bottom: 37px !important;
	bottom: 37px;
	background: url(/img/homepage/homepage-bucket03-learnmore-off.jpg) top left no-repeat;
}

.home-box3 a.textLink:hover {
	background: url(/img/homepage/homepage-bucket03-learnmore-on.jpg) top left no-repeat;
}

li.home-box3 a.titleLink {
	left: 46px;
	width: 201px;
	height: 41px;
	display: block;
	/*background: url(/img/en/recipe/homepage-box3Title.gif) top left no-repeat; */
}

li.home-box3 a.imgLink {
display: block;
width: 82px;
height: 123px;
bottom: 16px;
right: 33px;
/* background: url(/img/en/recipe/homepage-box3img.gif) top left no-repeat; */
}



#forsearchengine {
	position: absolute;
	left: -9999px;
}

#HPrecipeContainer { width: 389px;
      height: 320px;
      position: relative; }

#HPrecipeContainer span { width: 389px;
  height: 340px;
    background: transparent url(/img/homepage/nighttime-story.png) left top no-repeat !important;
/*  background: transparent url(/img/en/recipe/HP_recipeContainer.png) left top no-repeat !important;*/
  position: absolute;
  z-index: 10; }

#HPrecipeContainer img.HPrecipeImg { position: relative;
  top: 52px;
  display: none;}

#HPrecipeContainer a.HPrecipeLink { display: none;
  position: absolute;
  width: 357px;
  text-align: center;
  z-index: 20;
  left: 15px;
  top: 56px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px; }

#HPrecipeContainer a.HPrecipeLink:hover {
	color: #40B3D9;
}

#HPrecipeContainer a.HPrecipeLink img { position: relative;
  top: 3px;}

#HPrecipeContainer a.HPrecipeImgLink { display: block;
  width: 380px;
  height: 225px;
  position: absolute;
  left: 0;
  top: 82px;
  z-index: 50; }


 #cloudA, #cloudB, #cloudC, #cloudD, #cloudE {
 position:absolute;
 width:200px;
 height:100px;
 background:url(/img/fr/homepage/cloudA.png) no-repeat;
 top:85px;
 left:-10px;
 z-index:200;

 }

 #cloudB {
   background:url(/img/fr/homepage/cloudB.png) no-repeat;
 top:350px;
 left:40px;
  }

 #cloudC {
   background:url(/img/fr/homepage/cloudC.png) no-repeat;
 top:405px;
 left:310px;
  }

 #cloudD {
   background:url(/img/fr/homepage/cloudD.png) no-repeat;
 top:85px;
 left:877px;
  }

 #cloudE {
   background:url(/img/fr/homepage/cloudE.png) no-repeat;
 top:180px;
 left:860px;
  }

  #header {
	background: #0198cd url(/img/global/BGheader-nighttime.gif) top left no-repeat;
	}