* { margin: 0px; padding: 0px; }

body {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin:  0px;
	background-color: #004080;
}

.hidden { display: none; }
.clear { clear: both; }

div#page {
	width: 775px;
	margin: 0px auto;
	height: auto;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	background-color: #FFF;
}

div#top {
	height: 134px;
	width: 775px;
}

div#logo {
	background-image: url('../images/logo.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 134px;
	width: 775px;
	margin: 0px;
	float: left;
}

div#logo a {
	display: block;
	width: 775px;
	height: 134px;
}

div#toplinks {
	width: 493px;
	height: 134px;
	float: left;
}

div#mainnav {
	font-family: arial;
	font-size: 11px;
        height: 24px;
	width: 775px;
	background-image: url('../images/mainnavbg.jpg');
	background-repeat: repeat-x;

}

div#bar {
	height: 10px;
	width: 775px;
	background-image: url('../images/barbg.jpg');
	background-repeat: repeat-x;

}

div#mid {
	height: 310px;
	width: 775px;
margin-top: 5px;
}

div#mid div#search {
	height: 300px;
	width: 246px;
	margin: 5px;
	float: left;
}

div#mid div#headerimage {
	height: 310px;
	width: 519px;
	float: left;
}

div#imagebar {
	height: 101px;
	width: 775px;
	background-image: url('../images/imagebarbg.jpg');
	background-repeat: repeat-x;
}

div#content {
	width: 755px;
	min-height: 300px;
	padding: 5px 10px;
	color: #031e82;
}


div#lower {
	width: 774px;
	min-height: 585px;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	background-color: #FFF;
}

div#lower div#search {
	width: 203px;
	height: 575px;
	float: left;
	margin: 5px;
}

div#lower div#content {
	width:  520px;
	min-height: 575px;
	float: left;
	margin: 0px 10px 0px 8px;
	padding: 10px;
	border-left: 2px solid #FF8400;
}

ul#mainnav , ul#static {
	padding: 0px;
	margin: 0px;

}

ul#mainnav li , ul#staticnav li{
	list-style-type: none;
	list-style-position: inside;
	margin: 8px 5px 0px;
	float: left;
}

ul#mainnav li a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

div#studentlink , div#professionallink {
	height: 25px;
	width: 192px;
	padding: 10px 20px;
	background-image: url('../images/letbox.jpg');
	margin: 15px 0px 5px 230px;
}

div#studentlink a , div#professionallink a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #031E82;
}

div#search select , div#search label , div#search h3 {
	width: 60%;
	margin: 3px 19% 2px;
}

div#search input.submit {
	width: 30%;
	border: none;
	background-color: #FFF;
	color: #000;
	margin: 3px 0px 2px 59%;
	font-weight: bold;
}
ul#staticnav li {
	width: 65px;
	height: 56px;
}

ul#staticnav li a {
	display: block;
	width: 65px;
	height: 56px;
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
}


.carrow { width: 98%; margin: 5px 1%; float: left; }
.carrow div.title , .carrow div.houseadvert , .full div.title , .full div.maindetails { width: 98%; margin: 0px 1% 5px; float: left; }
.carrow div.title { background-color: #FF8400; border: 1px solid #000; }
.carrow div.pricehead , .carrow div.price , .full div.imagetitle , .full div.images { width: 23%; margin: 0px 1%; float: left; }
.houseadvert div.housetext { width: 321px; padding: 5px; float: left; }
.houseadvert div.housetext a {
	color: #031E82;
	text-decoration: none;
	font-weight: bold;
	width: auto;
	display: inline;
	float: none;
}

.houseadvert a { display: block; float: left; width: 167px; }
li#faq { background-image: url('../images/bath-icon.jpg'); }
li#for-rent { background-image: url('../images/forrent-icon.jpg'); }
li#jargon-buster { background-image: url('../images/shower-icon.jpg'); }
li#payment { background-image: url('../images/key-icon.jpg'); }
li#professional-search { background-image: url('../images/bed-icon.jpg'); }
li#property-management { background-image: url('../images/house-icon.jpg'); }
li#student-search { background-image: url('../images/house-search-icon.jpg'); }
li#viewings { background-image: url('../images/apartment-search-icon.jpg'); }
span.linktext { display: none; }
span.price , span.rooms { font-weight: bold; float: left; margin: 0px 5px; }
span.rooms { float: right; }
a img { border: none; }

/* header styles */
h1 {
	color: #FF8400;
	border-bottom: 1px dashed #FF8400;
	text-align: center;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	margin: 20px 40px 20px 00px;
	color: #FF8400;
}

h3 {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0px 0px 0px;
	color: #FF8400;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	color: #FF8400;
}

div.esptop , div.espbottom {
	width: 98%;
	height: 250px;
	margin: 5px 1%;
	background-color: #FFF;
	border: 1px solid #E45916;
}

div.esptop div.esptitle , div.esptop div.espstatus {
	width: 55%;
	height: 20px;
	padding: 0px 1%;
	float: left;
	font-weight: bold;
}

div.esptop div.espcode , div.esptop div.espprice {
	width: 41%;
	height: 20px;
	padding: 0px 1%;
	float: left;
	font-weight: bold;
}

div.esptop div.espprice { padding-top: 40px; }
div.esptop div.espimage {
	width: 98%;
	height: 160px;
	margin: 5px 1%;
	float: left;
}

div.espimage div.espbigimg {
	width: 250px;
	height: 150px;
	margin: 5px;
	float: left;
}

div.espimage div.espimages {
	width: 200px;
	height: 200px;
	margin: 5px 0px;
	float: left;
}

div.espimage div.espimages img { margin: 5px 0px; }

div.espimage div.espimages div.smallimage {
	width: 90px;
	float: left;
	border: 1px solid #E45916;
	background-color: #CCC;
	margin: 2px 1px 3px;
}
div.espimage div.espimages div.smallimage img { display: block; margin: auto; }

div.espdescription {
	width: 66%;
	height: 205px;
	overflow: auto;
	margin: 0px 1%;
	padding: 5px 1%;
	float: left;
	background-color: #FFF;
	border: 1px solid #E45916;
}

span.pheader {
	color: #E45916;
	font-weight: bold;
}

div.espfeatures {
	width: 25%;
	height: 205px;
	overflow: auto;
	margin: 0px 1%;
	padding: 5px 1%;
	float: left;
	background-color: #FFF;
	border: 1px solid #E45916;
}

div.espfeatures span.features {
	display: block;
	color: #FFF;
	font-weight: bold;
	background-color: #E45916;
	width: 95%;
	margin: 2px 1% 3px;
	padding: 0px 2%;
}

div.esptop div.espdata {
	width: 220px;
	height: 250px;
	border: 1px solid #000;
	float: left;
	margin: 0px 0px 0px 1px;
}

div.espcontact , div.esprooms {
	background-color: #FFF;
	border: 1px solid #E45916;
	float: left;
	height: 75px;
	margin: 5px 1%;
	padding: 5px 3px;
	width: 96%;
}

div.esprooms { height: auto; }

div.tb {
	width: 30%;
	margin: 5px 2%;
	float: left;
	min-height: 20px;
}

div.otb {
	width: 60%;
	margin: 5px 2%;
	float: left;
	min-height: 20px;
}

a.big { color: #E45916; text-decoration: none; font-size: 16px; }
a.sub { color: #000; text-decoration: none; }
span.header { color: #E45916; font-weight: bold; }
div.thin {
	height: 40px;
}

div.bond { width: 167px; float: left; }
div.available { float: left; }
div.full {
	width: 98%;
	float: left;
	margin: 3px 0px 2px;
}