/* ----- Main Body Styling ----- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	background: #999 url(../images/main_bg.gif) repeat center top;
}
#bgimg {
	background: url(../images/bg.gif) repeat-y center top;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	width: 750px;
}
#container {
	padding: 0px;
	margin: 0 auto 0 auto;
	left: 50%;
	width: 720px;
	text-align: left;
	background: #FFF url(../images/2_container_bg.gif) repeat-y left top;
	height: auto;
}
#header {
	background: url(../images/1_header_bg.gif) no-repeat left top;
	height: 242px;
	width: 720px;
	margin: 0px;
	padding: 0px;
}
#content {
	margin: 0px 0px 0px 215px;
	padding: 0px 18px 20px 20px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 100%;
}
#footer {
	text-align: center;
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #909090;
	padding: 10px 0 10px 0;
	clear: both;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 3px;
	border-left-width: 4px;
	border-top-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #151515;
	border-left-color: #666666;
	background-color: #333333;
	border-bottom-style: solid;
}

/* ----- End of Main Body Styling ----- */

/* ----- Beginning of Menu Related CSS ----- */

/* ----- Start of Menu 1 ----- */

#menu {
	float: left;
	height: 110px;
	width: 215px;
	margin-top: 99px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu ul {
	vertical-align: bottom;
  	list-style: none;
  	margin: 0px;
  	padding: 0px;
  	width: 215px;
}
#menu div a { vertical-align: bottom; padding:0px; margin: 0px; display: block; height:22px;}

#menu .buying a { background:url(../images/1_menu_a.gif) 100% 0; width:215px; margin: 0px; padding:0px; }
#menu .buying a:hover { background:url(../images/1_menu_a.gif) 100% -22px; }

#menu .selling a { background:url(../images/1_menu_b.gif) 100% 0; width:215px; margin: 0px; padding:0px; }
#menu .selling a:hover { background:url(../images/1_menu_b.gif) 100% -22px; }

#menu .join a { background:url(../images/1_menu_c.gif) 100% 0; width:215px; margin: 0px; padding:0px; }
#menu .join a:hover { background:url(../images/1_menu_c.gif) 100% -22px; }

#menu .about a { background:url(../images/1_menu_d.gif) 100% 0; width:215px; margin: 0px; padding:0px; }
#menu .about a:hover { background:url(../images/1_menu_d.gif) 100% -22px; }

#menu .faqs a { background:url(../images/1_menu_e.gif) 100% 0; width:215px; margin: 0px; padding:0px; }
#menu .faqs a:hover { background:url(../images/1_menu_e.gif) 100% -22px; }

#menu a span { display:none; }
#menu a.current { background-position:100% -22px; }

/* ----- End of Menu ----- */

/* ----- Start of Menu 2 ----- */

#menub { margin: 0px; padding: 0px; float: right; height: 59px; width: 490px; }
#menub ul {  padding:0; margin:0; list-style-type: none; }

#menub ul li { float:left; padding: 0; margin:0; list-style-type: none; }

#menub ul li a { display:block; height: 59px; }

#menub ul li.home a { background:url(../images/1_menub_a.gif) 100% 0; width:43px; margin: 0; }
#menub ul li.home a:hover { background:url(../images/1_menub_a.gif) 100% -59px; }

#menub ul li.listings a { background:url(../images/1_menub_b.gif) 100% 0; width:58px; margin: 0; }
#menub ul li.listings a:hover { background:url(../images/1_menub_b.gif) 100% -59px; }


#menub ul li.business_auckland a { background:url(../images/1_menub_bao.gif) 100% 0; width:68px; margin: 0; }
#menub ul li.business_auckland a:hover { background:url(../images/1_menub_bao.gif) 100% -59px; }

#menub ul li.commercial_prop a { background:url(../images/1_menub_bac.gif) 100% 0; width:68px; margin: 0; }
#menub ul li.commercial_prop a:hover { background:url(../images/1_menub_bac.gif) 100% -59px; }

#menub ul li.franchise a { background:url(../images/1_menub_c.gif) 100% 0; width:62px; margin: 0; }
#menub ul li.franchise a:hover { background:url(../images/1_menub_c.gif) 100% -59px; width:62px }

#menub ul li.property a { background:url(../images/1_menub_d.gif) 100% 0; width:68px; margin: 0; }
#menub ul li.property a:hover { background:url(../images/1_menub_d.gif) 100% -59px; }

#menub ul li.buy a { background:url(../images/1_menub_e.gif) 100% 0; width:48px; margin: 0; }
#menub ul li.buy a:hover { background:url(../images/1_menub_e.gif) 100% -59px; }

#menub ul li.sell a { background:url(../images/1_menub_f.gif) 100% 0; width:47px; margin: 0; }
#menub ul li.sell a:hover { background:url(../images/1_menub_f.gif) 100% -59px; }

