body {
	margin:0;
	padding:0;
}
#widthRestrictor, #steps {
	background:#FFF url(/images/left_bar_bground.jpg) left repeat-y;
}
#widthRestrictor {
	width:780px;
	margin:0 auto;
}

#steps {
	float:left;
	width:253px;
	margin-top:266px;/*allow for top logo banner*/
	text-align:left;
}
	#step1, #step2, #step3, #contacts {
		padding-left:68px;
		padding-top:1em;
		padding-bottom:1em;
		border-bottom:1px solid #999;
	}
	#step1 {
		background:url(/images/1.jpg) left center no-repeat;
	}
	#step2 {
		background:url(/images/2.jpg) left center no-repeat;
		padding-top:3em;
		padding-bottom:3em;
	}
	#step3 {
		background:url(/images/3.jpg) left center no-repeat;
	}
	#contacts {
		border:0;
	}
#content {
	padding-left:263px;
	padding-top:266px;/*allow for top logo banner*/
	background:url(/images/flats-direct.jpg) center top no-repeat;
}





/*property listings*/
div.property {
	text-align:left;
	margin-bottom:2em;
	width:480px;
}
div.property p strong {/*property title*/
	margin-bottom:.1em;
}
div.property div.image {/*image surround div*/
	border:1px solid #000;
	width:182px;
	float:left;
	font-size:0;
}
div.property div.image img {/*actual image*/
	margin:1px;
	width:180px;
}
div.property ul {/*bullet points*/
	font-size:11px;
	margin-top:0;
	padding-left:190px;
}
div.property ul li.moreInfo {/*more info link*/
	margin-top:1em;
	list-style:none;
	padding:0;
}
div.rentalRates {/*weekly/montly rates*/
	border:1px solid #B2B2B2;
	background:#EbE6E1 url(/images/rate_bground.gif) top center no-repeat;
	width:111px;
	font-size:10px;
	padding-top:26px;
	padding-bottom:20px;
	line-height:170%;
	text-align:center;
	float:right;
}
div.rentalRates strong {/*prices*/
	display:block;
	color:#C00;
	font-weight:bold;
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
}
div.property hr {
	clear:right;
	visibility:hidden;
}



/*More info page*/
h1 a {
	display:block;
	font-size:11px;
	font-weight:normal;
}
div.mainImage {/*main image surround*/
	border:1px solid #000;
	width:402px;
	margin: 0 auto 1em;
	font-size:0;
}
div.mainImage img {/*actual image*/
	margin:1px;
	width:400px;
}
.moreInfoText {/*block of text for property*/
	text-align:left;
}
#Thumbs {
	margin-bottom:1em;
}
#Thumbs img {
	height:70px;
	border:1px solid #999;
	margin:.2em;
	cursor:pointer;
}
p.propertyEnquire a {
	border:1px solid #999;
	text-align:center;
	padding:.2em 3em;
	text-decoration:none;
	color:#C00;
}
p.propertyEnquire a:hover {
	color:#000;
}

.tips {
	text-align:left;
}

.tips_title{
	text-align:left;
	font-size:16px;
	text-decoration:underline;
	margin-bottom: 10px;
	margin-top: 10px;
}




@media only screen and (max-width: 640px) {
	#widthRestrictor,
	#steps {
		background:#FFF url();
		float:none;
		width:auto;
		margin-top:0;
	}
	#step1,
	#step2,
	#step3,
	#content {
		display:none;
	}
	#content {
		padding-left:0;
		padding-top:0;
		background:url();
	}
}