/* CSS Document */

* {
	padding: 0;
	margin: 0;
	}
	
html {
	width: 100%;
	height: 100%;
	}
	
body {
	padding-top: 10px;
	background: url(../img/background_body.jpg) 0 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #2f2f2f;
}

/* Sitewide Body Styles */
#content a {
	color: #e43f37;
	text-decoration: none;
	}
#content a:hover {
	color: #000;
	text-decoration: none;
	}
	
#content p {
	padding: 0px 19px 8px 19px;
	}
#content ul {
	padding: 0px 19px 8px 45px;
	}
	
#bodyWrap {
	width: 100%;
	margin: 0;
	padding: 0;
	}
* html #bodyWrap {
	text-align: center;
	}

#centeringWrap {
	width: 914px;
	height: auto;
	margin: 0 auto;
	}

* html #centeringWrap {
	text-align: left;
	}
	
#container {
	width: 914px;
	height: auto;
	background: url(../img/background_box.gif) 0 4px repeat-x;
	margin-top: 6px;
	overflow: auto;
	}
	
a#logo {
	width: 334px;
	height: 93px;
	background: url(../img/logo.gif) 0 0 no-repeat;
	display: block;
	}

a#logo span {
	display: none;
	}
		
#content {
	margin: 0px 9px 9px 9px;
	width: 895px;
	height: auto;
	background: url(../img/background_content.gif) 0 0 repeat-y; 
	border-bottom: 1px solid #d2d2d2;
	display: block;
	float: left;
	}
* html #content {
	float: none;
	}
	
body#home #content {
	background: none;
	border: none;
	}
	
/* Footer */
.footerLeft {
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	color: #767676;
	}
.footerRight {
	margin-top: 5px;
	margin-right: 10px;
	float: right;
	}
.footerRight a,
.footerLeft a {
	color: #767676;
	text-decoration: none;
	}
.footerRight a:hover,
.footerLeft a:hover {
	color: #0f0f0f;
	}
	
	
	
/* -------------------------------------------------------------------
-- BODYPAGES -------------------------------------------------------*/	

	
/* Headers */
h2	{
	font-size: 1.5em;
	text-indent: -5000px; /*IR Text Reposition*/
	padding: 10px 0 0 19px;
	margin: 10px 0 5px 19px;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 20px;
	float: left;
	width: 855px;
	display: block;
	}
* html h2 {
	margin: 10px 0 10px 9px;
	padding: 0;
	}
	
h2#hd_privacy {
	background-image: url(../img/hd_privacy.gif);
	}	
h2#hd_company {
	background-image: url(../img/hd_company.gif);
	}	
h2#hd_contact {
	background-image: url(../img/hd_contact.gif);
	}	
h2#hd_commSales {
	background-image: url(../img/hd_commSales.gif);
	}	
h2#hd_recent {
	background-image: url(../img/hd_recent.gif);
	}	
h2#hd_salesAppraisal {
	background-image: url(../img/hd_salesAppraisal.gif);
	}	
h2#hd_commLease {
	background-image: url(../img/hd_commLease.gif);
	}	
h2#hd_leaseAppraisal {
	background-image: url(../img/hd_leaseAppraisal.gif);
	}	
h2#hd_property {
	background-image: url(../img/hd_property.gif);
	}	
h2#hd_mortgage {
	background-image: url(../img/hd_mortgage.gif);
	}	
h2#hd_investment {
	background-image: url(../img/hd_investment.gif);
	}	
h2#hd_enquiry {
	background-image: url(../img/hd_enquiry.gif);
	}	
h2#hd_sendFriend {
	background-image: url(../img/hd_sendFriend.gif);
	}	
h2#hd_propertyGuide {
	background-image: url(../img/hd_propertyGuide.gif);
	}	
h2#hd_propertyGuideSubscription {
	background-image: url(../img/hd_subscription.gif);
	}	
h2#hd_propertyManagement {
	background-image: url(../img/hd_propertyManagement.gif);
	}	
h2#hd_team {
	background-image: url(../img/hd_team.gif);
	}
	
	
