/* ========= Editable Stylesheet style1.css ============ 
Please follow the steps below to edit your stylesheet.
There are 11 steps in all.
=======================================================*/

/* --------------------------------------------------
1. Change Body Background Colour
-----------------------------------------------------*/
body, html {
	background-image: url(../img/bg.gif);
	}
	
/*do not edit - these establish default bg graphics*/
#wrap, #footer {background-image: url(../img/wrap_bg.gif);}
#main {background-image: url(../img/2column_menuleft.gif);}

/* --------------------------------------------------
2. Add any page id's requiring a sub-section
-----------------------------------------------------*/

/* decreases content area to make room for sub-section */
body#home #content,
body.contact #content {
	width: 397px; float: left;	
	width: 417px; /*ie5*/ 
	wid\th: 397px; /*ie6*/
	}

/* adds the sub-section */
body#home #sub-section,
body.contact #sub-section {
	width: 150px; float: right; padding: 15px 10px;
	width: 170px; /*ie5*/
	wid\th: 150px; /*ie6*/
	}
	
/* changes background image */
body#home #main,
body.contact #main {
	background-image: url(../img/3column_menuleft.gif);
	}
	
/* --------------------------------------------------
3. Adjust header height and border
-----------------------------------------------------*/

/* increases height of header ONLY in the home page */
#header,
#header h1#logo,
#header #bannerIMG,
body#home #header,
body#home #header h1#logo,
body#home #header #bannerIMG {
	height: 170px;
	}

/*set background color*/
#header {
	background:;
	border-bottom: 0px solid #333;
	}

/*change logo for home page*/
body#home #header h1#logo { background-image: url(../img/logo.jpg); float: left;}

/*change logo for body page*/
#header h1#logo { background-image: url(../img/logo.jpg); float: left;}

/*change header*/
#header #bannerIMG { background-image: url(../img/banner_img.jpg); }


/* --------------------------------------------------
4. Change Menu
-----------------------------------------------------*/
/*main menu items*/
#menu li a {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	}
/*main menu items hover*/
#menu a:hover {
	color: #FFF;
	background-color: #FF0000;
	}
/*submenu bottom border*/
#menu ul ul {
	border-bottom: 1px solid #FFF;
	}
/*submenu item hover*/
#menu li li a:hover {
	background-color: transparent;
	color: #000;
	}

/*activates rollover button based on page context*/
body#home #mm_home,
body.buying #mm_buying,
body.selling #mm_selling,
body.renting #mm_renting,
body.finance #mm_finance,
body.about #mm_aboutUs,
body.contact #mm_contactUs {
	background-color:;
	}

/* shows subnav based on page context */	
body.buying ul#resList,
body.selling ul#sellList,
body.projects ul#projectList,
body.about ul#aboutList,
body.finance ul#financeList,
body.commercial ul#comList,
body.commercial_lease ul#resList {
	display: block;
	}
	
body.wanted ul#resList,
body.wanted ul#sellList,
body.wanted ul#projectList,
body.wanted ul#aboutList,
body.wanted ul#financeList,
body.wanted ul#comList
{
	display: none;
}
		
/* --------------------------------------------------
5. Change Typography Sizes and Colours
-----------------------------------------------------*/
/*body text*/
body {
	color: #000;
	}
/*paragraph text*/
p {
	font-size: 1em;
	}
/*page heading*/
h2 {
	font-size: 1.5em;
	margin-bottom: 5px;
	color: #df7a12;
	}
/*page subheading*/
h3 {
	font-size: 1.1em;
	margin-bottom: 3px;
	}
/*general links*/
a:link,
a:visited {
	color: #FF0000;
	}
/*paragraph spacing*/
#content p,
#sub-section p {
	margin-bottom: 10px;
	}
/*spacing for ordered and unordered lists*/
#content ul, #content ol {
	margin: 15px 0;
	}
/*footer text*/
#footer p {
	font-size: 0.9em;
	}
/*footer links*/
#footer,
#footer a:link,
#footer a:visited {
	color: #CCC;
	text-decoration: none;
	}
/*footer link hover*/
#footer a:hover {
	color: #FFF;
}
/*disclaimer text (mainly used for calcs)*/
.disclaimer {
	font-size: 0.9em;
	}

/* --------------------------------------------------
6. Images For Content Pages
-----------------------------------------------------*/

/*floats image right of content*/
#content img#right { 
	float: right;
	margin: 0 0 10px 10px;
	}
/*floats image left of content*/
#content img#left { 
	float: left;
	margin: 0 10px 10px 0;
	}

/* --------------------------------------------------
7. All Forms (including calcs)
-----------------------------------------------------*/

/*fieldset border*/
form fieldset {
	border: 1px solid #CCC;
	}
/*fieldset heading*/
form legend {
	color: #22243d;
	font-weight: bold;
	}
/*required fields text*/
form em span,
form .required {
	color: #B90000;
	font-weight: bold;
	}
/*submit button*/
form fieldset.submit input {
	background-color: #333;
	border: none;
	color: #fff;
	}

/* --------------------------------------------------
8. Home
-----------------------------------------------------*/

