/* ------------------------------------------------------

	Go Kiwi - Index Stylesheet
   
------------------------------------------------------ */
/*
	Filename:					index.css
	Content:					Main website stylesheet
	Creation Date:				10/06/2008
	Last Modification Date:		10/06/2008
	Author:						Kurt Smith
	Copyright:					Digitise.co.nz
*/

	@import "reset.css";
	
/* --- Selectors ------------------------------------- */

	html { width:100%; height:100%; }
	body {
		width:100%;
		height:100%;
		font:12px/18px trebuchet ms, arial, helvetica, sans-serif;
		background:url("../images/bg.gif") repeat-x top #231f20;
		color:#e9e9e9;
	}
	
/* --- Type ------------------------------------------ */
	
	a, a:visited { color:#88abc1; }
	a:hover { color:#88abc1; }
	a img { border:none; }
	
	p { margin:15px 0; }
	
	h1 { font:bold 18px/24px Arial, Helvetica, sans-serif; }
	h2 { font:bold 18px/22px Arial, Helvetica, sans-serif; margin:20px 0 14px 0; }
	h3 { font:bold 14px/20px Arial, Helvetica, sans-serif; margin:20px 0 14px 0; color:#88abc1; }
	h4 { font:bold 12px/18px Arial, Helvetica, sans-serif; margin:16px 0 14px 0; }
	h5 { font:bold 11px/16px Arial, Helvetica, sans-serif; margin:16px 0 14px 0; }
	h6 { font:bold 10px/14px Arial, Helvetica, sans-serif; margin:16px 0 14px 0; }
	
	img[align="right"] { float:right; margin:0 0 10px 10px; }

/* --- Common Classes -------------------------------- */

	.left { float:left; }
	.right { float:right; }
	.top { vertical-align:top; }
	.clear { clear:both; }
	.width100 { width:100%; }
	.center { margin:0 auto; }

/* --- Layout Styles --------------------------------- */

	#wrap {
		width:960px;
		height:100%;
		background:url("../images/bg-wrap.gif") repeat-y top left;
		margin:0 auto;
		padding:0;
	}
	h1#logo {
		margin:0;
		padding:0;
		float:left;
	}
	h1#logo a {
		width:180px;
		height:92px;
		margin:39px 0 31px 54px;
		text-indent:-9999px;
		display:block;
		background:url("../images/logo.gif") no-repeat;
	}
	p#top {
		width:296px;
		height:81px;
		background:url("../images/bg-blockquote.gif") no-repeat;
		text-indent:-9999px;
		float:right;
		margin:39px 25px 0 0;
		padding:0;
	}
	#header {
		width:960px;
		height:242px;
		background:url("../images/banner.jpg") no-repeat;
		clear:both;
	}
	#nav {
		height:30px;
	}
	#content {
		background:url("../images/bg-wrap.gif") repeat-y top left;
	}
	#leftcol {
		width:220px;
		margin:20px 30px;
		float:left;
		display:inline;
	}
	#leftcol ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#leftcol li {
		border-bottom:1px solid #c7c7c7;
		padding:12px 0;
	}
	#leftcol a {
		text-transform:uppercase;
		color:#000;
		text-decoration:none;
	}
	#copy {
		width:680px;
		float:right;
		margin:20px 0 0 0;
	}
	#copy .margin{
		margin:0 30px 30px 30px;
		display:block;
	}
	#footer {
		border-top:1px solid #3b3838;
		color:#a3a3a3;
		font-size:11px;
		text-align:center;
		margin:30px 0 0 0;
		padding:20px 0 0 0;
	}
	#footer a {
		color:#88abc1;
		text-decoration:underline;
		font-size:11px;
	}
	#footer ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#footer ul li {
		display:inline;
	}
	#footer a:hover {
		color:#fff;
	}
	#footer a.digitise {
		color:#999;
	}
	#footer a.digitise:hover {
		color:#bbb;
	}
	#footer .separator {
	    margin:0 3px 0 2px;
	}
	#mapimg {
	    width:400px; height:584px; border:none;
	}
	
/* --- Property Details ----------------------------- */
    
    .propertylist-listings{
        width:30%;
    }
    .propertylist-map {
        text-align:center;
    }
    .propertylist-map img{
        margin:20px 0 0 0;
    }
    .propertydetail {
        margin:5px 0 0 0;
        border-top:1px solid #3b3838;
    }
    .propertydetail-image {
        width:250px;
        vertical-align:top;
    }
    .propertydetail-image img {
        margin-top:10px;
    }
        
    .propertydetail-description {
        padding-right:10px;
        padding-top:15px;
        vertical-align:top;
    }
    hr {
       background-color:#3b3838; !important;
       color:#3b3838;
       height:1px;
       border:0;
       width:100%;
    }

/*nz-map styles*/
	
