@charset "UTF-8";

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
	
:focus {
	outline: 0;
}
	
ol, ul {
	list-style: none;
}

label,
button {
    cursor: pointer;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}
	
html {
    width: 100%;
	height: 100%;
}


body {
	font: 62.5%/1em "Lucida Grande", Verdana,Arial, "Bitstream Vera Sans", sans-serif;
	width: 100%;
	height: 100%;
	color: #808080;
	background: url(../images/layout/background.png) repeat #000;
    overflow: auto;
    padding-top: 1px; /* this is to stop collapsing margins */
    margin-top: -1px;
}

/* MAIN PAGE LAYOUT */

#main-container {
    width: 1050px;
    margin: 0 auto;
    background: #fff;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

#header-container {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 10;
}

#header {
    width: 1050px;
    height: 150px;
    position: relative;
    margin: 0 auto;
}

#header h1 {
    width: 188px;
    height: 128px;
    position: absolute;
    top: 20px;
    left: 60px;
    background: url(../images/layout/logo.png) no-repeat;
}

#flash-logo {
    width: 188px;
    height: 132px;
    position: absolute;
    top: 20px;
    left: 56px;
    background: #000;
}


#contact {
    width: 130px;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#header h1 a,
#contact a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

#bar {
    width: 100%;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/layout/top-bar.png) repeat-x;
    z-index: 10;
    text-align: center;
    color: #333;
    font-size: 1em;
    line-height: 17px;
    text-transform: lowercase;

}

#location {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -100px;
    left: 0;
    background: url(../images/layout/top-shadow.png) repeat-x;
    z-index: 0;
    text-indent: -9999px; 
}

#header strong {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 15px;
    right: 0;
    background: url(../images/layout/header-parts.png) no-repeat top right;
    text-indent: -9999px;
}

#header address {
    display: block;
    width: 802px;
    height: 30px;
    position: absolute;
    bottom: 5px;
    right: 0;
    background: url(../images/layout/header-parts.png) no-repeat bottom right;
    text-indent: -9999px;
}

#primary-container {
    position: relative;
    margin-top: 150px;
    margin-bottom: 30px;
    background: url(../images/layout/content-top.png) repeat-x;
    overflow: hidden;
    z-index: 10;
}

#menu {
    width: 200px;
    float: left;
    padding: 1em 0;
    margin-top: 4em;
    text-align: right;
}

#primary-menu li {
    margin-top: 1em;
}

.javascript #primary-menu li span.division {
    display: inline;
    width: 80%;
    float: right;
    margin: 0 20px 1em 0;
    border-bottom: 1px dashed #ccc;
}

#primary-menu li strong {
    text-transform: uppercase;
    color: #111;
    font-size: 1.2em;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0 16px 2px 0;
    letter-spacing: -1px;
}

.javascript #primary-menu li strong {
    cursor: pointer;
}

#primary-menu li strong span.bullet {
    padding-right: 0.3em;
}

#menu-properties-for-lease span.bullet,
#menu-for-tenants span.bullet,
#menu-links-and-documents span.bullet {
    color: #393;
}

#menu-properties-for-lease strong,
#menu-for-tenants strong,
#menu-links-and-documents strong {
    background-image: url(../images/layout/arrow-curved-green.png);
}

#menu-properties-for-lease ul li a,
#menu-for-tenants ul li a,
#menu-links-and-documents ul li a,
#secondary-menu ul li a {
    background-image: url(../images/layout/bullet-triangle-green.png);
}

#menu-for-residential-owners span.bullet,
#menu-for-commercial-owners span.bullet {
    color: #c33;
}

#menu-for-residential-owners strong,
#menu-for-commercial-owners strong {
    background-image: url(../images/layout/arrow-curved-pink.png);
}

#menu-for-residential-owners ul li a,
#menu-for-commercial-owners ul li a {
    background-image: url(../images/layout/bullet-triangle-pink.png);
}