h3	{
	margin: 5px 0 1px 19px;
	color:#2f2f2f;
	font-size: 14px;
	}	
	
	
/* Images */
body#about #bottomStrip {
	width: 805px;
	overflow: auto;
	margin: 0 auto;
	}
body#property #bottomStrip {
	width: 765px;
	overflow: auto;
	margin: 0 auto;
	}

img.bottomStrip {
	border: 2px solid #d2d2d2;
	margin: 19px 0px 19px 30px;
}
img.right {
	border: 2px solid #d2d2d2;
	float: right;
	margin: 19px;
}

#photocontainerone {
	width: 500px;
	margin: 0 auto;
	overflow: auto;
	}
#photocontainertwo {
	width: 800px;
	margin: 0 auto;
	overflow: auto;
	text-align:center;
	}
	

#photo {
	width: 250px;
	margin: 19px auto 19px auto;
	text-align: center;
	height: auto;
	overflow: auto;
	float: left;
	}
	
#photo img{
	border: 2px solid #d2d2d2;
	display: block;
	margin: 0 auto;
	}
* html #photo img{
	clear: both;
	}

/* CONTACT US */
h4.contactTitle {
	color:#a11415;
	margin: 0px 0px 20px 170px;
	font-size: 14px;
	}

dl.contactDetails {
	margin: 0px 0px 20px 190px;
	width: 320px;
	float: left;
	}
* html dl.contactDetails {
	margin: 0px 0px 20px 95px;
	}

dl.contactDetails dt {
	width: 70px;
	font-weight: bold;
	float: left;
	}
	
dl.contactDetails dd {
	width: 250px;
	float: left;
	}
	
dl.contactDetails .newLine {
	margin: 12px 0 0 0;
	}

/* -------------------------------------------------------------------
-- HOMEPAGE --------------------------------------------------------*/
	
#animation {
	width: 893px;
	height: 283px;
	float:left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 1px solid #d2d2d2;
	margin-bottom: 5px;
	overflow: hidden;
}
* html #animation {
	margin-bottom: 3px;
	}
#animation img {
	margin: 0;
	padding: 0;
}
#anim1 {
	width: 893px;
	height: 283px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul#anim1 {
	margin: 0;
	padding: 0;
}
ul#anim1 li {
	margin: 0;
	padding: 0;
	list-style:none;
}

	
#homeBottom {
	width: 895px;
	height: 135px;
	display:block;
	overflow:auto;
	}
#homeBottom h3 {
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	float: right;
	padding: 0px 4px 2px 5px;
	margin: 0;
	background-color: #2f2f2f;
	background-color: #2f2f2f;
	}
	
.qs {
	background: url(../img/background_qs.jpg) 0 0 no-repeat;
	width: 201px;
	height: 132px;
	float: left;
	margin-left: 20px;
	margin-right: 70px;
	}

.appraisal, .guide, .calculators {	
	background: url(../img/background_home_bottom.jpg) 0 0 repeat-x;
	height: 132px;
	float: left;
	margin-left: 2px;
	}
	
.appraisal {
	width: 255px;
	margin-right: 70px;
	}
.guide {
	width: 231px;
	}
.calculators {
	width: 201px;
	}
	
.appraisal h4,
.calculators h4{
	border: 1px solid #767676;
	height: 93px;
	margin: 27px 0 0 10px;
	text-align: center;
	}
	
.appraisal h4{
	background: url(../img/home_appraisal.jpg) 0 0 no-repeat;
	width: 233px;
	}
.calculators h4{
	background: url(../img/home_calculators.jpg) 0 0 no-repeat;
	width: 179px;
	}
	
#content .appraisal h4 a,
#content .calculators h4 a{
	color: #fff;
	font-size: 10px;
	width: 23px;
	height: 12px;
	background: #565656;
	border: 1px solid #767676;
	float: right;
	text-decoration: none;
	padding: 0px 10px 2px 10px;
	margin: 75px 2px 0 0;
	}
	
#content .appraisal h4 a.leftSide {
	float: left;
	margin: 75px 0 0 2px;
	}
	
#content .appraisal h4 a:hover,
#content .calculators h4 a:hover{
	background:#767676;
}