#nz-map{
	background-image: url('../images/map.png'); 
	background-repeat: no-repeat; 
	width: 360px; height: 584px; 
	position: relative; 
	left: 125px; 
	background-position: center;
}

#nz-map a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	
}

#nz-map a:hover{
	color: #FFF;
	text-decoration: underline;
}

#nz-map .right{
	background-image: url('../images/white-dot.png');
	background-repeat: no-repeat; 
	background-position: right;
	padding-right: 10px;
}

#nz-map .left{
	background-image: url('../images/white-dot.png');
	background-repeat: no-repeat; 
	background-position: left;
	padding-left: 10px;
}

#loc-hokianga{
	position:absolute; 
	left:132px; 
	top: 62px;
	text-decoration: none;
	}
	
#loc-bayofislands{
	position:absolute; left:198px; top:52px;
}

#loc-whangarei{
	position:absolute; left:211px; top:71px;
}

#loc-dunedin{
	position:absolute; left:133px; top:478px;
}

#loc-Picton{
	position:absolute; left:184px; top:282px;
}

#loc-Blenheim{
	position:absolute; left:221px; top:294px;
}

#loc-Nelson{
	position:absolute; left:155px; top:289px;
}

#loc-StArnaud{
	left: 191px;
    position: absolute;
    top: 314px;
}

#loc-Westport{
	position:absolute; left:97px; top:312px;
}

#loc-HanmerSprings{
	position:absolute; left:97px; top:339px;
}

#loc-Kaikoura{
	position:absolute; left:202px; top:343px;
}

#loc-Greymouth{
	position:absolute; left:76px; top:352px;
}


#loc-Coromandel{
	position:absolute; left:258px; top:115px;
}

#loc-Auckland{
	position:absolute; left:169px; top:104px;
}

#loc-Tauranga{
	position:absolute; left:262px; top:129px;
}

#loc-Hamilton{
	position:absolute; left:187px; top:140px;
}

#loc-Gisborne{
	position:absolute; left:328px; top:172px;
}

#loc-NewPlymouth{
	position:absolute; left:140px; top:196px;
}

#loc-MtRuapehu{
	left: 255px;
    position: absolute;
    top: 198px;
}

#loc-Napier{
	position:absolute; left:301px; top:206px;
}

#loc-Wanganui{
	position:absolute; left:197px; top:223px;
}

#loc-PalmerstonNorth{
	position:absolute; left:270px; top:233px;
	}
	
#loc-Martinborough{
	position:absolute; 
	left:176px;
	top:265px;
	background-image: url('../images/white-dot.png');
	background-position: right bottom;
	padding-right: 9px;
	background-repeat: no-repeat;
}

#loc-Masterton{
	position:absolute; left:271px; top:268px;
}

#loc-Hokitika{
	position:absolute; left:68px; top:372px;
}

#loc-FranzJosefGlacier{
	position:absolute; left:0px; top:383px;
}

#loc-Methven{
	background: url("../images/white-dot.png") no-repeat scroll 0 0 transparent;
    left: 148px;
    padding-top: 5px;
    position: absolute;
    top: 401px;
}

#loc-Christchurch{
	position:absolute; left:189px; top:374px;
}

#loc-Akaroa{
	position:absolute; left:203px; top:386px;
}

#loc-Ashburton{
	position:absolute; 
	left:128px; 
	top:382px;
	padding-bottom: 5px;
	padding-bottom: 5px;
	background: url('../images/white-dot.png') no-repeat right bottom;
}

#loc-FoxGlacier{
	position:absolute; left:18px; top:402px;
}

#loc-Haast{
	position:absolute; left:25px;top:419px;
}

#loc-Mtcook{
	background: url("../images/white-dot.png") no-repeat scroll left center transparent;
    left: 91px;
    padding-left: 11px;
    position: absolute;
    top: 413px;
}

#loc-Omarama{
	background: url("../images/white-dot.png") no-repeat scroll center top transparent;
    left: 99px;
    padding-top: 5px;
    position: absolute;
    top: 433px;
	
}

#loc-Wanaka{
	position:absolute; left:81px;top:450px;
}

#loc-Teanau{
	position:absolute; left:44px;top:484px;
}

#loc-Invercargill{
	position:absolute; left:70px; top:512px;
}
#loc-Queenstown{
	position:absolute; left:63px;top:468px;
}

#loc-Waitomo{
	position:absolute; left:193px; top:159px;
}

#loc-Rotorua{
	position:absolute; left:270px; top:154px;
}

#loc-Taupo{
	position:absolute; left:265px; top:171px;
}

#nz-map .north{
	position: absolute;
	top: 123px;
	left: 60px;
	font-size: 14px;
	text-transform: uppercase;
	
}

#nz-map .south{
	position: absolute;
	top: 433px;
	left: 209px;
	font-size: 14px;
	text-transform: uppercase;
}

#nz-map .stewart{
	position: absolute;
	top: 538px;
	left: 20px;
	text-transform: uppercase;
}