.ct_illustration_cont{
	position: relative;
	width: 1000px;
	margin: 80px auto 20px auto;
	overflow: hidden;
}

.ct_illustration{
	position: relative;
	width: 296px;
	height: 300px;
	margin: 10px;
	float: left;
	z-index: 1;
}

.illu1{
	background: url("../images/apps/ct_illustration1.png");
}

.illu2{
	background: url("../images/apps/ct_illustration2.png");
}

.illu3{
	background: url("../images/apps/ct_illustration3.png");
}

#ct_fire{
	position: absolute;
	left: 112px;
	top: 206px;
	width: 63px;
	height: 63px;
	background: url("../images/apps/ct_fire.gif");
}

#ct_man{
	position: absolute;
	left: 60px;
	top: 139px;
	width: 117px;
	height: 128px;
	background: url("../images/apps/ct_man.png");
	z-index: 2;
}

#sun{
	position: absolute;
	top: 40px;
	right: 70px;
	width: 63px;
	height: 63px;
	background: url("../images/apps/sun.gif");
	z-index: 1;
}

#clouds1{
	position: absolute;
	top: 20px;
	right: -350px;
	width: 661px;
	height: 83px;
	background: url("../images/apps/clouds1.png");
	z-index: 2;
}

#clouds2{
	position: absolute;
	top: 35px;
	right: -500px;
	width: 420px;
	height: 90px;
	background: url("../images/apps/clouds2.png");
	z-index: 2;
}

#trees1{
	position: relative;
	width: 505px;
	height: 187px;
	margin: 40px auto 0 auto;
	background: url("../images/apps/trees_1.jpg") no-repeat left;
}

	#trees1 p{
		position: absolute;
		top: 100px;
		left: 130px;
		font-family: "Segoe Ui", "Helvetica", "Arial";
		font-size: 16px;
		font-style: italic;
		color: #6d6d7d;
	}

		#trees1 p span{
			color: black;
		}

#ct_loader{
	width: 150px;
	height: 150px;
	background: url("../images/apps/ct_loading.gif");
	margin: 180px auto 180px auto;
}

#trees2{
	position: relative;
	width: 505px;
	height: 241px;
	margin: 180px auto 0 auto;
	background: url("../images/apps/trees_2.jpg") no-repeat left;
}

	#trees2 p{
		position: absolute;
		top: 105px;
		left: 150px;
		font-family: "Segoe Ui", "Helvetica", "Arial";
		font-size: 16px;
		font-style: italic;
		color: #6d6d7d;
	}

#ct_screens{
	position: relative;
	margin: 80px 0 0 0;
	width: 100%;
	height: 1186px;
	background: url("../images/apps/ct_screens.jpg") no-repeat center;
}

#screens_15{
	position: relative;
	width: 560px;
	height: 270px;
	background: url("../images/apps/15.jpg") no-repeat right;	
	margin: 120px auto 0 auto;
}

#screens_7{
	position: relative;
	width: 560px;
	height: 270px;
	background: url("../images/apps/7.jpg") no-repeat left;	
	margin: 70px auto 0 auto;
}

#ct_screens_count{
	position: absolute;
	width: 280px;
	height: 270px;
	top: -10px;
	left: -21px;
}

.ct_screen{
	width: 45px;
	height: 76px;
	background: url("../images/apps/ct_screen.jpg") no-repeat;	
	float: left;
	margin: 10px 10px 0 0;
}

#ct_claps_count{
	position: absolute;
	width: 270px;
	height: 270px;
	top: -5px;
	right: -57px;
}

.ct_clap{
	width: 60px;
	height: 72px;
	background: url("../images/apps/clap_ico.png") no-repeat;	
	float: left;
	margin: 15px 15px 0 0;
}

#ct_phone_cont{
	position: relative;
	width: 100%;
	height: 488px;
	margin-top: 180px;
	background: #323232;
}

#ct_phone{
	position: absolute;
	top: -109px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 732px;
	background: url("../images/apps/ct_phone.png");	
}

#ct_icon{
	width: 150px;
	height: 150px;
	background: url("../images/apps/ct_icon.png") no-repeat;	
	margin: 165px auto 90px auto;	
}

#tree{
	width: 151px;
	height: 114px;
	background: url("../images/apps/tree.png") no-repeat;	
	margin: 0 auto 0 auto;	
}

#tree_text{
	width: 100%;
	font-family: "Segoe Ui", "Helvetica", "Arial";
	font-size: 16px;
	font-style: italic;
	color: #6d6d7d;
	text-align: center;
	margin: 20px 0 80px 0;
}

#cont_animation{
	width: 400px;
	height: 300px;
	margin: 70px auto 0 auto;
}