.qs form {
	margin: 31px 0 0 31px;
	width: 140px;
	}
* html .qs form {
	margin: 25px 0 0 31px;
	}

.qs select {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666666;
	width: 140px;
	border: 1px solid #767676;
	display: block;
	margin-bottom: 7px;
	}
	
.qs input.button{
	color: #fff;
	font-size: 10px;
	width: 43px;
	height: 16px;
	background: #565656;
	border: 1px solid #767676;
	float: right;
	text-decoration: none;
	padding: 0 0 2px 0;
	cursor: pointer;
	}
* html .qs input.button{
	padding: 0 0 2px 4px;
	}
	
#guideImage {
	width: 209px;
	height: 93px;
	border: 1px solid #767676;
	margin: 27px 0 0 10px;
	overflow: hidden;
	}
#guideImage img {
	width: 209px;
	}
.guide p {
	color: #fff;
	width: 209px;
	margin: 47px 0 0 10px;
	text-align: center;
	font-weight: bold;
	}
.guide p a {
	color: #e43f37;
	text-decoration: none;
	font-weight: bold;
	}
.guide img {
	border: none;
	padding:0;
	margin:0;
	}
	

/* -------------------------------------------------------------------
-- SEARCH PAGES ----------------------------------------------------*/

#searchWrap {
	width: 853px;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0px 19px 8px 19px;
	float: left;
	}
* html #searchWrap {
	text-align:center;
	}
#searchWrap form {
	border: 2px solid #d2d2d2;
	background-color: #e1e1e1;
	margin: 0 auto;
	width: 440px;
	float: left;
	height: auto;
	}
* html #searchWrap form {
	text-align: left;
	}
	
#searchWrap fieldset {
	width: 200px;
	float: left;
	height: auto;
	margin: 0 10px 10px 10px;
	border: none;
	}
* html #searchWrap fieldset {
	margin: 0 5px 10px 5px;
	}
	
#searchWrap legend {
	display: none;
	}
	
#searchWrap label {
	font-weight: bold;
	font-size: 12px;
	color: #2f2f2f;
	padding: 10px 0px 0px 0px;
	margin-right: 15px;
	width: 160px;
	float: left;
	}
	
#searchWrap label.small {
	width: auto;
	}
* html #searchWrap label.small {
	display:inline;
	}
	
#searchWrap select {
	width: 200px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	}
	
#searchWrap select.small {
	width: 100px;
	margin: 10px 0px 2px 0px;
	}
#searchWrap select.xsmall {
	width: 50px;
	float: left;
	margin: 10px 0px 2px 0px;
	}
#searchWrap p {
	width: 25px;
	float: left;
	margin: 0px 3px 0px 6px;
	padding: 10px 0px 2px 0px;
	}
	
#searchWrap .radio {
	float: right;
	margin: 10px 0px 2px 0px;
	}
* html #searchWrap .radio {
	display: inline;
	float: none;
	width: 15px;
}
	
#searchWrap input.button{
	color: #fff;
	font-size: 10px;
	width: 43px;
	height: 16px;
	background: #565656;
	border: 1px solid #767676;
	float: right;
	text-decoration: none;
	padding: 0 0 2px 0;
	cursor: pointer;
	margin: 15px 0px 0px 0px;
	}
* html #searchWrap input.button{
	padding: 0 0 2px 4px;
	clear: both;
	display: block;
	float: none;
	margin: 15px 0px 0px 155px;
	}

/* -------------------------------------------------------------------
-- RESULTS PAGE ----------------------------------------------------*/

.searchNavigation, .searchNavigationBottom {
	width: 853px;
	height: 13px;
	float: left;
	display:block;
	font-size: 9px;
	color: #6e6e6e;
	padding: 0px 19px 8px 19px;
	}
.searchNavigationBottom {
	text-align: right;
	margin-top: 19px;
	}
	
.numberResults {
	float: left;
	}

.prevNext {
	float: right;
	width: 300px;
	text-align: right;
	}
	
