/*

*/

/*
############################################################
		Page Size Controls
############################################################
*/

#container #container-pad {
	background-color:#71CDF4;}

#page-header h1 {
	background-image:url(../images/quiet/style-quiet-header.jpg);}
#page-header #page-navigation {
	background-image:url(../images/quiet/style-quiet-nav.gif);}

#page-header-sleep h1 {
	background-image:url(../images/quiet/style-quiet-sl-header.jpg);}
#page-header-sleep #page-navigation {
	background-image:url(../images/quiet/style-quiet-sl-nav.gif);}

#page-footer {
	background-color:#95DAF7;}

#page-body-lcontent #page-summary-padding {
	padding-left:22px;}

#page-body-lcontent #page-summary {
	color:#ffffff;
	float:none;}
	
	
#page-body-lcontent #page-media {
	float:right;
}


#page-body-lcontent.home {
	height:730px;
	background-repeat:no-repeat;
	background-image:url(../images/quiet/style-quiet-body.jpg);}
#page-body-lcontent.home #page-summary { width:280px; }
#page-body-lcontent.home #page-media { height:724px; width:485px; }


#page-body-lcontent.ecards #page-summary { width:220px; }
#page-body-lcontent.ecards #page-media { width:545px; }


#page-body-lcontent.awaketime #page-summary { width:290px; }
#page-body-lcontent.awaketime #page-media { width:502px; }
#page-body-lcontent.awaketime #page-section-footer {
	clear:both;
	background-image:url(../images/quiet/ninky_nonk.gif);
	background-repeat:no-repeat;
	background-position: bottom center;
	height:243px;}

#page-body-lcontent.sleep #page-summary { width:252px; }
#page-body-lcontent.sleep #page-media { height:595px; width:502px; }
#page-body-lcontent.sleep #page-media {
	background-image:url(../images/quiet/style-quiet-sl-body.jpg);
	background-repeat:no-repeat;}
#goto_sleep_movie {
	z-index:1;}

.page-section-sleep-activities {
	display:block;
	margin:60px 0px 0px 40px;
	height:120px;
	width:120px;}
.page-section-sleep-activities span {
	display:none;}
.page-section-awake-activities {
	display:block;
	margin:84px 0px 0px 0px;
	height:120px;
	width:100px;}
.page-section-awake-activities span {
	display:none;}

#page-flash-warning {
	color:#ffffff;
	background-color:#71CDF4;}


/*
############################################################
		Page Headers - Awake Time
############################################################
*/

h2.head-awaketime-quote {
	background-image:url(../images/quiet/style-quiet-aw-pull.gif);
	background-repeat:no-repeat;
	height:52px;
	width:240px;}

h2.head-home-welcome {
	background-image:url(../images/awake/style-awake-h-sendecard.gif);
	background-repeat:no-repeat;
	height:47px;
	width:183px;}
	
	
h2.head-home-ecard {
	background-image:url(../images/awake/style-awake-h-sendecard_mp.gif);
	background-repeat:no-repeat;
	height:47px;
	width:183px;}

/*
############################################################
		Page Navi - Floating Buttons
############################################################
*/
#navi-but-flt-sleeptime {
	background-repeat:no-repeat;}
#navi-but-flt-sleeptime {
	position:absolute;
	top:320px;
	margin-left:329px;
	width:145px;
	height:135px;}
#navi-but-flt-sleeptime a {
	display:block;
	width:145px;
	height:135px;}
#navi-but-flt-sleeptime a span {
	display:none;}

#navi-but-flt-awaketime {
	background-repeat:no-repeat;}
#navi-but-flt-awaketime {
	position:absolute;
	top:520px;
	margin-left:288px;
	width:145px;
	height:135px;}
#navi-but-flt-awaketime a {
	display:block;
	width:145px;
	height:135px;}
#navi-but-flt-awaketime a span {
	display:none;}
	
#navi-but-flt-magazine {
	background-repeat:no-repeat;}
#navi-but-flt-magazine {
	position:absolute;
	top:660px;
	margin-left:130px;
	width:145px;
	height:135px;}
#navi-but-flt-magazine a {
	display:block;
	width:145px;
	height:135px;}
#navi-but-flt-magazine a span {
	display:none;}





#navi-but-flt-book {
	position:absolute;
	top:580px;
	margin-left:8px;
	width:170px;
	height:170px;}
#navi-but-flt-book a {
	display:block;
	width:170px;
	height:170px;}
#navi-but-flt-book a span {
	display:none;}

#navi-but-flt-pdf {
	position:absolute;
	top:710px;
	margin-left:168px;
	width:170px;
	height:165px;}
#navi-but-flt-pdf a {
	display:block;
	width:170px;
	height:165px;}
#navi-but-flt-pdf a span {
	display:none;}

#navi-but-flt-clip {
	position:absolute;
	top:340px;
	margin-left:288px;
	width:160px;
	height:160px;}
#navi-but-flt-clip a {
	display:block;
	width:160px;
	height:160px;}
#navi-but-flt-clip a span {
	display:none;}

#navi-but-flt-bedtime {
	position:absolute;
	top:540px;
	margin-left:200px;
	width:150px;
	height:150px;}
#navi-but-flt-bedtime a {
	display:block;
	width:150px;
	height:150px;}
#navi-but-flt-bedtime a span {
	display:none;}



#navi-but-flt-back {
	z-index:101;
	position:absolute;
	top:260px;
	margin-left:596px;
	width:125px;
	height:115px;}
#navi-but-flt-back a {
	display:block;
	width:125px;
	height:115px;}
#navi-but-flt-back a span {
	display:none;}

/*---------------------------------------*/

#page-body-lcontent {
	height: 670px;
	overflow: hidden;
	position: relative;
}

#page-body-lcontent img {
	border: 0 none;
}

#learn_triangles, #learn_circles, #colour_in_Igglepiggle, #count_with_Makka_Pakka, #match_with_Makka_Pakka, #scribble_with_Upsy_Daisy {
	position: absolute;
	width: 138px;
	height: 138px;
	display: block;
	clear: both;
}

#learn_triangles {
	top: 0;
	left: 290px;
	z-index: 202;
}

#learn_circles {
	top: 0;
	left: 440px;
	z-index: 203;
}

#colour_in_Igglepiggle {
	top: 155px;
	left: 210px;
	z-index: 204;
}

#count_with_Makka_Pakka {
	top: 140px;
	left: 360px;
	z-index: 205;
}

#match_with_Makka_Pakka {
	top: 140px;
	left: 500px;
	z-index: 206;
}

#scribble_with_Upsy_Daisy {
	top: 100px;
	left: 638px;
	z-index: 207;
}