@import url("/css/print.css");

/* STYLES FOR SCREENS */

@media screen,projection {

	body {
		color:#000000;
		background-color:#004685;
		margin:1em 0em 1em 0em;
		padding:0em;
		font-family:arial,helvetica,sans-serif;
		font-size:100%;
		text-align:center;
	}


	/***** DON'T DISPLAY ANY ELEMENTS DESIGNED FOR PRINTING *****/

	.print {
		display:none;
	}


	a {
		color:#004685;
		background-color:inherit;
		text-decoration:none;
	}

	a:hover {
		color:#004685;
		background-color:inherit;
		text-decoration:underline;
	}

	form {
		padding:0em;
		margin:0em;
	}

	hr {
		display:none;
	}

	ul {
		list-style-type:none;
		margin:0em;
		padding:0em;
	}

	ul li {
		margin:0em 0em 0.2em 0em;
		padding:0px 0px 0px 22px;
		background-image:url(../images/bullet.gif);
		background-position:center left;
		background-repeat:no-repeat;
		font-weight:bold;
	}

	ol {
		list-style-type:lower-roman;
		margin-left:2em;
	}

	ol li {
		margin:0em 0em 1em 0em;
	}

	p {
		margin:0em 0em 1em 0em;
		padding:0em;
	}

	/***** MAIN PAGE HEADINGS *****/

	h1 {
		font-size:350%;
		margin:0px 0px 0px 125px;
		padding:0em;
		font-weight:normal;
		text-transform:lowercase;
		height:53px;
		overflow:visible;
		background-repeat:no-repeat;
	}

	h1.services {
		background-image:url(../images/headings/services.gif);
	}

	h1.partners {
		background-image:url(../images/headings/partners.gif);
	}

	h1.contact {
		background-image:url(../images/headings/contact.gif);
	}

	h1.enquiryform {
		background-image:url(../images/headings/enquiryform.gif);
	}

	h1.requestform {
		background-image:url(../images/headings/requestform.gif);
	}

	h1.terms {
		background-image:url(../images/headings/terms.gif);
	}

	h1.investment {
		background-image:url(../images/headings/investment.gif);
	}

	h1.industrial {
		background-image:url(../images/headings/industrial.gif);
	}

	h1.retail {
		background-image:url(../images/headings/retail.gif);
	}

	h1.licensed {
		background-image:url(../images/headings/licensed.gif);
	}

	h1.developmentland {
		background-image:url(../images/headings/developmentland.gif);
	}

	h1.office {
		background-image:url(../images/headings/office.gif);
	}

	h1.accessibility {
		background-image:url(../images/headings/accessibility.gif);
	}

	h1.thankyou {
		background-image:url(../images/headings/thankyou.gif);
	}

	h1.properties {
		background-image:url(../images/headings/properties.gif);
	}


	/***** HOMEPAGE HEADING IS DONE DIFFERENTLY *****/

	h1.home {
		height:35px;
		margin:0em;
		padding:0em;
		background-image:url(../images/headings/understanding_property.gif);
		background-repeat:no-repeat;
	}

	/************************************************/


	h2 {
		font-size:120%;
		font-weight:bold;
		margin:0px 0px 0px 130px;
		padding:0em;
	}

	h3 {
		font-size:110%;
		font-weight:bold;
		margin:0em;
		padding:0em;
	}


	/***** STYLER FOR MAIN SPLASH PAGE *****/

	#splash {
		display:block;
		background-image:url(../images/splashback.jpg);
		height:419px;
		border:solid 1px #FFFFFF;
	}

	#splash .logo {
		position:relative;
		top:20px;
		left:20px;
	}

	#splash .enter {
		position:relative;
		top:193px;
		left:338px;
	}

	/***************************************/


	#container {
		width:761px;
		margin-left:auto;
		margin-right:auto;
		color:#004685;
		background-color:#FFFFFF;
		text-align:left;
		font-size:75%;
		text-align:justify;
	}

	#header {
		display:block;
		color:#000000;
		background-color:#004685;
	}

	ul.nav {
		width:624px;
		float:right;
		display:block;
		list-style-type:none;
		margin:0em;
		padding:0em;
	}

	ul.nav li {
		float:left;
		padding:0px 0px 0px 10px;
		margin:0px 0px 0px 0px;
		background-image:none;
	}

	ul.nav li a {
		display:block;
		width:94px;
		height:30px;
	}


	/***** INDIVIDUAL NAV BUTTONS AND HOVERS *****/

	ul.nav li a.home {
		background-image:url(../images/buttons/home.gif);
	}

	ul.nav li a.properties {
		background-image:url(../images/buttons/properties.gif);
	}

	ul.nav li a.services {
		background-image:url(../images/buttons/ourservices.gif);
	}

	ul.nav li a.partners {
		background-image:url(../images/buttons/thepartners.gif);
	}

	ul.nav li a.contact {
		background-image:url(../images/buttons/contact.gif);
	}

	ul.nav li a.terms {
		background-image:url(../images/buttons/terms.gif);
	}

	ul.nav li a.home:hover, ul.nav li.selected a.home {
		background-position:0px -30px;
	}

	ul.nav li a.properties:hover, ul.nav li.selected a.properties {
		background-position:0px -30px;
	}

	ul.nav li a.services:hover, ul.nav li.selected a.services {
		background-position:0px -30px;
	}

	ul.nav li a.partners:hover, ul.nav li.selected a.partners {
		background-position:0px -30px;
	}

	ul.nav li a.contact:hover, ul.nav li.selected a.contact {
		background-position:0px -30px;
	}

	ul.nav li a.terms:hover, ul.nav li.selected a.terms {
		background-position:0px -30px;
	}

	/***********************************************/


	ul#menu_child {
		list-style-type:none;
		margin:0em;
		padding:0em;
	}

	ul#menu_child li {
		display:inline;
		margin:0em;
		padding:0em;
		background:none;
		font-style:normal;
		font-size:95%;
	}

	ul#menu_child li a {
		display:block;
		width:10em;
		padding:0.3em 0.6em 0.3em 0.6em;
		border-width:0px 1px 1px 1px;
		border-style:solid;
		border-color:#ED1B2D;
		color:#004685;
		background-color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;  
	}

	ul#menu_child li a:hover {
		color:#ED1B2D;
		background-color:#FDE8E0; 
	}


	#mainbody {
		background-image:url(../images/header.gif);
		background-repeat:no-repeat;
		padding:110px 45px 0px 45px;red;
	}


	.col1 {
		display:inline;
		width:350px;
		float:left;
		margin:30px 0px 0px 50px;
		padding:0em;
	}

	.col2 {
		float:left;
		height:1%; overflow:visible; /* Peekaboo bug fix */
		margin:35px 0px 0px 50px;
		padding:0em;
		font-weight:bold;
		font-size:90%;
	}

	.col2 p {
		margin:0em 0em 0.5em 0em;
		padding:0em;
	}

	.col3 {
		margin:20px 40px 0px 40px;
		padding:0em;
	}

	.col3 h2 {
		margin:1em 0em 1em 0em;
	}

	.partner {
		line-height:1em;
		width:208px;
		margin:30px 5px 0px 5px;
		padding:1em 0em 0em 0em;
		float:left;
		color:inherit;
		background-color:#E3E7F2;
		border:solid 1px #AABED6;
		text-align:center;
	}


	/***** "CAN'T FIND WHAT YOU'RE LOOKING FOR?" BOXES *****/

	p#findbox {
		display:block;
		text-align:center;
		margin:3em 0em 3em 0em;

	}

	p#findbox a {
		display:block;
		width:356px;
		height:52px;
		background-image:url(../images/findbox.gif);
		margin-left:auto;
		margin-right:auto;
	}

	p#findbox2 {
		display:inline;
		position:absolute;
		margin:-75px 0px 0px 450px;
	}

	p#findbox2 a {
		display:block;
		width:222px;
		height:49px;
		background-image:url(../images/findbox2.gif);
	}

	p#findbox2 a:hover {
		background-position:0px -49px;
	}

	/********************************************************/


	/***** PROPERTY BUTTONS/BOXES ON THE HOMEPAGE *****/

	ul#propertymenu {
		display:block;
		list-style-type:none;
		margin:1em 0em 0em 0em;
		padding:0em;
	}

	ul#propertymenu li {
		float:left;
		padding:0em;
		margin:0em;
		background:none;
	}

	ul#propertymenu li a {
		display:block;
		width:101px;
		height:92px;
		margin-right:13px;
	}

	ul#propertymenu li a.retail {
		background-image:url(../images/retail.jpg);
	}

	ul#propertymenu li a.office {
		background-image:url(../images/office.jpg);
	}

	ul#propertymenu li a.industrial {
		background-image:url(../images/industrial.jpg);
	}

	ul#propertymenu li a.licensed {
		background-image:url(../images/licensed.jpg);
	}

	ul#propertymenu li a.investment {
		background-image:url(../images/investment.jpg);
	}

	ul#propertymenu li a.developmentland {
		background-image:url(../images/developmentland.jpg);
		margin:0em;
	}

	ul#propertymenu li a.retail:hover, ul#propertymenu li a.office:hover, ul#propertymenu li a.industrial:hover, ul#propertymenu li a.licensed:hover, ul#propertymenu li a.investment:hover, ul#propertymenu li a.developmentland:hover {
		background-position:0px -92px;
	}

	/***********************************************************/


	#footer {
		display:block;
		text-align:right;
		padding:0.5em 3.5em 0.5em 0.5em;
	}

	#footer p {
		display:block;
		margin:0em;
		padding:0em;
	}

	#footer p a {
		color:#004685;
		background-color:inherit;
	}


	/***** PROPERTY DETAILS BOXES *****/

	.forsale {
		color:inherit;
		background-color:#E3E7F2;
		background-image:url(../images/forsale.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0em 1em 0em 1em;
		margin:0em 0em 2em 0em;
	}

	.tolet {
		color:inherit;
		background-color:#E3E7F2;
		background-image:url(../images/tolet.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0em 1em 0em 1em;
		margin:0em 0em 2em 0em;
	}

	.sold {
		color:inherit;
		background-color:#E3E7F2;
		background-image:url(../images/sold.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0em 1em 0em 1em;
		margin:0em 0em 2em 0em;
	}

	.let {
		color:inherit;
		background-color:#E3E7F2;
		background-image:url(../images/let.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0em 1em 0em 1em;
		margin:0em 0em 2em 0em;
	}

	/***********************************/


	/***** ELEMENTS THAT GO INSIDE PROPERTY DETAIL BOXES *****/

	.photo {
		padding:1em 0em 0em 0em;
		width:197px;
		float:left;
	}

	.photo img {
		vertical-align:top;
		border:solid 1px #004685;
		margin-bottom:1em;
	}

	.description { display:block;
		height:1%; overflow:visible; /* Peekaboo bug fix */
		margin:0px 100px 0px 197px;
		padding:1em 0em 0em 2em;
	}

	.description p {
		margin:0em 0em 1em 0em;
		padding:0em;
	}

	p.showlocation {
		display:block;
		float:left;
	}

	p.showlocation a {
		display:block;
		width:95px;
		height:20px;
		background-image:url(../images/buttons/showlocation.gif);
		margin:0px 10px 0px 0px;
	}

	p.showlocation a:hover {
		background-position:0px -20px;
	}

	p.requestdetails {
		display:block;
		float:left;
	}

	p.requestdetails a {
		display:block;
		width:95px;
		height:20px;
		background-image:url(../images/buttons/requestdetails.gif);
	}

	p.requestdetails a:hover {
		background-position:0px -20px;
	}

	p.pdfdetails {
		display:block;
		float:left;
	}

	p.pdfdetails a {
		display:block;
		width:95px;
		height:20px;
		background-image:url(../images/buttons/pdfdetails.gif);
		margin:0px 10px 0px 0px;
	}

	p.pdfdetails a:hover {
		background-position:0px -20px;
	}


	/* Hide request details button if property is sold or let */

	.sold p.requestdetails, .let p.requestdetails {
		visibility:hidden;
	}

	p.size {
		float:right;
	}

	p.rent {

	}

	/***********************************************************/


	.pagenumbers {
		display:block;
		font-size:120%;
		font-weight:bold;
	}

	.pagenumbers .selected {
		color:#FF0000;
		background-color:inherit;
	}

	.pagenumbers .link {
		font-style:italic;
		font-size:90%;
	}


	/***** TABLE CONTAINING FORMS *****/

	table.form {
		width:670px;
		border-spacing:10px;
		font-size:95%;
		color:#004685;
		background-color:#FFFFFF;
	}

	table.form td {
		padding:1em 0.8em 1em 0.8em;
		border:solid 1px #7296BA;
		vertical-align:top;
		color:inherit;
		background-color:#E3E7F2;
	}

	table.form td.narrow {
		width:33%;
	}

	table.form td.wide {
		width:67%;
	}

	table.form h3 {
		font-size:125%;
		font-weight:bold;
		margin:0em 0em 0.3em 0em;
	}

	table.form label {
		/* font-size:110%; */
		font-weight:bold;
	}

	table.form label.long {
		font-size:110%;
		float:left;
		width:8em;
	}

	table.form textarea {
		width:405px;
		border:solid 1px #7296BA;
	}

	table.form .textareasmall {
		width:122px;
		border:solid 1px #7296BA;
	}

	table.form select {
		width:60px;
		border:solid 1px #7296BA;
	}

	table.form td.narrow .textarea {
		width:183px;
	}

	table.form .textarea {
		width:300px;
		border:solid 1px #7296BA;
	}

	table.form div.details {
		width:420px;
		float:left;
	}

	table.form div.note {
		margin-left:420px;
	}

	table.form .asterisk {
		color:#FF0000;
		background-color:inherit;
		font-size:110%;
	}

	table.grid {
		width:590px;
		border-collapse:collapse;
		font-size:100%;
	}

	table.grid th {
		padding:0.4em;
		color:#FFFFFF;
		background-color:#ED1B2D;;
		border:solid 1px #ED1B2E;;
	}

	table.grid td {
		padding:0.4em;
		color:#004685;
		background-color:#FFFFFF;
		border:solid 1px #ED1B2D;
	}

	#map a {
		display:block;
		width:93px;
		height:20px;
		background:url(/images/buttons/map.gif);
		background-position:0px 0px;
	}

	#map a:hover {
		background-position:0px 20px;
	}

	#submit {
		text-align:center;
	}

	#submit a {
		display:block;
		width:94px;
		height:20px;
		background:url(/images/buttons/submit.gif);
		background-position:0px 0px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:3em;
	}

	#submit a:hover {
		background-position:0px 20px;
	}

	.submitbutton {
		background-color:#CC3298;
		font-weight:bold;
		border-width: 1px 1px 1px 1px;
		border-top-color:#FF9EB9;
		border-left-color:#FF9EB9;
		border-right-color:#990049;
		border-bottom-color:#990049;
		margin-bottom:1px;
		color:#FFFFFF;
		cursor:pointer;
	}

	/**********************************/


	.break {
		clear:both;
		height:1px;
		line-height:1px;
		font-size:0pt;
		overflow:hidden;
	}

	.errornote {
		font-size:100%;
		font-weight:bold;
		color:#FF0000;
		background-color:yellow;
		background-image:url(/images/warning.gif);
		background-position:left center;
		background-repeat:no-repeat;
		margin:0em 1.2em 0em 9em;
		padding:0em 0em 0em 2em;
	}

	.wide .errornote {
		margin:0em 0em 0em 0em;
		padding:0em 1.7em 0em 2em;
	}

	.narrow .errornote {
		padding:0em 0em 0em 2em;
		margin:0em;
	}

	p.error {
		font-size:110%;
		font-weight:bold;
		color:#FF0000;
		background-color:yellow;
		text-align:center;
	}

	a img {
		border:none;
	}

	.novisual {
		display:none;
	}

	caption {
		display:none;
	}

}