#primary-menu li ul {
    margin: 1em 0;
    text-transform: lowercase;
}

#primary-menu li ul li,
#secondary-menu li {
    margin-bottom: 0.4em;
    font-size: 1.1em;
}

#menu li a {
    color: #222;
    text-decoration: none;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}

#secondary-menu {
    margin-top: 5em;
}

#secondary-menu h4 {
    display: inline;
    color: #f33;
    font-size: 1.3em;
    text-transform: uppercase;
    background: url(../images/layout/tree-small.png) no-repeat left top;
    padding: 29px 0 0 20px;
}

#secondary-menu h4 span {
    color: #41a011;
}

#secondary-menu ul {
    margin: 1.5em 0;
}

#secondary-menu li {
    text-transform: lowercase;
    margin-bottom: 0.4em;
}

#content-container {
    width: 840px;
    float: right;
    background: url(../images/layout/sidebar-shadow.png) repeat-y;
}

#home {
    display: inline;
    width: 27px;
    height: 35px;
    float: left;
    background: url(../images/layout/home-button.png) no-repeat;
    margin: 10px 0 0 10px;
}

#search {
    display: inline;
    width: 62px;
    height: 26px;
    float: right;
    background: url(../images/layout/search-button.png) no-repeat;
    margin: 15px 10px 0 0;
}

#home a,
#search a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

h2 {
	display: inline;
	width: 680px;
	float: left;
	margin: 10px 0 0 10px;
	background: #1c262e;
	border: 3px solid #9bbf49;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	text-transform: lowercase;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
}

#content {
    clear: both;
    min-height: 700px;
    padding: 1em;
    color: #111;
    font-size: 1.3em;
    line-height: 1.4em;
	
}

#content a {
	color: #41291c;
}

#content p {
	margin-bottom: 1em;
}

#content ol,
#content ul {
	margin-left: 0.6em;
	margin-bottom: 1em;
}

#content ul {
	list-style: outside disc;

}

#content ol {
	list-style: outside decimal;
}

#content li {
	padding-left: 1em;
}

#content h3 {
	font-size: 1.2em;
	margin-bottom: 0.8em;
	font-weight: bold;
	color: #c33;
	background: url(../images/layout/star.png) no-repeat left center;
	padding: 0.4em 0 0.45em 32px;
	
}

#content h4 {
	font-size: 1.2em;
	margin-bottom: 0.8em;
}

#footer {
    overflow: hidden;
    font-family: Georgia, "Times New Roman", serif;
    color: #666;
    padding: 1.8em;
    line-height: 130%;
    background: url(../images/layout/sidebar-shadow-end.png) no-repeat left -10px #fff;
    -webkit-border-bottom-right-radius: 20px; /* the background colour hack above means I need border radius on the footer) */
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}

#footer ul li {
    display: inline;
    float: left;
    margin-left: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid #666;
}

#footer ul li a {
    color: #666;
    text-decoration: none;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#footer ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}

#copyright {
    clear: left;
}


#footer #w3c {
    display: inline;
    float: right;
    clear: right;
	overflow: hidden;
    margin: 0 0.8em -6em 0;
}

#footer #w3c li {
	display: inline;
	width: 60px;
	height: 21px;
	float: right;
	border: 0 none !important;
	padding: 0;
}

#w3c li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	text-align: left;
}

#valid-css {
	margin-left: 1em;
	background-image: url(../images/layout/w3c-css.png); 
}

#valid-xhtml {
	background-image: url(../images/layout/w3c-xhtml.png); 
}

#acura {
    display: inline;
    width: 181px;
    height: 8px;
    float: right;
    clear: both;
    margin: 3em 1em 1em 0;
    background: url(../images/layout/powered-by-acura.png) no-repeat;
    text-indent: -9999px;
}

/* USER MESSAGES */

