/* CSS NEEDED ONLY IN THE DEMO */
			
		#mainContainer{
			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:0px 0px 0px 0px;	/* Air */
		}
		
		.smallArticle,.bigArticle{
			float:left;
			border:0px solid #000;
					
			width:160px;
			margin:0px 0px 10px 10px;
			
			text-align:center;
			padding:10px 0px 0px 0px;
		}
		.smallArticle img,.bigArticle img{
			padding:0px;
		}
		.smallArticle .rightImage,.bigArticle .rightImage{
			float:right;
		}
		.clear{
			clear:both;
		}
		
		/* END DEMO CSS */
	
		/* REQUIRED CSS */
		
		#rectangle{
			float:left;
			border:1px dotted #ffffff;	/* Red border */
			background-color:#999999;
		}
		#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 #ffffff;
			filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
			opacity:0.5;	/* 50% opacity , i.e. transparency */
	
		}
		
		/* END REQUIRED CSS */