/* CSS Document */


html {
height: 100%;
margin-bottom: 5px;
}

body {
background: #666666;
margin: 0;
padding: 0;
height: 100%;
margin-top: 20px;
}

td,tr,p,div {
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 1.45em;
	/*color: #333333;*/
}

p {
text-indent: 15px;
}


.everything {
padding: 0;
margin: 0;
width: 898px;
border: none;
}

td.back-top {
height: 141px;
background: url(images/background_top.png);
background-repeat: no-repeat;
}


td.back-middle {
background: url(images/background_middle.png);
background-repeat: repeat-y;
}

td.back-bottom {
height: 82px;
background: url(images/background_bottom.png);
background-repeat: no-repeat;
}

.top {
height: 100%;
width: 100%;
}

<!-- Required for dragndrop functionality -->
#rectangle{
	float:left;
	border:1px dotted #F00;	/* Red border */
	background-color:#FFF;
}

#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 for dragndrop -->


.mainbody {
height: 100%;
padding-left: 15px;
}


a.menu {
	display: block;
	background: url(images/menu_underline.png) bottom left repeat-x;
	padding: 2px 0px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #000099;
}


.box div.module {
background: transparent url(images/module_bottom_left.png) no-repeat bottom left;
border: 0px solid #cccccc;
}

.box div.module div {
background: transparent url(images/module_bottom_right.png) no-repeat bottom right;
}

.box div.module div div {
background: transparent url(images/module_top_left.png) no-repeat top left;
}

.box div.module div div div {
	background: transparent url(images/module_top_right.png) no-repeat top right;
	padding: 5px 10px 10px 10px;
	font-size: 14px;

}

.box div.module div div div div {
background: none;
padding: 0;
}

.module-title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

.left-main-column {
	width: 133px !important;
}

.right-main-column {
	width: 153px !important;
}

.center-main-column {
	width: 520;
}

div.center-body {
padding-left: 30px;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 0px;

}

div.center-content {
width: 100%;
font-size: 9px;

}

div.center-column {
padding: 0px 10px 0px 10px;
}

div.footer {
height: 100%;
text-align: center;
font-style: italic;
font-size: 11px;
color:#666666;
padding-top: 45px;
padding-bottom: 35px;
}

#featured-house {
padding: 0px 0px 0px 0px;
}

input, textarea, select {
	border: thin solid #cccccc;
}

span.required {
	background: none;
	color:#FF0000;
}

div.house-description-side {
	text-align: left;
	padding-top: 15px;
	padding-right: 10px;

}

table.house-description-side {
	border: 1px dashed #cccccc;
}

div.house-description-price {
	text-align: center;
	padding: 10px 10px 10px 10px;
	color: #000000;
}

div.house-description-bottom {
	border: 1px dashed #cccccc;
	padding: 10px 5px 10px 5px;
	margin: 5px 0px 5px 0px;
}

div.house-buttons {
	
}

input.house-button {
	margin: 0px 0px 3px 0px;
	width: 120px;
}

div.brochure-title {
	padding-left: 15px;
	line-height: 2.5em;
}

div.house {
	border: thin dashed #cccccc;
	margin: 0px 10px 20px 10px;
}

div.house-index-image {
	padding: 3px;
}

div.house-index-description {
	padding: 5px 0px 0px 0px;
}


td.house-index-pagenum {
	padding-right: 0px;
}

.border-right {
	border-right: 1px solid #cccccc;
}

.house-row {
	width: 100%;
	border: 1px solid #cccccc;
	margin: 10px 0px;
	padding: 0px;
}

.error {
	width: 520px;
	color: #ff0000;
	text-align: center;
}

.featured-index {
	border: 1px solid #cccccc;
}

fieldset {
	border: 1px solid #cccccc;
}

legend {
	font-weight:bold;
}

.username {
	font-weight:bold;
}

.edit {
	border: 2px solid #000099;
}

	h4{
		margin:0px;
	}
	p{
		margin-top:5px;
	}
	
	
	
	/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		padding:10px;	/* Air */
	}
	
	.smallArticle,.bigArticle{
		float:left;
		border:1px solid #000;
		background-color:#DDD;
		padding:2px;
		margin-right:10px;
		margin-bottom:5px;
	}
	
	.image-row {
		
		float:none;
		border:1px solid #000000;
		padding:2px;
		margin-bottom:5px;
	}
	
	.smallArticle img,.bigArticle img{
		float:left;
		padding:5px;
	}
	.smallArticle .rightImage,.bigArticle .rightImage{
		float:right;
	}
	.smallArticle{
		width:274px;		
	}
	.bigArticle{
		width:564px;
	}
	.clear{
		clear:both;
	}