/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		/* Air */
	}
	
	.smallArticle,.bigArticle{
		float:left;
		/*border:1px solid #000;
		background-color:#DDD;*/
		padding:2px;
		margin-right:10px;
		margin-bottom:5px;
	}
	.smallArticle1,.bigArticle1{
		float:left;
		/*border:1px solid #000;
		background-color:#DDD;*/
		padding:2px;
		margin-right:10px;
		margin-bottom:5px;
	}
	.smallArticle img,.bigArticle img{
		padding:5px;
	}
	.smallArticle .rightImage,.bigArticle .rightImage{
		float:right;
	}
	.smallArticle{
		width:500px;		
	}
	.smallArticle1 img,.bigArticle1 img{
		padding:5px;
	}
	.smallArticle1 .rightImage1,.bigArticle1 .rightImage1{
		float:right;
	}
	.smallArticle1{
		width:710px;		
	}
	.bigArticle{
		width:675px;
	}
	.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 */

	}