#resultsWrap {
	width: 853px;
	height: 135px;
	padding-top: 21px;
	display: block;
	float: left;
	border-bottom: 1px solid #d2d2d2;
	margin: 0px 0px 0px 19px;
	}
* html #resultsWrap {
	margin: 0px 0px 0px 9px;
	}
	
#resultsWrap img.mainImage {
	width: 150px;
	height: 112px;
	border: 2px solid #d2d2d2;
	float: left;
	margin-right: 10px;
	}
	

#resultsWrap h3 { /* title */	
	color: #2f2f2f;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	}
	
#resultsWrap h4 { /* price */
	color: #a11415;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	}
#resultsWrap h5 { /* address */
	color: #2f2f2f;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	}
	
#resultsWrap a.ISbutton{
	color: #fff;
	font-size: 10px;
	width: 23px;
	height: 12px;
	background: #565656;
	border: 1px solid #767676;
	float: left;
	display: block;
	text-decoration: none;
	padding: 0px 10px 2px 10px;
	margin: 0;
	}
	
#resultsWrap img.searchLogo {
	float: right;
	}
	
/* -------------------------------------------------------------------
-- DETAILS PAGE ----------------------------------------------------*/

.propertyId {
	float: left;
	font-size: 13px;
	}
	
#detailsCentering {
	width: 853px;
	height: auto;
	padding-top: 21px;
	float: left;
	margin: 0px 0px 0px 19px;
	}
* html #detailsCentering {
	margin: 0px 0px 0px 9px;
	text-align: center;
	}
	
#detailsWrap {
	margin: 0 auto;
	display: block;
	width:612px;
	height: auto;
	}
* html #detailsWrap {
	text-align: left;
	}
	
#detailsWrap img.mainImage {
	width:599px;
	border: 2px solid #d2d2d2;
	margin-bottom: 9px;
	}
	
#detailsWrap img.subImage {
	width:140px;
	margin: 0 9px 9px 0;
	border: 2px solid #d2d2d2;
	}
	
#detailsWrap h3 { /* title */	
	color: #2f2f2f;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	}
	
#detailsWrap h4 { /* price */
	color: #a11415;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	}
#detailsWrap h5 { /* address */
	color: #2f2f2f;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	}
	
#detailsWrap p {
	padding: 0px 0px 9px 0px;
	width: 400px;
	}

/* Options */
#detailsWrap #optionButtons {
	border-left: 2px solid #d2d2d2;
	border-right: 2px solid #d2d2d2;
	border-top: 2px solid #d2d2d2;
	width:599px;
	background-color: #a11415;
	height: 22px;
	}

 #detailsWrap #optionButtons a {
	padding: 4px 20px 0px 20px;
	height: 18px;
	width: auto;
	float: left;
	color: white;
	text-decoration:none;
	border-right: 1px solid #d2d2d2;
	}
#detailsWrap #optionButtons a:hover {
	background-color: #7c1111;
	color: white;
	}
	
/* Right Column */
#detailsWrap #rightDetails {
	width: 180px;
	float: right;
	height: auto;
	padding: 4px;
	border: 1px solid #d2d2d2;
	margin: 0 9px 9px 0;
	background-color: #e1e1e1;
	}
* html #detailsWrap #rightDetails {
	margin: 0 4px 9px 0;
	}
#detailsWrap #rightDetails p {
	width: 180px;
	}
	
#detailsWrap em {
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 5px 0;
	}
#detailsWrap em.overtitle {
	margin: 0px 0 5px 0;
	}
#detailsWrap #rightDetails em {
	display: block;
	}

#detailsWrap #rightDetails dt {
	float: left;
	width: 75px;
	margin-right: 3px;
	font-weight: bold;
	}
	
/* -------------------------------------------------------------------
-- FORMS -----------------------------------------------------------*/

#ISform {
	width: 853px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 19px;
	}
* html #ISform {
	margin: 0px 0px 0px 9px;
	text-align: center;
	}
	
#ISform p {
	text-align: left;
	}
	
#ISform #formTitle {
	border-left: 2px solid #d2d2d2;
	border-right: 2px solid #d2d2d2;
	border-top: 2px solid #d2d2d2;
	width:500px;
	background-color: #a11415;
	height: 15px;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
	padding: 4px 30px 0px 10px;
	}
