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

body{
	margin: 0 auto;
	background:url('../images/bg-big.jpg') no-repeat center #d0ab58 ;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

#main{
	width:1000px;
	height:3000px;
	margin:0 auto 0 auto;
	
}

a{outline:none;}
/*Main site divs
====================================================================================================================================*/


#top{
	width:1000px;
	height:962px;
	/*background:url('images/top.gif') no-repeat;*/
	float:left;
	display:inline;	
}

	#top p{
		color:#543113;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.2em;
	}

#top a{
	color:#543113;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.2em;
}


#middle{
	float:left;
	display:inline;
	width:1000px;
	height:770px;
	/*background:url('images/middle.jpg') no-repeat;*/
	
}

#bottom{
	float:left;
	height:1268px;
	width:1000px;
	/*background:url('images/bottom.gif');*/
}

#bottom a{
	color:#fff;
}




/*Clouds
====================================================================================================================================*/

#cloud1{
	background: url('../images/design_06.png');
	margin:40px 0 0 535px;
	padding:75px 0 0 0;
	width:302px;
	height:96px;
}
	
	#cloud1 .para1{
		margin:0 0 10px 0;
		padding:0 0 0 40px;
	}
	#cloud1 .para2{
		margin:0;
		padding:0 0 0 15px;	
	}
	#cloud1 .para3{
		margin:0;
		padding:0 0 0 5px;
	}
	#cloud1 .para4{
		margin:0;
		padding:0 0 0 10px;
	}
	#cloud1 .para5{
		margin:12px 0 0 0;
		padding:0 0 0 12px;	
	}
	#cloud1 a{
		margin:0 0 0 23px;
	}
	
	h1#pie-in-the-sky{
		width:224px;
		height:108px;
		margin:-52px 0 0 270px;
		background:url('../images/pie-in-the-sky-board.png') no-repeat;
		text-indent:-9999px;
	}
	
#cloud2{
	width:341px;
	height:148px;
	margin:37px 0 0 110px;
	padding:19px 0 0 0;
	background: url('../images/design_18.png') no-repeat;
}
	
	#cloud2 .para1{
		margin:0 0 10px 0;
		padding:0 0 0 105px;
	}
	#cloud2 .para2{
		margin:0;
		padding:0 0 0 85px;	
	}
	#cloud2 .para3{
		margin:0;
		padding:0 0 0 40px ;
	}
	#cloud2 .para4{
		margin:0;
		padding:0 0 0 23px;
	}
	#cloud2 .para5{
		margin:0;
		padding:10px 0 0 20px;	
	}
	#cloud2 .para6{
		margin:0;
		padding:0 0 0 15px;	
	}
	#cloud2 .para7{
		margin:0;
		padding:0 0 0 20px;	
	}
	
	#cloud3{
		width:518px;
		height:226px;
		margin:-40px 0 0 455px;
		padding:40px 0 0 0;
		background: url('../images/design_21.png') no-repeat;
	}

	#cloud3 .para1{
		margin:0;
		padding:0 0 0 230px;
	}
	
	#cloud3 .para2{
		margin:10px 0 0 0;
		padding:0 0 0 170px;
	}
	
	#cloud3 .para3{
		margin:0;
		padding:0 0 0 150px;
	}
	
	#cloud3 .para4{
		margin:0;
		padding:0 0 0 140px;
	}
	
	#cloud3 .para5{
		margin:0;
		padding:0 0 0 135px;
	}
	
	#cloud3 .para6{
		margin:0;
		padding:0 0 0 110px;
	}
	
	#cloud3 .para7{
		margin:10px 0 0 0;
		padding:0 0 0 85px;
	}
	
	#cloud3 .para8{
		margin:0;
		padding:0 0 0 25px;
	}
	
	#cloud3 .para9{
		margin:0;
		padding:0 0 0 15px;
	}
	#cloud3 .para10{
		margin:0;
		padding:0 0 0 10px;
	}	
	#cloud3 .para11{
		margin:0;
		padding:0 0 0 15px;
	}
	#cloud3 .para12{
		margin:0;
		padding:0 0 0 25px;
	}
	#cloud3 .para13{
		margin:0;
		padding:0 0 0 35px;
	}
/*tree content
====================================================================================================================================*/