.user-message,
label.error {
    padding: 0.4em 0 0.4em 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

label.error[for=input-permission] {
    margin-bottom: 2em;
}

.error,
label.error {
    background: url(../images/layout/error.png) no-repeat 4px center #f6cbca;

}

p.information {
	background: url(../images/layout/information.png) #f6f8fa no-repeat 3px center;
}

p.success {
	background: url(../images/layout/accept.png) #e7ffdf no-repeat 3px center;
}


/* PAGES */

/* home */

#eight-reasons {
    width: 847px;
    position: relative;
    background: url(../images/layout/home-content-background.jpg) no-repeat center top;
}

#eight-reasons h3 {
    width: 100%;
    height: 350px;
    background: url(../images/layout/home-content-text.png) no-repeat 50px 100px;
    text-indent: -9999px;
}

#eight-reasons dl {
    display: none;
}

#eight-reasons ol {
    width: 95%;
    list-style: none none;
    margin: 0 0 0 1em;
    overflow: hidden;
}

#eight-reasons ol li {
    width: 48%;
}

#eight-reasons ol li h4 {
    width: 100%;
    height: 30px;
    background-image: url(../images/layout/home-content-text.png);
    background-repeat: no-repeat;
    text-indent: -9999px;

}

#eight-reasons ol li p {
    text-align: center;
    color: #111;
    font-size: 1.1em;
    line-height: 1.2em;
}

#reasons-1-2,
#reasons-5-6 {
    float: left;
    clear: left;
}

#reasons-3-4,
#reasons-7-8 {
    float: right;
    clear: right;
}

#reasons-1-2 h4 {
    background-position: 25px -265px;
}

#reasons-3-4 h4 {
    background-position: -395px -265px;
}

#reasons-5-6 h4 {
    background-position: 25px -300px;
}

#reasons-7-8 h4 {
    background-position: -395px -300px;
}


/* view property */

.view-property h2 span.price {
	float: right;
	color: #9bbf49;
}

.view-property #content {
    padding: 1em 3em;
}

#property-gallery {
	position: relative;
    overflow: hidden;
}

#property-gallery #main-image {
    display: block;
    border: 2px solid #abc756;
    padding: 1px;
    float: left;
}

.javascript #property-gallery > img {
    cursor: pointer;
}

#property-gallery ul {
	display: inline;
    width: 145px;
    float: right;
    margin-right: 0.2em;
    list-style: none none;
}

#property-gallery ul li {
    width: 137px;
    border: 2px solid #abc756;
    margin-bottom: 0.55em;
    padding: 0;
}

#property-gallery ul li img {
    display: block;
    padding: 1px;
}

#view-more-photos {
	display: block;
	width: 288px;
	height: 26px;
	position: absolute;
	bottom: 3px;
	left: 3px;
	background: url(../images/layout/view-more-photos.png) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

#all-photos {
    display: none;
}

#property-info {
	margin-top: 1em;
}

#property-info dl {
    width: 380px;
    float: left;
}

#property-info dl dt,
#property-info dl dd {
    margin-bottom: 0.5em;
}

#property-info dl dt {
    width: 30%;
    float: left;
    clear: right;
    font-weight: bold;
}

#property-info dl dd {
    width: 65%;
    float: right;
    clear: right;
}

#property-info dl .type {
    font-size: 1.3em;
}

#property-info dl dd.price {
    color: #d34e4e;
}

#property-features {
	width: 14em;
	float: left;
}

#property-features h3 {
	padding: 0;
	background: none;
}

#property-features ul {
	margin-left: 1em;
	list-style: disc outside;
}

#property-features ul li {
    margin-bottom: 0.5em;
}

#property-location {
    width: 165px;
    height: 130px;
	float: right;
    text-align: center;
    font-size: 0.8em;
}

.javascript #property-location {
	cursor: pointer;
}

#property-location img {
    display: block;
    width: 145px;
    height: 110px;
    padding: 10px;
    border: 1px solid #d34e4e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 0.4em;
}