* html #ISform #formTitle {
	text-align: left;
	}

#ISform #formTitleInsideTop, #ISform #formTitleInside {
	border-bottom: 2px solid #d2d2d2;
	width:500px;
	background-color: #a11415;
	height: 15px;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
	padding: 4px 30px 0px 10px;
}

#ISform #formTitleInside {
	border-top: 2px solid #d2d2d2;
	}

#ISform form {
	margin: 0 auto 15px auto;
	display: block;
	width:540px;
	height: auto;
	border: 2px solid #d2d2d2;
	}
* html #ISform form {
	text-align: left;
	padding: 10px auto;
	}
	
#ISform form fieldset {
	border: none;
	width: 370px;
	height: auto;
	margin: 10px auto;
	}
	
#ISform form fieldset label {
	float: left;
	width: auto;
	width: 150px;
	margin: 8px 0;
	display: block;
	text-align: right;
	padding-right: 8px;
	}
	
#ISform form fieldset em.denote {
	display: block;
	font-weight: bold;
	clear: both;
	float: left;
	padding: 10px 0 0 0;
}
* html #ISform form fieldset em.denote {
	width: 180px;
	}
	
#ISform form fieldset label em {
	font-weight: bold;
	}
		
#ISform form fieldset input.input {
	float: left;
	width: 200px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	display: block;
	margin: 7px 0px;
	}
	
#ISform form fieldset input.inputSmall {
	float: left;
	width: 170px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	display: block;
	margin: 7px 0px;
	}
	
#ISform form fieldset textarea.input {
	float: left;
	width: 200px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	display: block;
	margin: 7px 0px;
	}
	
#ISform form input.button {
	color: #fff;
	font-size: 10px;
	width: 43px;
	height: 16px;
	background: #565656;
	border: 1px solid #767676;
	float: right;
	text-decoration: none;
	padding: 0 0 2px 0;
	cursor: pointer;
	margin: 10px 7px 0 0;
	}
* html #ISform form input.button{
	padding: 0 0 2px 4px;
	width: 36px;
	}
	
#ISform form input.buttonCalc {
	color: #fff;
	font-size: 10px;
	width: 63px;
	height: 16px;
	background: #565656;
	border: 1px solid #767676;
	float: right;
	text-decoration: none;
	padding: 0 0 2px 0;
	cursor: pointer;
	margin: 10px 7px 0 0;
	}
* html #ISform form input.buttonCalc {
	padding: 0 0 2px 4px;
	width: 56px;
	margin: 10px 7px 10px 0;
	}
	
#ISform form input.buttonClear {
	color: #fff;
	font-size: 10px;
	width: 48px;
	height: 16px;
	background: #565656;
	border: 1px solid #767676;
	float: right;
	text-decoration: none;
	padding: 0 0 2px 0;
	cursor: pointer;
	margin: 10px 7px 0 0;
	}
* html #ISform form input.buttonClear {
	padding: 0 0 2px 4px;
	width: 44px;
	margin: 10px 7px 10px 0;
	}
	
#ISform form i {
	float: right;
	margin: 7px 0px;
	}
	
#ISform form i.hidden {
	display: none;
	}
	
/* -------------------------------------------------------------------
-- PROPERTY GUIDE --------------------------------------------------*/

body#propertyGuide p img {
	border: none;
	height: 32px;
	wisth: 32px;
	margin: 10px 7px 0 0;
	}
	
body#propertyGuide p {
	font-weight: bold;
	font-size: 12px;
	}
	
/*staff member bottom border*/
body#team dl {
	border-bottom: 1px solid #CCC;
height: 160px;
padding: 20px; 
	}

/*staff name*/
body#team dl dt.name {
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
	}
/*staff position*/
body#team dl dd.position {
	font-weight: bold;
	}
/*staff contact*/
body#team dl dd.contact {
	font-weight: bold;
	}
body#team dt.photo img{
	float:left;
margin-right: 20px;
}
body#team dd a{
	margin-bottom: 20px;
}