/* ========= Editable Stylesheet soft1_base.css ============ 
Please follow the steps below to edit your stylesheet.
There are 10 steps in all.
Layout - Soft Layout 1 (This template must be used in conjunction with Business1.css)
=======================================================*/

/***************DO NOT REMOVE******************/
    @import url(soft1_custom.css);
/*********************************************/
	
/* --------------------------------------------------
1. Background Colours / Images
-----------------------------------------------------*/

/* body background colour */
body { 
	background-color: #222222; 
	}
/* background image for content area on home page - 2column, 3column */
body#home #main { 
	background-image: url(../img/3column_menuleft.gif); 
	}
/*body pages content area - 2column, 3column*/		
#main { 
	background-image: url(../img/2column_menuleft.gif); 
	}	
	
#wrap, #footer
{
background-image: url(../img/wrap_bg.gif);

}

/* --------------------------------------------------
2. Header
-----------------------------------------------------*/

/*header attributes*/
body#home #header, body#home #header h1#logo, body#home #header #bannerIMG, #header, #header h1#logo, #header #bannerIMG, #animation { /*Optional - Override header height on all pages*/
	height:170px; 
	}
#header {
	background:;
	}	
	
#header h1#logo, #header #animate, #header #bannerIMG {
	border-bottom: 1px solid #fff;
	}
	
/* --------------------------------------------------
3. Menu
-----------------------------------------------------*/

/*main menu buttons - modify width's to suit the text*/
/*border-bottom: 1px solid #868daa;*/
#mm_home {
	width: 170px;
	background-image: url(../img/mm_home.gif);	
	border-bottom: 1px solid #262626;
	}	
#mm_buying {
	width: 170px;
	background-image: url(../img/mm_buying.gif);	
	border-bottom: 1px solid #262626;
	}	
#mm_selling {
	width: 170px;
	background-image: url(../img/mm_selling.gif);
	border-bottom: 1px solid #262626;		
	}	
#mm_auctions {
	width: 170px;
	background-image: url(../img/mm_auctions.gif);
	border-bottom: 1px solid #262626;		
	}	
#mm_renting {
	width: 170px;
	background-image: url(../img/mm_renting.gif);	
	border-bottom: 1px solid #262626;	
	}	
#mm_open {
	width: 170px;
	background-image: url(../img/mm_open.gif);	
	border-bottom: 1px solid #262626;
	}	
#mm_finance {
	width: 170px;
	background-image: url(../img/mm_finance.gif);	
	border-bottom: 1px solid #262626;	
	}
#mm_news {
	width: 170px;
	background-image: url(../img/mm_news.gif);		
	border-bottom: 1px solid #262626;
	}		
#mm_aboutUs {
	width: 170px;
	background-image: url(../img/mm_aboutus.gif);
	border-bottom: 1px solid #262626;	
	}	
#mm_contactUs {
	width: 170px;
	background-image: url(../img/mm_contactus.gif);	
	border-bottom: 1px solid #262626;
	}	

/*sub menu items*/
#menu li a {
	color: #fff;
	font-weight: bold;
	}
/*sub menu items hover*/
#menu a:hover {
	color: #FFF;
	background-color: #0b307a;
	}
/*submenu bottom border*/
#menu ul ul {
	border-bottom: 1px solid #262626;
	}
/*submenu item hover*/
#menu li li a:hover {
	background-color: transparent;
	color: #666;
	}

/*activates rollover button based on page context - make sure to put a class on the body tag for new pages*/
body#home #mm_home,
body.buying #mm_buying,
body.selling #mm_selling,
body.auctions #mm_auctions,
body.renting #mm_renting,
body.finance #mm_finance,
body.news #mm_news,
body.about #mm_aboutUs,
body.contact #mm_contactUs {
	background-position: 0 -31px;
	}
/* shows subnav based on page context */	
body.buying ul#buyList,
body.selling ul#sellList,
body.auctions ul#auctionsList,
body.renting ul#rentList,
body.finance ul#financeList,
body.news ul#newsList,
body.about ul#aboutList {
	display: block;
	}
	
/* --------------------------------------------------
4. Text
-----------------------------------------------------*/

/*body text*/
body {
	color: #fff;
	}
	
/*paragraph text*/
p {
	font-size: 1em;
	}

/*general links*/
a:link,
a:visited {
	color: #dd1e2f;
	}

a:hover {
	color: #626fa8;
	}

/*page heading*/
h2	{
	font-size: 1.5em;
	font: Arial, Helvetica, sans-serif;
	color:#fff;
	/*text-indent: -5000px; Uncomment this if you would like to use images*/
	}
	
/*graphic headings - optional
h2#hd_home {
	background-image: url(../img/hd_home.gif);
	}	
h2#hd_privacy {
	background-image: url(../img/hd_privacy.gif);
	}	
h2#hd_calcMortgage {
	background-image: url(../img/hd_calcMortgage.gif);
	}	
h2#hd_calcInvest {
	background-image: url(../img/hd_calcInvestment.gif);
	}	
h2#hd_welcome {
	background-image: url(../img/hd_welcome.gif);
	}
h2#hd_aboutUs {
	background-image: url(../img/hd_aboutUs.gif);
	}
h2#hd_staff {
	background-image: url(../img/hd_staff.gif);
	}																	
	*/
	