#property-description {
	clear: both;
	margin-top: 1em;
	padding-top: 1.5em;
	line-height: 1.2em;
}

/* list properties */

.list-properties #content,
.search-results #content {
    padding: 1em 6.2em 1em 3.8em;
}

.search-results #content .success span {
	font-weight: bold;
}

#content .pagination {
    float: right;
    list-style: none none;
    
}

#content .pagination li {
    float: left;
    border: 1px solid #ccc;
    margin-right: 0.1em;
    overflow: hidden;
    padding-left: 0;
}

.pagination li:last-child {
    margin-right: 0;
} 

.pagination li a,
.pagination li strong {
    padding: 0.3em;
    text-decoration: none;
    font-weight: normal;
}

.pagination li.active {
    background: #e9f3b7;
    border: 1px solid #9bbf49; 
}

#content #properties {
    list-style: none none;
}

#properties li {
    margin-bottom: 1.5em;
    clear: both;
}

#properties li a {
	text-decoration: none;
}

#properties li img,
#properties li span.no-image {
    display: inline;
    width: 135px;
    height: 100px;
    float: left;
    padding: 1px;
    border: 2px solid #9bbf49;
    margin: 0 1em 1em 0; 
}

#properties li span.no-image {
	color: #ccc;
	text-align: center;
	text-decoration: none;
	line-height: 100px;
}



#properties li h3 {
    padding: 0;
    background: none;
}

#properties li h3 span {
    float: right;
}

/* standard forms */

.standard-form {
	width: 90%;
}

.standard-form legend {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.8em;
	
}

.standard-form .input-row {
	overflow: hidden;
	margin-bottom: 0.8em;
}

.standard-form label {
	width: 25%;
	float: left;
}

.standard-form .input-container {
	width: 70%;
	float: right;
}

.standard-form input.text,
.standard-form textarea {
	width: 97%;
	padding: 0.4em;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

.standard-form textarea {
	height: 6em;
	overflow: auto;
	font: inherit;
}

.standard-form button {
	float: right;
}

.standard-form label.error {
	display: block;
	clear: both;
	float: none;
	width: auto;
}

.standard-form .checkbox {
	position: relative;
}

.standard-form .checkbox .input-container {
	position: absolute;
	bottom: -2px;
	right: 0;

}

/* view articles */

.article-image-container {
    width: 775px;
    height: 276px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-repeat: no-repeat;
}

.article #content {
	padding: 1em 4em 1em 3.8em;
}

.article #content h3,
.article-image-container {
	margin-left: -2.8em;
}

#area-we-cover,
iframe {
	width: 694px;
	height: 500px;
	border: 3px solid #ccc;
	padding: 1px;
}

#content a.file {
    padding: .2em 0 0.2em 20px;
    background-repeat: no-repeat;
    background-position: left center;
 
}

#content a.pdf {
    background-image: url(../images/layout/file-types/pdf.png);
}

#content a.doc {
    background-image: url(../images/layout/file-types/doc.png);
}

#content a.xls {
    background-image: url(../images/layout/file-types/xls.png);
}

#content a.jpg,
#content a.png,
#content a.gif {
    background-image: url(../images/layout/file-types/img.png);
}

/* contact */

.contact #content {
    padding-left: 3.5em;
}

#directions,
#online {
    width: 714px;
    position: relative;
    background-image: url(../images/layout/contact-background.png);
    background-repeat: no-repeat;
}

#directions {
    height: 200px;
}

#directions address {
    position: absolute;
    top: 50px;
    left: 270px;
    font-weight: bold;
    
}

#directions #google-map {
    width: 205px;
    height: 95px;
    position: absolute;
    top: 32px;
    left: 460px;
}

#directions #google-map a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

#online {
    height: 400px;
    background-position: center bottom;
}

#online address {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-size: 1.1em;
}

#online address strong {
    color: #9c6;
}

