/*==================
-----generic------*/

/* menu defined in menu.css */
/* home page defined in home.css */

body {
	background: #cdd9df url(/img/background.gif) repeat-x;
	color:#0a1f2a;
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.container {
	background-color:#fff;
	margin:0 auto;
	width:960px;
	clear:both;	
}

/*==================
-----header------*/
.header {
	background-color: #003c5e;
	height: 92px;
	border-bottom: solid 1px #fff;
	width:960px;
}
.header .logo {
	background: #003c5e url(/img/logo.gif) no-repeat left;
	height: 90px;
	width: 260px;
	float:left;
}

/*==================
-----content area------*/
.content {
	background-color: #fff;
	clear:both;
}
.text, .staff, .news {
	width: 740px;
	float:left;
	padding: 10px 10px 0px 10px;
	margin: 0 0 0 0px;
}
body#aboutUs .text,
body#aboutArea .text,
body#news .text {
	width: 590px;
	float:left;
	padding: 10px 10px 0px 0px;
	margin: 0 0px 0 10px;
}
.photo {
	border: 1px solid #9abacc;
	padding: 2px;
	margin: 10px 0 10px 10px;
	float:left;
	width: 318px;
}
.quote {
	border: 1px solid #9abacc;
	background-color:#e8ecee;
	padding: 8px 10px 10px 10px;
	margin: 10px 0 10px 10px;
	font-size:170%;
	line-height:120%;
	color:#6f98b1;
	width: 302px;
	float:left;
}
/* Section Image -------------------- */
.sectionImage {
	height: 100px;
	width: 960px;
	float:left;
	margin: 0 0px 0 0;
}
body#aboutUs .sectionImage  { 
	background: #016fa4  url(/img/section/pier.jpg) no-repeat;
	}
body#buying .sectionImage  { 
	background: #016fa4  url(/img/section/mornington_peninsula_aerial.jpg) no-repeat;
	}
body#selling .sectionImage  { 
	background: #016fa4  url(/img/section/shops.jpg) no-repeat;
	}
body#renting .sectionImage  { 
	background: #016fa4  url(/img/section/aerial_bay.jpg) no-repeat;
	}
body#calculators .sectionImage  { 
	background: #016fa4  url(/img/section/aerial_sky.jpg) no-repeat;
	}
body#aboutArea .sectionImage  { 
	background: #016fa4  url(/img/section/shops.jpg) no-repeat;
	}
body#contactUs .sectionImage  { 
	background: #016fa4  url(/img/section/cafe.jpg) no-repeat;
	}
body#privacy .sectionImage,
body#news .sectionImage  { 
	background: #016fa4  url(/img/section/aerial_bay.jpg) no-repeat;
	}

/* Nav Over Image -------------------- */	
body#aboutUs #mm_aboutUs,
body#buying #mm_buying,
body#selling #mm_selling,
body#renting #mm_renting,
body#calculators #mm_calculators,
body#home #mm_home,
body#contactUs #mm_contactUs,
body#aboutArea #mm_aboutArea,
body#contactUs #mm_contactUs  { 
	background-position:0 32px;
	}
/* Section title -------------------- */
.sectionTitle {
	height: 100px;
	width: 188px;
	float:right;
}
body#aboutUs .sectionTitle  { 
	background: #016fa4  url(/img/section/aboutUs.gif) no-repeat 15px;
	}
body#buying .sectionTitle  { 
	background: #016fa4  url(/img/section/buying.gif) no-repeat 15px;
	}
body#selling .sectionTitle  { 
	background: #016fa4  url(/img/section/selling.gif) no-repeat 15px;
	}
body#renting .sectionTitle  { 
	background: #016fa4  url(/img/section/renting.gif) no-repeat 15px;
	}
body#calculators .sectionTitle  { 
	background: #016fa4  url(/img/section/calculators.gif) no-repeat 15px;
	}
body#aboutArea .sectionTitle  { 
	background: #016fa4  url(/img/section/aboutTheArea.gif) no-repeat 15px;
	}
body#contactUs .sectionTitle  { 
	background: #016fa4  url(/img/section/contactUs.gif) no-repeat 15px;
	}
body#privacy .sectionTitle  { 
	background: #016fa4  url(/img/section/privacy.gif) no-repeat 15px;
	}
body#news .sectionTitle  { 
	background: #016fa4  url(/img/section/news.gif) no-repeat 15px;
	}	


/*==================
-----feature buttons------*/

