/* CSS NEEDED ONLY IN THE DEMO */
	html{
		width:100%;
		overflow-x:hidden;
	}

	#mainContainer{
		width:750px;
		margin:0 auto;
		text-align:left;
		background-color:#FFF;
	}
	h4{
		margin:0px;
	}
	p{
		margin-top:5px;
	}



	/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		padding:10px;	/* Air */
	}


	.resizeMe {
		float:left;
		border:1px solid #CCC;
		background-color:#FFF;
		padding:2px;
		margin-right:10px;
		margin-bottom:5px;
	}
	.resizeMe img{
		float:left;
		padding:5px;
	}
	
	.smallArticle,.bigArticle{
		float:left;
		border:1px solid #CCC;
		background-color:#FFF;
		padding:0px;
		margin-right:0px;
		margin-bottom:0px;
	}
/*	.smallArticle img,.bigArticle img{
		float:left;
		padding:5px;
	}/*
	.smallArticle .rightImage,.bigArticle .rightImage{
		float:right;
	}
	.smallArticle{
		width:274px;
	}
	.bigArticle{
		width:564px;
	}
	.clear{
		clear:both;
	}

	/* END DEMO CSS */

	/* REQUIRED CSS */

	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:6px;
		position:absolute;
		display:none;
	}
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
		position:absolute;
		display:none;
		border:1px solid #000;
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */

	}

	/* END REQUIRED CSS */