/*quicksearch button*/
body#home #sub-section form .submit input {
	font-size: 0.9em;
	font-weight: bold;
	}

/* --------------------------------------------------
9. Integrated Search
-----------------------------------------------------*/

/* Property Search 
-------------------*/

/*search box*/
body#listing #filter {
	background-color: #FADBBC;
	}	

/*heading*/	
body#listing #filter h3 {
	color: #FF9900;
	}

/*field labels*/	
body#listing #filter label,
body#listing #filter strong {
	color: #666;
	}	
	
/*search box input fields*/
body#listing #filter select,
body#listing #filter input {
	background-color: #EEE;
	border: 1px solid #999;
	color: #666;
	}
	
/*search box button*/
body#listing #filter input.button {
	background-color: #FF9900;
	border: none;
	color: #fff;
	width: auto;
	_width: 50px;
	_font-size: 12px;
	}

/* Property Results 
-------------------*/

/*results bottom border*/
body#listing .property {
	border-bottom: 1px solid #CCC;
	}
/*results property image*/
body#listing .property .image img {
	border: 1px solid #FF9900;
	}
/*results property title*/
body#listing .property .details h3 {
	font-size: 1.2em;
	font-style: italic;
	}
/*results bed bath car text*/
body#listing .property .features {
	font-weight: bold;
	color: #000;
	}
/*results price text*/
body#listing .property h4 {
	font-size: 1em;
	font-style: italic;
	}

/* Property Details 
--------------------*/

/*details property address*/
body#detail #content h3 {
	float: left; /*this keeps heading inline with icons*/
	font-size: 1.4em;
	margin: 0;
	padding:0;
	}

/*details property title*/
body#detail #content h4 {
	font-size: 1.2em;
	}

/*section heading*/
body#detail #content h5 {
	font-size: 1.1em;
	font-style: italic;
	color: orange;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #f9f9f9;
	margin: 0 0 0.5em 0;
	}
	
/*details bed bath car text*/
body#detail #addressbar p {
	font-weight: bold;
	}
	
/*details property images*/
body#detail .images img {
	border: 1px solid #FF9900;
	}
	
/*click for enlargements text*/
body#detail #extradetails .images p {
	font-weight: bold;
	font-size: 0.8em;
	}
	
/*agent details headings*/
body#detail #extradetails dl dt {
	font-weight: bold;
	}

/* Slideshow 
------------------*/

/*background color*/
#customSlideshow {
	background-color: #6B6B6B;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/*navigation text*/
#customSlideshow .navigation {
	color: #999;
	font-size:80%;
	background: none;
	}

/*navigation links*/
.navigation a:link {
	color: #FFF;
	text-decoration:none;
	}	

.navigation a:hover, 
.navigation a:visited  {
	text-decoration: underline;
	color: #CCC;
	} 	

/* --------------------------------------------------
10. Change Staff Details
-----------------------------------------------------*/

/*staff member bottom border*/
body#staff dl {
	border-bottom: 1px solid #CCC;
	}
/*staff name*/
body#staff dl dt.name {
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
	}
/*staff position*/
body#staff dl dd.position {
	font-weight: bold;
	}
/*staff contact*/
body#staff dl dd.contact {
	font-weight: bold;
	}

/* --------------------------------------------------
11. Acrobat/PDF Links
-----------------------------------------------------*/

/*download pdf icon and link*/
#buttonPdf a { 
	width: 120px; height: 32px; display: block;
	padding: 10px 40px;
 	background:url(../img/ico_pdf.gif) no-repeat 0 10px;
	}
/*get acrobat reader icon and link*/
#buttonDownload a { 
	width: 280px; height: 51px; display: block;
	background: url(../img/ico_acrobat.gif) no-repeat 0 10px; 
	border-top: 1px solid #CCC;
	padding-left: 98px; padding-top: 12px;
	line-height: 12px; text-decoration:none;
	}
	
/* --------------------------------------------------
Any customisation to go here
-----------------------------------------------------*/

	
body#home h3 {
	color: #df7a12;
	font-size: 12px;
	text-align: center;
	margin: 5px 0;
	text-transform: uppercase;
	}
	
.projectList {
	clear: both;
	margin: 10px 0;
	floar: left;
	border-bottom: 1px solid #df7a12;
	}	
	
.projectList h3 {
	font-size: 14px;
	color: #df7a12;
	margin: 5px 0;
	text-transform: uppercase;
	}
.projectList img{
	float: left;
	width: 140px;
	margin: 0 8px 8px 0;
	}	
	
.projectDetails h3 {
	font-size: 1.5em;
	margin-bottom: 5px;
	color: #df7a12;
	}
.projectDetails img{
	float: left;
	width: 250px;
	margin: 0 8px 8px 0;
	}

.projectList dl, .projectDetails dl {
	float: left;
	margin: 5px 0 10px 0;
	}	
	
.projectList dt, .projectDetails dt {
	font-weight: bold;
	width: 80px;
	float: left;
	}
	
.projectList dd, .projectDetails dd{
	width: 250px;
	}
	
.projectList p, .projectDetails p {
	clear: both;
	}
	
body#home a.qs_links img{
margin: 0 0 5px 10px;
_margin: 10px 0 5px 10px;}