#online address strong span {
    font-size: 80%;
    color: #fff;
}

#online #email a {
	position: absolute;
	top: 130px;
	left: 110px;
	color: #9c6;
}

#input-honey {
	display: none;
}

#contact-form legend {
	display: none;
}

#contact-form label {
	display: block;
	width: 75px;
	height: 20px;
	position: absolute;
	left: 365px;   
    text-indent: -9999px;
}


#contact-form input,
#contact-form textarea {
	display: block;
    width: 280px; 
	position: absolute;
	right: 62px;
	border: 0;
    background: transparent;
}

#contact-form textarea {
	height: 75px;
	overflow: auto;
	font: inherit;
}

label[for=input-full-name] {
    top: 60px;
}

#input-full-name {
    top: 95px;
}

label[for=input-email] {
    top: 125px;
}

#input-email {
    top: 160px;
}

label[for=input-enquiry] {
    top: 190px;
}

#input-enquiry {
    top: 225px;
}

#contact-form button {
	display: block;
    width: 100px;
    height: 50px; 
	position: absolute;
	top: 320px;
	left: 545px;
    border: 0;
    background: transparent;
    text-indent: -9999px;
    padding: 0;
}

#content #errors-list {
    list-style: none none;
    margin-left: 0;
}

#errors-list li {
    margin-bottom: 0.8em;
    padding-left: 30px;
}

#errors-list li,
.contact #content .user-message.info {
    width: 670px;

}

/* search */

.search #search-form {
	margin: 1em auto;
}

#search-form {
	width: 674px;
    height: 500px;
    position: relative;
    background: url(../images/layout/search-background.png) no-repeat;
}

#search-form fieldset {
	width: 500px;
	height: 300px;
	position: absolute;
	top: 155px;
	left: 55px;
}

#search-form legend {
	display: none;
}


#search-form .input-row {
	overflow: hidden;
	margin-bottom: 1em;
}

#search-form label {
	width: 50%;
	float: left;
	text-align: right;
	color: #693;
	text-transform: lowercase;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
}

#search-form .input-container {
	width: 48%;
	float: right;
}

#search-form .input-container select,
#search-form .input-container .jqTransformSelectWrapper,
#search-form .input-container .jqTransformCheckboxWrapper {
	float: right;
} 

#search-form button {
	width: 99px;
	height: 25px;
	float: right;
	background: url(../images/layout/search-submit.png) no-repeat transparent;
	border: 0;
	padding: 0;
	text-indent: -9999px;
}

/* custom form inputs for search */

#search-form ul {
	margin: 0;
	list-style: none none;
}

#search-form li {
    padding-left: 0;
}

#search-form a.jqTransformCheckbox {
	width: 30px;
	height: 25px;
	background-image: url(../images/layout/checkboxes.png);
	background-repeat: no-repeat;
}

#search-form div.jqTransformSelectWrapper {
	background: url(../images/layout/select_left.gif) no-repeat left top;
}

#search-form div.jqTransformSelectWrapper div span {
	color: #111;
}

#search-form div.jqTransformSelectWrapper a.jqTransformSelectOpen {
	background: url(../images/layout/select_right.gif) no-repeat left top;
}

#search-form div.jqTransformSelectWrapper ul li a {
	background: #b2dd58;
}

#search-form div.jqTransformSelectWrapper ul li a.selected {
	background: #91eb22;
}

#search-form div.jqTransformSelectWrapper ul li a:hover {
	background: #ef3e34;
	color: #fff;
}


/* custom modal window */

#overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #333;
    opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity750)";   	
   	filter: alpha(opacity=70);
    z-index: 100;
}   

#modal {
    width: 674px;
    height: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -252px;
    z-index: 110;

}

#loading {
	width: 30px;
	height: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    z-index: 120;
	background: url(../images/layout/loading.gif) #222 no-repeat center center;
	opacity: 0.7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}