div{
border: 0px solid green;
}

.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}

body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color: #d9d9d9;
}


.left{
float: left;
}

.right{
float: right;
}

body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}


#header_container{
background-color: #fff;
}

	#header{
	background: url('../images/bg_header_logo.jpg') bottom left no-repeat;
	margin: 0 auto;
	width: 960px;
	height: 156px;
	}
		#header #contact_details{
		float: right; 
		padding: 40px 0 0 0; 
		color: #244DA9; 
		font-size: 1.1em; 
		font-weight: 400;
		text-align: right;
		
		}
			#header #contact_details a{
			font-size: 0.8em;
			color: #244DA9;
			text-decoration: none;
			}
			#header #contact_details a:hover{color: #F67704;text-decoration: underline;}

#navi_container{
background-color: #ff7800;
background: url('../images/bg_navi_container.jpg') top left repeat-x;
height: 40px;
}

	#navi{
	margin: 0 auto;
	width: 960px;	
	height: 40px;
	}
	
		#navi ul{ list-style-type: none; margin: 0; padding: 0; font-size: 0.9em; }
		#navi ul li{ display: inline;   }

		#navi ul li a{color: #fff; text-decoration: none; height: 20px; margin: 21px 15px 0 0; }
		
		#navi ul li a.nav1{float: left; width: 80px; display: block; background: url('../images/navi/home1.jpg') top center no-repeat; }
		#navi ul li a.nav2{float: left; width: 80px; background: url('../images/navi/exeter1.jpg') top center no-repeat}
		#navi ul li a.nav3{float: left; width: 90px; background: url('../images/navi/london1.jpg') top center no-repeat}
		#navi ul li a.nav4{float: left; width: 80px; background: url('../images/navi/cardiff1.jpg') top center no-repeat}
		#navi ul li a.nav5{float: left; width: 130px; background: url('../images/navi/contact1.jpg') top center no-repeat}
		#navi ul li a.nav6{float: left; width: 150px; background: url('../images/navi/test1.jpg') top center no-repeat}
		#navi ul li a.nav7{float: left; width: 109px; background: url('../images/navi/landlord1.jpg') top center no-repeat}		
		
		#navi ul li a:hover.nav1{background: url('../images/navi/home2.jpg') top center no-repeat}
		#navi ul li a:hover.nav2{background: url('../images/navi/exeter2.jpg') top center no-repeat}
		#navi ul li a:hover.nav3{background: url('../images/navi/london2.jpg') top center no-repeat}
		#navi ul li a:hover.nav4{background: url('../images/navi/cardiff2.jpg') top center no-repeat}
		#navi ul li a:hover.nav5{background: url('../images/navi/contact2.jpg') top center no-repeat}
		#navi ul li a:hover.nav6{background: url('../images/navi/test2.jpg') top center no-repeat}
		#navi ul li a:hover.nav7{background: url('../images/navi/landlord2.jpg') top center no-repeat}


#content_container{
background-color: #fff;
padding-bottom:  30px;
}

	#breadcrumb{margin: 20px 0 0 0; font-size: 0.7em}
	#breadcrumb a{color: #999}
	#breadcrumb a:hover{color: #FF7800}
		
	#room_size{
	margin: 10px 0;
	font-size: 0.85em;
	}

	#content{
	margin: 0 auto;
	width: 960px;
	padding: 10px;
	}
	
		.headings{
		color:#666; text-align: left; 
		font-weight: 700; 
		padding: 15px 0 0 0 ; 
		x_border-bottom: 1px solid #ccc; 
		font-size: 0.95em;
		
		width: 770px;
		margin-top: 10px;
		padding: 5px 0 5px 5px;
		color: #fff;
		background-color: #F67500;

height: 20px;
		}
		
		#content h1{
		margin: 20px 0 0 0;
		padding:0;
		font-weight: 400;
		font-size: 1.5em;
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		color: #6e6e6e;
		color: #244DA9;
		}
		
		#content h2{

		}
		
		#content p{
		font-size: 0.8em;
		color: #666663;
		line-height: 160%;
		}
		
		#content form{
		font-size: 0.8em;
		color: #333;
		line-height: 160%;
		}
		
		#content a.back { 
		color: #666;
		font-size: 0.8em;
		text-decoration: none;
		}
			#content a:hover.back { 
			color: #FF7800;
			text-decoration: underline;
			}


	#search_box{
		margin-top: 80px;
	padding: 10px 0 0 50px;
	width: 470px;
	height: 250px;
	background: url(../images/search_box.jpg) top left no-repeat;
	}
		#search_box h2{font-size: 1.9em; margin-top: 60px;  font-weight: 400; color: #2756A4}
		#search_box option{height: 14px}
		#search_box select{font-size: 1.2em; border: 2px solid #3C86FB; width: 250px; padding: 3px; margin: 15px 0 0 40px; margin-bottom: 50px; }
	
	