#menub ul li.links a { background:url(../images/1_menub_g.gif) 100% 0; width:52px; margin: 0; }
#menub ul li.links a:hover { background:url(../images/1_menub_g.gif) 100% -59px; }

#menub ul li.contact a { background:url(../images/1_menub_h.gif) 100% 0; width:62px; margin: 0; }
#menub ul li.contact a:hover { background:url(../images/1_menub_h.gif) 100% -59px; }

#menub ul li a span { display:none; }
#menub ul li a.current { background-position:100% -59px; }

/* ----- End of Menu 2 ----- */

/* ----- End of Menu Related CSS ----- */

/* ----- Banner CSS Starts ----- */ 

#banner {
	margin: 18px 0 0 0;
	padding: 0px;
	float: right;
	height: 132px;
	width: 505px;
	position:relative;
}
#banner h1{
	width: 505px;
	height: 132px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
#banner h1 span {
	display:none;
	margin: 0px;
	padding: 0px;
}
#banner h1.wantaction {
	background-image: url(../images/1_banner_wantaction.jpg);
	margin: 0px;
	padding: 0px;
}
#banner h1.about {
	background-image: url(../images/1_banner_about.jpg);
	margin: 0px;
	padding: 0px;
}
#banner h1.franchise {
	background-image: url(../images/1_banner_franchise.jpg);
	margin: 0px;
	padding: 0px;

}
#banner h1.links {
	background-image: url(../images/1_banner_links.jpg);
	margin: 0px;
	padding: 0px;

}
#banner h1.selling {
	background-image: url(../images/1_banner_selling.jpg);
	margin: 0px;
	padding: 0px;
}
#banner h1.faqs {
	background-image: url(../images/1_banner_faqs.jpg);
	margin: 0px;
	padding: 0px;

}
#banner h1.buying {
	background-image: url(../images/1_banner_buying.jpg);
	margin: 0px;
	padding: 0px;

}
#banner h1.home {
	background-image: url(../images/1_banner_home.jpg);
	margin: 0px;
	padding: 0px;
}
#banner h1.listings {
	background-image: url(../images/1_banner_listings.jpg);
}
#banner h1.property {
	background-image: url(../images/1_banner_property.jpg);
}
#banner h1.contact {
	background-image: url(../images/1_banner_contact.jpg);
}
#banner h1.join {
	background-image: url(../images/1_banner_join.jpg);
}
/* ----- End Of Banner CSS ----- */

/* ----- Left Panel CSS Starts ----- */

#leftpanel {
	background-color: #79A340;
	width: 215px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#content h2 span {
	display: none;
}
#content h2 {
	background: #377956 url(../images/main_img.jpg) left no-repeat;
	display: block;
	margin: 0px 0px 10px 0;
	padding: 0px;
	height: 98px;
	width: 463px;
}
#quicksearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 215px;
	background: #F1E0C3 url(../images/2_new_bottom.gif) repeat-x left bottom;
}
#quicksearch h2 span {
	display: none;
}
#quicksearch h2 {
	background: url(../images/2_quicksearch.gif) no-repeat left top;
	display: block;
	margin: 0px 0px 10px 0;
	padding: 0px;
	height: 22px;
	width: 215px;
}
#latestnews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0 0 10px 0;
	float: left;
	width: 215px;
	background: #9D0900 url(../images/2_roundbottom.gif) no-repeat center bottom;
}
#latestnews h2 span {
	display: none;
}
#latestnews h2 {
	background: url(../images/2_latestnews.gif) no-repeat left top;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	height: 22px;
	width: 215px;
}
#signupnews {
	background-color: #79A340;
	margin: 0 0 100% 0;
	float: left;
	width: 215px;
	padding: 0 0 10px 0;
	height: 100%;
}
#signupnews h2 span {
	display: none;
}
#signupnews h2 {
	background: url(../images/2_signup.gif) no-repeat left top;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	height: 17px;
	width: 215px;
}
.more {
	text-align: right;
	display: block;
	float: right;
	margin: 1px 0 5px 0;
	background-color: #CC6633;
	padding: 1px 5px;
	border: 1px solid #FFF;
}
.padded {
	padding: 0 10px 0 10px;
	text-align: justify;
}
	/* Form Formatting */
#searchForm {
	width: 200px;
}
.formInput {
	background-color: #FFF;
	color: #000;
	height: 18px;
	width: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #666666;
}
.formText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	vertical-align: top;
	text-align: left;
}
.submitButton1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #CC9933;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 1px;
}
.submitButton2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #336633;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 1px;
}
#signupBox {
	width: 200px;
}
/* ----- End of Leftpanel Styling ----- */

