*{
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, Arial;
}


body{
	background:#1E1E1E;
	font-size:11px;
	color:#006;
}

#container{
	position:absolute;
	top:10px;
	left:10px;
	border:5px solid #333;
	padding:5px;
	background:#FFF;
	width:700px;
}

h1{
	font-size:36px;
}

a.link_download{
	font-size:18px;
	color:#060;
	border-left:5px solid #060;
	padding:5px;
	display:inline-block;
	text-decoration:none;
}

a.link_download:hover{
	color:#FFF;
	border-left:5px solid #090;
	background:#060;
}

#demos{
	position:relative;
	float:left;
	margin-top:20px;
	background:#EEE;
	width:100%;
}

.code_container{
	position:relative;
	float:left;
	width:95%;
	overflow:hidden;
	border:2px solid #F60;
	background:#FFF;
	height:15px;
}

.code_container p{
	background:#F60;
	color:#FFF;
	cursor:pointer;
}

.code_container pre{
	color:#900;
	padding:5px;
	display:inline-block;
}

.example{
	position:relative;
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:50px;
}

button{
	display:inline-block;
}

.warning{
	background:#FCC;
	color:#900;
}

.warning a{
	color:#900;
}

.warning a:hover{
	color:#666;
}

.cont_bt{
	position:relative;
	float:left;
	width:100%;
	margin-top:10px;
}






/*
#####################################
CSS FOR THE EXAMPLES
#####################################
*/

	#animation1{
		position:relative;
		float:left;
		width:15px;
		height:15px;
		background:#900;
	}
	.a1_class1{ width:50px; height:50px; }
	.a1_class2{ width:500px; }
	.a1_class3{ height:15px; }
	.a1_class4{ width:15px; }


/* ******************************** */


	#animation2{
		position:relative;
		float:left;
		width:500px;
		height:50px;
		background:#900;
	}
	.a2_class1{ opacity:0.5; }
	.a2_class2{ opacity:1; background-color:#003; }
	.a2_class3{ background-color:#900; }


/* ******************************** */


	#animation3{
		font-size:18px;
		color:#900;
		height:50px;
	}
	.a3_class1{ font-size:10px; color:#333; }
	.a3_class2{ font-size:24px; }
	.a3_class3{ color:#060; }
	.a3_class4{ color:#63C; }
	.a3_class5{ font-size:18px;	color:#900; }


/* ******************************** */


	#animation4{
		position:relative;
		float:left;
		
		border:#C60;
		color: #666;
		background-color: #ccc;
		height: 200px;
		width: 300px;
		font-size: 15px;
		overflow: hidden;
		opacity: 1;
		border: 2px solid #aaa;
		margin: 0;
		padding: 5px;
	}
	
	/* Other classes requires a PHP verification, so itīs inside the HTML */

/* ******************************** */