/****************************/
/* Global.css               */
/* Global Styles for Harsun */
/* Author: Lewis Howles     */
/* Modified: 05/08/09       */
/****************************/

@import url(default.css);
@import url(contact.css);

body {
	font-family:Verdana, Arial, sans-serif;
	font-size:10pt;
	color:#000;
	background:#c5c5c5 url(../images/bg-body.jpg) repeat-x;
}

#page {
    width:1000px;
    margin:0 auto;
	padding-top:5px;
	position:relative;
}

h1, h2, h3 {
	font-family:Arial, Verdana, sans-serif;
}

strong {
	font-weight:normal;
}

p {
	text-align:justify;
}

/******************/
/***** Header *****/
/******************/

#header {
	height:355px;
}

#search-results #header {
	height:127px;
}

#logo {
	width:230px; height:88px;
	background:url(../images/logo.jpg);
	float:left;
	border-right:5px solid #efefef;
	border-bottom:5px solid #efefef;
	
	/* Layout */
	position:relative;
	z-index:1;
}

#navigation {
	width:765px;
	float:right;
	
	/* Layout */
	position:relative;
	z-index:1;
}

#navigation li {
	width:153px; height:50px;
	text-align:center;
	float:left;
	
	/* Layout */
	line-height:46px;
}

#navigation li a {
	height:46px;
	display:block;
	color:#fff;
}

/* Makeshift method of applying individual styles to 'identical' menu items. */
#navigation .Home { background:url(../images/bg-menu1.jpg) repeat-x; }
#navigation .Home:hover { background-position:center bottom; }

#navigation .Properties { background:url(../images/bg-menu2.jpg) repeat-x; }
#navigation .Properties:hover { background-position:center bottom; }

#navigation .Tenants { background:url(../images/bg-menu3.jpg) repeat-x; }
#navigation .Tenants:hover { background-position:center bottom; }

#navigation .Landlords { background:url(../images/bg-menu4.jpg) repeat-x; }
#navigation .Landlords:hover { background-position:center bottom; }

#navigation .Contact { background:url(../images/bg-menu5.jpg) repeat-x; }
#navigation .Contact:hover { background-position:center bottom; }

#banner {
	width:1000px; height:306px;
	position:relative;
	top:-50px;
	z-index:0;
	padding-top:51px;
}

* html #banner {
	top:-100px;
}

/****************/
/***** Body *****/
/****************/

.search-frame, .featured-frame {
	width:191px;
}

.search-frame {
	height:180px;
}

.featured-frame {
	height:320px;
}

#quickfind, #featured {
	width:190px; /* 224px inc padding and border. */
	padding:12px;
	border:5px solid #ededed;
	background:#552d52 url(../images/bg-box.jpg) repeat-x;
	
	/* Layout */
	position:absolute;
}

#quickfind {
	/* Layout */
	top:110px;
	left:12px;
}

#search {
	background:transparent;
}

#search h3 {
	font-size:14pt;
	font-weight:bold;
	margin:0; padding:0;
	color:#fff;
}

#search h3 span {
	color:#85c425;
}

#search li {
	/* Layout */
	margin-top:10px;
}

#search input, #search select {
	width:100%;
	color:#552d52;
}

#search input.search-form-button {
	width:98px; height:24px;
	background:url(../images/search-button.jpg) no-repeat;
	border:none;
	color:#fff;
	
	/* Layout */
	line-height:24px;
}

#featured {
	/* Layout */
	top:330px;
	left:12px;
}

#content-wrapper {
	/* Layout */
	clear:both;
	margin:-50px 0 0 250px;
	position:relative;
	z-index:1;
}

* html #content-wrapper {
	top:-100px;
}

#content-wrapper h2 {
	color:#85c425;
	font-size:23pt;
}

#search-results #content-wrapper h2 {
	margin-bottom:17px;
}

#content {
	padding-left:25px;
}

#content a {
	color:#000;
}

#content a.highlight {
	color:#552d52;
	font-weight:bold;
}

#content .highlight {
	color:#552d52;
	font-style:italic;
}

#content a:hover {
	color:#000;
}

#search-results #content {
	padding:0;
}

.results-frame {
	width:750px; height:505px;
}

#nhs-text {
	width:550px;
	float:left;
	text-align:justify;
}

#nhs-image {
	width:159px;
	height:115px;
	float:right;
	background:url(../images/nhs.jpg) no-repeat;
}


/******************/
/***** Footer *****/
/******************/

#footer {
	color:#575757;
	
	/* Layout */
	position:absolute;
	top:685px;
	left:20px;
}

#footer a {
	color:#575757;
	font-size:75%;
	text-transform:uppercase;
	padding-right:8px;
	background:url(../images/tick.gif) no-repeat right center;
}

address {
	width:224px;
	color:#575757;
	
	/* Layout */
	position:absolute;
	top:725px;
	left:20px;
}