/* ----- Start of Content Styling ----- */
#content h3 {
	border-bottom: 1px dotted #D5D5D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0 1px 0;
}
#arrowList {
	list-style-image: url(../images/arrow.gif);
	list-style-position: inside;
}
#arrowList li {
	margin: 0 2px 8px 0;
	padding: 0;
}
.padded2 {
	margin: 3px 0 10px;
	padding: 0 20px 0 0;
}
.dataTop {
	background: url(../images/data_top_bar.gif) no-repeat left top;
	height: 22px;
	width: 463px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.dataBottom {
	background: #FFF url(../images/data_bottom_tab.gif) no-repeat right top;
	height: 22px;
	width: 463px;
	text-align: right;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.dataTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #DFE5D6;
	margin: 0 0 15px;
	padding: 0;
	width: 463px;
}
.data1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 0;
	margin-top: 0;
}
.dataUl {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: text-bottom;
}
.dataUl li {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
}
.dataTop img {
	vertical-align: middle;
	margin-left: 10px;
	padding: 0;
	height: 22px;
	width: 24px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;

}
.dataBottom img {
	vertical-align: middle;
	margin-left: 10px;
	padding: 0;
	height: 22px;
	width: 24px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.dataTop b {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.dataBottom b {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
}
.dataUl li.asking {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0 0 5px;
	padding: 0;
}
.alignTop {
	text-align: left;
	vertical-align: top;
}

/* ----- End of Content Styling ----- */

/* ----- Start of Link Styling ----- */

#content a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}
#content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
#content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
#content a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
#footer a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
#leftpanel a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}
#leftpanel a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#leftpanel a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#leftpanel a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.dataBottom a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.dataBottom a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
.dataBottom a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.dataBottom a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
#faqList a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
#faqList a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #E6F8CD;
}
#faqList a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
#faqList a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

/* ----- End of Link Styling ----- */


numberList {
	list-style-position: inside;
	list-style-type: decimal;
}
.numberList li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5F5F5;
}
.numberList h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
}
#bullet {

	list-style-image: url(../images/bullet_down.gif);
	list-style-position: inside;
}
#bullet li {

	list-style-image: url(../images/bullet_down.gif);
	list-style-position: outside;
}
.numberList {
	list-style-position: inside;
	list-style-type: decimal;
}
#faqList {

	list-style-image: url(../images/bullet_2arrow.gif);
	list-style-position: outside;
}
#faqList li {
	margin-bottom: 4px;
	margin-left: 2px;
	margin-top: 4px;
	margin-right: 2px;
	padding: 0;
}
h6 {
	display: block;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	background-image: url(../images/faq_top.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 12px;
	background-position: left top;
	float: right;
}
h6 span {
	display: none;
}
.padded1st {

	padding-right: 20px;
	margin: 30px 0 10px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 10px;
}

/*-- Contact Form Styling --*/

.tableText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tableTextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.inputfield {
	width: 97%;
	border: 1px solid #666666;
}
.dropdownfield {
	width: 97%;
}
.selectArea{
	width: 97%;
}
#contactForm {
	width: 460px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	padding: 0;
}
#contactForm td {
	text-align: left;
	padding: 4px;
	vertical-align: top;
}
#contactForm tr.odd {
	background-color: #F7FFEB;
}
#contactForm h5{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #006633;
}
acronym {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: underline;
}
div.dataRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 460px;
	float: left;
	background-color: #DFE5D6;
	margin: 0 0 5% 0;
}
div.dataRow strong {
	font-size: 14px;
	width: 460px;
	display: block;
	text-align: right;
	background: url(../images/data_top_bar.gif) left top no-repeat;

}
div.dataRow strong img {
vertical-align: -40%;
margin: 0 0 0 10px;
}
div.dataRow img.photoMain {
	float: left;
	margin: 10px;
}
span.dataInfo {
	font-size: 10px;
	margin: 10px;
	width: 250px;
	display: inline;
	float: right;
}
div.dataFooter {
	color: #777;
	padding: 0px 0 0 0;
	height: 22px;
	width: 460px;
	float: left;
	text-align: right;
	background: #fff url(../images/data_bottom_tab.gif) right top no-repeat;
}
div.dataFooter ul {
	margin: 0 40px 0 10px;
	padding: 0;
	list-style: none;
	display: inline;
}
div.dataFooter li {
	clear: none;
	display: inline;
	margin: 0 5px 0 0;
}
div.dataFooter ul li a {
	clear: none;
	text-decoration: none;
}
b.contactBtn {
	margin: 0 0px 0 0;
}
div.dataFooter img {
vertical-align: -40%;
margin: 0 0 0 10px;
}
/* ----- Front End Layout, Design, and Coding by Peter @ iRoom Copyright 2005 ----- */


.startNote{
position:absolute;
top:0px;
left:0px;
}