#profile-acorn{
	float:left;
	width:460px;
	height:155px;
	padding:96px 0 0 103px;
	margin:223px 0 0 250px;
	background:url('../images/profile-acorn-new.png') no-repeat;
}

	#profile-acorn a{
			display:block;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.75em;
			line-height:1.2em;
			margin:0 0 0 30px;
			padding:0;
	}
	
	#profile-acorn #slickbox-1{
	float:left;
	width:448px;
	padding:0 0 0 10px;
	margin:11px 0 0 0;
	height:220px;
	background:url(../images/product-box-acorn-new.png) repeat-y;
		
	
	}
	
	#profile-acorn #slickbox-1 p{
		
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.2em;
		margin:0;
	}
	
	#profile-acorn #slickbox-1 p a{
		display:inline;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:1.2em;
		margin:0;
		padding:0;
	}
	#profile-acorn #slickbox-1 p a.hidden{
		display:none;
	}

#profile-over-coming{
	float:left;
	width:368px;
	height:149px;
	padding:123px 0 0 125px;
	margin: -114px 0 0 53px;
	background:url('../images/profile-over-coming.png') no-repeat;
}

#profile-over-coming a{
		display:block;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.2em;
		padding:0;
		margin:0 0 0 25px;
}

#profile-over-coming #slickbox-2{
	float:left;
		width:360px;
		height:130px;
		margin:8px 0 0 0;
		padding:0 0 0 10px;
		background:url(../images/product-box.png) repeat-y;	
	}
	
	
	#profile-over-coming #slickbox-2 p{
		
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.2em;
		margin:0;
		padding:0;
	}
	
	#profile-over-coming #slickbox-2 p a{
		display:inline;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:1.2em;
		padding:0;
		margin:0;
	}

#kite{
	float:right;
	width:57px;
	height:78px;
	margin:-200px 162px 0 0;
	background:url('../images/kite.png');
}


h1#in-the-tree{
	width:151px;
	height:31px;
	margin: 650px 0 0 210px;
	text-indent:-9999px;
	background:url('../images/in-the-tree.png') no-repeat;
}

/*Underground
====================================================================================================================================*/


h1#at-the-roots{
	width:212px;
	height:21px;
	margin:125px 0 0 270px;
	background:url('../images/at-the-roots.png') no-repeat;
	text-indent:-9999px;
}

#at-the-root-paragraph{
	margin: 0 0 0 270px;
}

#at-the-root-paragraph p{
		width:300px;
		float:left;
		margin:10px 10px 0 0;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.2em;
}

#fluid7{
	width:240px;
	height:110px;
	margin:250px 0 0 715px;
	background:url('../images/fluid7.png') no-repeat;
}

	#fluid7 p{
		padding:40px 0 0 5px;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.2em;
	}
	
#pure-audio{
	width:306px;
	height:221px;
	margin:-120px 0 0 90px;
	background:url('../images/pure-audio.png') no-repeat;

}

	#pure-audio p{
		padding:110px 0 0 71px;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.2em;
	}



#cre8tive{
	width:408px;
	height:154px;
	margin:-50px 0 0 380px;
	background:url('../images/creative-day.png') no-repeat;

}

	#cre8tive p{
		padding:15px 0 0 162px;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.2em;
	}
	
	
	/*Navigation
====================================================================================================================================*/

#navigation{
	position:fixed;
	left:5%;
	width:215px;
	height:355px;

}

#navigation img{
	float:left;
	padding:0;
	margin:0;
}

ul#nav{ 
	list-style:none;
	margin:0;
	padding:0;
	
}

ul#nav li{
	float:left;
	display: block;
}

ul#nav li#nav-pie-in-the-sky a{ 
	background:url('../images/nav-pie-in-the-sky.png');
	padding:0;
	margin:0;
	width:215px; 
	height:48px;
	display: block;
	text-indent:-99999px;
}
ul#nav li#nav-in-the-tree a{ 
	background:url('../images/nav-in-the-tree.png');
	padding:0;
	margin:0;
	width:215px;
	height:47px;
	display: block;
	text-indent:-99999px;
}
ul#nav li#nav-at-the-roots a{ 
	background:url('../images/nav-at-the-roots.png');
	padding:0;
	margin:0;
	width:215px;
	height:46px;
	display: block;
	text-indent:-99999px;
}
ul#nav li#nav-plant-a-seed a{ 
	background:url('../images/nav-plant-a-seed.png');
	padding:0;
	margin:0;
	width:215px;
	height:80px;
	display: block;
	text-indent:-99999px;
}