/*page subheading*/
h3 {
	font-size: 1.1em;
	margin-bottom: 3px;
	color: #fff;
	}
	
/*footer text*/


#footer p {
	font-size: 0.9em;
	}
/*footer links*/
#footer,
#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
	}
/*footer link hover*/
#footer a:hover {
	color: #FFF;
	}

/*disclaimer text (mainly used for calcs)*/
.disclaimer {
	font-size: 0.9em;
	}

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

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

/* --------------------------------------------------
6. Home
-----------------------------------------------------*/

/*Quick Search
-------------------*/

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

/*Property of the Week
-------------------*/

#pow {
	border-top: 1px solid #c7c7c7;
	}
#pow img {
	border: none;
	}
#pow h3 {
	text-transform: uppercase;
	color: #fefefe;
	}
#pow a {
	color: #fefefe;
	text-decoration: none;
	font-weight: bold;
	}	

/* --------------------------------------------------
7. Integrated Search
-----------------------------------------------------*/

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

/*search box*/
body#listing #filter {
	background-color: #999;
	}	
/*heading*/	
body#listing #filter h3 {
	color: #FFFFFF;
	}
/*field labels*/	
body#listing #filter label,
body#listing #filter strong {
	color: #fff;
	}	
/*search box input fields*/
body#listing #filter select,
body#listing #filter input {
	background-color: #fff;
	border: 1px solid #fff;
	color: #000;
	}
/*search box button*/
body#listing #filter input.button {
	background-color: #ccc;
	border: none;
	color: #000;
	}

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

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

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

/*details property address*/
body#detail #content h3 {
	font-size: 1.4em;
	color: #333;
	}
/*details property title*/
body#detail #content h4 {
	font-size: 1.2em;
	color: #000;
	}
/*section heading*/
body#detail #content h5 {
	font-size: 1.1em;
	font-style: italic;
	color: #333;
	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 #000;
	}
/*click for enlargements text*/
body#detail #extradetails .images p {
	font-weight: bold;
	font-size: 0.8em;
	color: #000;
	}
/*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;
	} 	

/* --------------------------------------------------
8. Change Staff Details
-----------------------------------------------------*/

/*staff member bottom border*/
dl.staffmember {
	border-bottom: 1px solid #CCC;
	padding-bottom: 60px;
	}
		
dl.staffmember dt.photo {
	float:left;
	padding-right:15px;
	padding-top:0px;
	height: 162px;
	}
	
dl.staffmember dt.a {
	padding-bottom:20px;
	}

body#staff dl {
	border-bottom: 1px solid #CCC;
	}
/*staff name*/
dl.staffmember dt.name {
	color: #ccc;
	font-weight: bold;
	font-size: 1.2em;
	float: none !important;
	}
/*staff position*/
dl.staffmember dd.position {
	font-weight: bold;
	}
/*staff contact*/
dl.staffmember dd.contact {
	font-weight: bold;
	}
	
dl.staffmember_sum {
	border-bottom: 1px solid #CCC;
	height: 150px;
	padding-bottom: 60px;
	}
	
dl.staffmember_sum dt.photo {
	float:left;
	padding-right:15px;
	padding-top:0px;
	height: 162px;
	}
	
dl.staffmember_sum dt.a {
	padding-bottom:20px;
	}

body#staff dl {
	border-bottom: 1px solid #CCC;
	}
/*staff name*/
dl.staffmember_sum dt.name_sum {
	color: #ccc;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 5px;
	}
/*staff position*/
dl.staffmember_sum dd.position_sum {
	font-weight: bold;
	}
/*staff contact*/
dl.staffmember_sum dd.contact_sum {
	font-weight: bold;
	}

dl.staffmember_sum dd a,
dl.staffmember_sum dd.contact_sum a,
dl.staffmember_sum dd a:visited,
dl.staffmember_sum dd.contact_sum a:visited,
body#staff.about dl.staffmember dd.contact a,
body#staff.about dl.staffmember dd a {
	font-weight: bold;
	color: #ccc;
	}

body#staff.about dl.staffmember dt.name_sum
{
	color: #ccc;
	font-weight: bold;
	
}	
	
	
/* --------------------------------------------------
9. PDF
-----------------------------------------------------*
//*download pdf icon and link*/ 
#buttonPdf a {
	background-image: url(../img/ico_pdf.gif);
	} 
#buttonDownload a { 
	background-image: url(../img/ico_acrobat.gif);
	}

/* --------------------------------------------------
10. Home Page Hero Image/ Animation 
-----------------------------------------------------*/
/*use this div for either an animation or static background image (465px x 146px)*/
#animate { background-image:;
			height:170px;}				

ul#animation { float: right; width: 465px; height: 170px; position:relative; background-position: 0 0; background-repeat: no-repeat; list-style-type:none; }

/* --------------------------------------------------
Any customisation to go here
-----------------------------------------------------*/	
body#detail #main .container #sub-section p a,
body.about #main .container #content p a
{
color: #ccc;
font-weight: bold;
}

.contacttext {
margin-left: 10px;
}

.contact1 {
float: left;
width: 100px;
}

body#detail #content #propertydetails h4,
body#detail #content #addressbar h3 {
color: #ccc;
}

body#listing #content .details p a,
body#detail #content .agentdetails dd a,
body#detail #content .officedetails dd a,
body#detail #content #toolslist li a {
color: #999;
}