#mainContainer{
		width:100%;
		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:2px;
			/* Air */
	}
	
	.smallArticle{
		float:left;
		border:0px solid #000;
		background-color:#FFFFFF;
		padding:2px;
		margin-right:5px;
		margin-bottom:5px;
		height:200px;
		overflow:hidden;
			}
			
	.smallArticle img img{
		float:left;
		padding:5px;
	}
	.smallArticle .rightImage{
		float:right;
	}
	.smallArticle{
	width:49%;
	padding:0px;
	float:left;
	margin-top:2px;
	margin-bottom:1px;
	margin-right:1px;
	margin-left:1px;
	background-color:#FFFFFF;
	border:0px solid #DAE0D6;
				
	}


.dragHeading
	{
	height:30px;
	padding:2px 0 0 5px;
	background:#FFFFFF url(images/capsul.gif) bottom left no-repeat;
	color:#000000;
	}
	
	.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;
		width:58%;
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */

	}
		

	
	
	
	
	/* END REQUIRED CSS */