.feature {
	width: 188px;
	color:#016fa4;
	border: 1px solid #9abacc;
	margin: 15px 0px 0px 15px;
	float:left;
	line-height:140%;
}
.feature h1 {
	height:28px;
	background-color: #09527a;
	margin: 3px 3px 0 3px;
}
.feature span {
	display:none;
}
.feature p {
	background: #fff  url(/img/home/featureBoxBackground.gif) repeat-x;
	margin: 0px 3px 3px 3px;
	padding: 5px 10px;
	height:100px;
}
.feature#quickSearch h1 {
	background: #09527a  url(/img/home/quickSearch.gif) no-repeat 10px;
}
.feature#featureForSale {
	width: 540px;
}
.feature#featureForSale h1 {
	background: #09527a  url(/img/home/featureForSale.gif) no-repeat 10px;
}
.feature#emailAlert, 
.feature#latestNews, 
.feature#aboutUs, 
.feature#inspectionTimes,
.feature#financeCalculator,
.feature#buyersWishlist,
.feature#yourHomeValue,
.feature#tenancyWishlist,
.feature#sorrentoOffice,
.feature#ryeOffice {
	width: 165px;
}
.feature#emailAlert h1 {
	background: #09527a  url(/img/home/emailAlert.gif) no-repeat 10px;
}
.feature#latestNews h1 {
	background: #09527a  url(/img/home/latestNews.gif) no-repeat 10px;
}
.feature#aboutUs h1 {
	background: #09527a  url(/img/home/aboutUs.gif) no-repeat 10px;
}
.feature#inspectionTimes h1 {
	background: #09527a  url(/img/home/inspectionTimes.gif) no-repeat 10px;
}
.feature#financeCalculator h1 {
	background: #09527a  url(/img/home/financeCalculator.gif) no-repeat 10px;
}
.feature#buyersWishlist h1 {
	background: #09527a  url(/img/home/buyersWishlist.gif) no-repeat 10px;
}
.feature#yourHomeValue h1 {
	background: #09527a  url(/img/home/yourHomeValue.gif) no-repeat 10px;
}
.feature#tenancyWishlist h1 {
	background: #09527a  url(/img/home/tenancyWishlist.gif) no-repeat 10px;
}
.feature#sorrentoOffice h1 {
	background: #09527a  url(/img/home/sorrentoOffice.gif) no-repeat 10px;	
}
.feature#ryeOffice h1 {
	background: #09527a  url(/img/home/ryeOffice.gif) no-repeat 10px;
}
.feature img.button,
.feature#featureForSale img.button {
	margin: 5px 0px 0px 0px;
	float:right;
}

/*==================
-----search------*/


/*==================
-----text------*/
h1 {
	margin: 10px 0 4px 0;
	font: "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:140%;
	color:#003c5d;
}
h2 {	
	margin: 0 0 2px 0;
	font-size:100%;
	color:#09527a;

}
h3 {
	display:none;
}
h4 {

}
em {

}
p {
	margin: 0 0 10px 0;

}

.break {
	clear:both;
}
hr {
	clear:both;
	height:1px;
	color:#a89794;
}
.text li  {
	list-style:url(/img/content/bullet.gif);	
}

/*==================
-----list item styles ------*/

.text dl {
	margin: 0px 0 10px 0;
	padding: 0;
	width: 500px;
	}

.text dt  {
	float: left;
	margin: 0px 10px 2px 0;
	width: 120px;
	font-weight:bold;
	}

.text dd {
	float: left;
	margin: 0px 0 2px 0;
	width: 360px;
	}
	
.staff dl, .news dl  {
	width: 740px;
	}
.staff dt, .news dt  {
	height: 130px;
	width: 120px;
	float: left;
	margin: 0px 10px 20px 0;
	}
.staff dd, .news dd  {
	width: 590px;
	height: 130px;
	float: left;
	margin: 0px 0 20px 0;
	}

/*==================
-----links------*/
a { color:#016fa4; text-decoration:underline; }
a:link { color:#016fa4; text-decoration:underline; }
a:visited { color:#016fa4; text-decoration:underline; }
a:hover { color:#016fa4; text-decoration:none; }
a img { border:none; }

/*==================
-----forms------*/
form {
	margin: 10px 15px 0px 10px  ;
}
label  {
	font-weight:bold;
	display:block;
	width:200px;
}
select, input, textarea  {
	background: #b3cedf;
	color:#05394e;
	width:200px;
	font: 90%/140% Tahoma, Arial, Helvetica, sans-serif;
}

input.button {
	background: url(/img/buttons/search.gif) no-repeat;
	border:none;
	height:22px;
	width:67px;
	cursor: hand;
	float:right;
	}

/*==================
-----footer ------*/
.offices {
	height: 20px;
	border-top: 1px solid #9abacc;
	border-bottom: 1px solid #9abacc;
	background-color:#fff;
	margin: 15px 0 10px 0;
	padding: 10px 0 10px 0px;
	clear:both;
	color:#003c5d;
}
.offices h1 {
	display:inline;	
	height:20px;
	width:100px;
	padding: 0px 0 0px 12px;
	font-size:110%;
}
.offices h2 {
	border-right: 1px solid #9abacc;
	display:inline;
	color:#003c5d;
	padding: 0px 12px 0px 0;
}

#footer { 
	height:40px;
	clear:both;
	width: 950px;
	margin: 0 auto;
	color:#94adbb;
	}

#footer ul  {
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 10px 0px;
	list-style:none; 
	font-size:90%;
	clear:both
}
#footer li {
	border-left: 1px solid #94adbb; 
	display:inline;
	padding: 0px 5px 0px 5px;
}
#footer li.first {
	border-left: none; 
	padding: 0px 5px 0px 0px;
}
#footer a:link, 
#footer a:visited {
	color:#94adbb;
}
#footer a:hover, 
#footer a:active {
	color:#94adbb;
}