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

	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%;
    }