#mainContainer{
		width:100%;
		margin:0 auto;
		text-align:left;
		background-color:#FFF;
	}
	h4{
		margin:0px;
	}
	p{
		margin-top:2px;
	}
	
	
	
	/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		padding-left: 6px;
		padding-bottom: 10px;
			/* Air */
	}
	
	.smallArticle{
		float:left;
		border: 1px solid #DAE0D6;
		background-color:#FFFFFF;
		padding:2px;
		margin: 2px 1px -15px 20px;
		height:220px;
		overflow:hidden;
			}
			
	.smallArticle img img{
		float:left;
		padding:2px;
	}
	.smallArticle .rightImage{
		float:right;
	}
	.smallArticle{
	width:45%;
	padding:0px;
	float:left;
	margin: 2px 1px -15px 20px;
	background-color:#FFFFFF;
	border:1px solid #DAE0D6;
				
	}


.dragHeading
	{
	height:22px;
	font-size: 14px;
	padding:3px 2px 4px 5px;
	background-color: #f5f6f6 ;
	border-bottom:2px solid #B60002;
	color:#FFFFFF;
	color:#fff;
	}
	
	.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 */