#left_col{
width: 600px;
float: left;
}

#right_col{
float: right;
width: 300px;
height: 400px;
background: url('../images/house-puzzle.jpg') top right no-repeat;	
}
	#landlord_box{
	margin-top: 300px;
	background: url('../images/landlord_button.png') top left no-repeat;
	padding:0;
	padding-top:25px;
	padding-left:25px;
	height: 95px;
	width: 300px;
	}
 		#landlord_box a{font-size: 1.5em; font-weight: 400; color: #2756A4}
		#landlord_box a:hover{color: #fff}

#bottom_col{
padding-top: 40px;
clear: both;
}
	#bottom_col img{
	margin:0;
	padding: 0;
	border:0px solid #ff8920;
	margin-right: 12px;
	}
	
	#bottom_col a img {
	border: 2px solid #ccc;
	}
		#bottom_col a:hover img {
		border: 2px solid #FF7800;
		}

.property{
clear: both;
width: 750px;
padding: 10px;
border: 1px solid #FD871B;
margin-bottom: 20px;
background-color: #F9F8FF;
font-size: 0.85em;
color: #666;
}	
	.property a{color: #2A59A7; }
	.property a:hover{color: #F97803}
	.property .details ul li {	font-size: 0.85em; margin-bottom: 5px;}

	.property .image{border: 0px solid #FD871B;width: 200px;float: right;}

	.property .image img{border: 1px solid #FD871B; padding: 2px; }
		
	.property .details{	border: 0px solid #ccc;width: 400px;float: left;}	
	.property .details .title{margin:0;padding: 0;color: #2A59A7;font-weight: 400;font-size: 1.5em;}	
	
	.property .details .price{float: left;width: 150px;}
	
	.property .details .location{float: left;width: 150px;}
		
	.property .details .contact{clear: both;font-size: 0.85em;}

		
#footer_container{
border-top: 3px solid #ff7800;
height: 129px;
background-color: #d9d9d9;
}

	#footer{
	margin: 0 auto;
	width: 960px;
	height: 129px;
	font-size: 0.65em;
	}
	
	#footer ul{ list-style-type: none; margin: 15px 0 0 0; padding: 0;}
	#footer ul li{ display: inline;  }
	#footer ul li a{color: #666; text-decoration: none; padding: 0 3px}
	#footer ul li a:hover{color: #000;}

.quote{margin-top: 40px;}
#content_container #content p.ref{color:#F67704; font-style:italic; font-weight: 700 }
	
/* Advert Div */	
#advert_div {
	float:left;
	width:500px;
}
#advert_div .spacer {
	display:block;
	float:left;
	width:230px;
	font-weight:bold;
	padding-top:2px;
}

#advert_div .error {
	color:red;
}

#advert_div textarea{
	width:215px;
	height:100px;
}

#advert_div select{
	width:154px;
}

#advert_div input{
	width:150px;
}
	
#advert_div input.submit{
	width:auto;
}

#text_div {
	width:420px;
	float:right;
}

#text_div .header {
	font-weight:bold;	
}

#ad_pane {
	width:165px;
	float:right;
	text-align:right;	
	padding-top:54px;
}

#ad_pane img{
	border:1px solid #888888;
	margin-bottom:10px;
}