/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/

html {

	width: 100%;

	height: 100%;

	_border: none;

}

body, form {

	margin: 30px 0px 0px 0px;

	text-align: center;

	width: 100%;

	height: 100%;

	background: #FFFFFF;

}

img, object, embed {

	display: block;

}

a img, img a, img {

	border: none;

}

a {

	outline:none;

}

ul{
	margin: 0;	
}
li{
	color:#6F5B50;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left:15px;
	margin-bottom:5px;
}
h1{
	font-size:22px;
	color:#6F5B50;
	margin-bottom:20px;
	font-family:"Arial Black", Arial, Gadget, sans-serif;
	font-weight:bold;
}
h2{
	font-size:16px;
	color:#9BA289;
	font-family:Verdana, Geneva, sans-serif;
}
h3{
	font-size:16px;
	color:#9BA289;
	font-family:Verdana, Geneva, sans-serif;
}
h4{
	font-size:16px;
	color:#9BA289;
	font-family:Verdana, Geneva, sans-serif;
}

.clearer{

	clear: both;

	line-height: 0px;

}

div.BKAHeader {

    position: absolute;

    background: #FFFFFF;

    border: solid 1px #ECECEC;

    padding: 3px 6px 3px 6px;

    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: bold;

}

div.BKAHeader span.template {

    display: block;

    font-family: Arial;

    font-size: 9px

}

div.container {

	position:relative;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

	padding: 0px;

	background-color: #e4e3d7;

}



div.splashContent {

	position:relative;

	width: 590px;

	border-left:#FFFFFF solid 5px;

	border-right:#FFFFFF solid 5px;

	margin: 0px 0px 0px 195px;

	background:#BCBA9A;

}

div.splashContentHome {

	position:relative;

	width: 590px;

	border-left:#FFFFFF solid 5px;

	border-right:#FFFFFF solid 5px;

	margin: 0px 0px 0px 195px;

	background:#BCBA9A;

	height:565px;

}

div.splashContent a {

	color:#6f5b50;

	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

}

div.splashContentHome a {

	color:#6f5b50;

	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

}

a.homepage {

	color: #FFFFFF;

	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

	margin:0px 30px 0px 33px;

	text-decoration:none;

}

div.indexLogo {

	position:absolute;

	top:91px;

	left:171px;

}

div.indexText {

	position:absolute;

	top:330px;

	left:21px;

	width:550px;

	height:225px;

}

div.indexText h1{

	color:#5D4E3B;

	font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

	margin:0px 0px 6px 0px;

}

div.header {

	position:relative;

	width: 590px;

	_width:600px;

	_widt\h:590px;

	height: 136px;

	border-bottom:#FFFFFF solid 5px;

	border-left:#FFFFFF solid 5px;

	border-right:#FFFFFF solid 5px;

	margin: 0px 0px 0px 195px;

	background-color:#bcba9a;

}

div.linkHome {

	position:absolute;

	top:15px ;

	left:214px ;

}

div.content {

	width: 600px;

	width/**/:/**/ 590px;

	border-left:#FFFFFF solid 5px;

	border-right:#FFFFFF solid 5px;

	margin: 0px 0px 0px 195px;

	background-color:#f2f1eb;

}



div.rightcolumn {

	position: absolute;

	left: 812px;

	top:191px;

}

div.rightphilosophy {

	position: absolute;

	left: 815px;

	top:120px;

}

p {

	color:#6f5b50;

	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

}

div.contentcol1 {

	float:left;

	width: 267px;

	margin:9px 0px 0px 52px;

	-margin:21px 0px 0px 26px;

}

div.contentcol2 {

	float:left;

	width: 250px;

	margin:9px 0px 0px 4px;

	-margin:21px 0px 0px 2px;

}

div.heads {

	padding:34px 0px 0px 50px;

}

div.mainheads {

	padding:34px 0px 5px 40px;

}

div.maintxt {

	width: 515px;

	margin:9px 0px 0px 40px;

	-margin:21px 0px 0px 20px;

	padding-bottom:20px;

}

div.listtxt {

	width: 435px;

	margin:9px 0px 0px 80px;

	-margin:21px 0px 0px 40px;

	padding-bottom:20px;

}

div.introtxt {

	width: 515px;

	margin:9px 0px 0px 40px;

	-margin:21px 0px 0px 20px;

}

div.projectContent {

	width: 590px;

	width/**/:/**/ 588px;

	border-left:#9ba289 solid 1px;

	border-right:#9ba289 solid 1px;

	border-bottom:#9ba289 solid 1px;

	border-top:#9ba289 solid 1px;

	background-color:#ffffff;

}



div.contactDetails {

	position:absolute;

	left: 815px;

	top:66px;	

	width:173px;

}

div.contactDetails p {

	text-align:left;

	color:#dadcd6;

}

div.projectLogo {

	position:absolute;

	left:18px;

	top: 83px;

}

div.maintxt a.show2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	padding: 0px 15px 12px 20px;

	display: block;

	background: url(../images/UI/img-arrow3.jpg) no-repeat right top; 

	float:right;



}

div.maintxt a.link {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	padding: 0px 0px 5px 20px;

	display: block;

	background: url(../images/UI/img-arrow3.jpg) no-repeat left top; 

	float:left;
	clear:both;
	text-decoration:none;
	color:#6f5b50;
	width:auto;



}

div.maintxt a.show2:hover {

	background-position: right -418px;

}

/*~~~~~~~~~~~~~~~~~global styles end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~flash start~~~~~~~~~~~~~~~~~*/



div#flashContent {

	width: 590px;

	height: 423px;

}

div#flashcontent1 {

	width: 590px;

	height: 433px;

	position: relative;

	top: -1px;

}

div#flashL2 {

	width: 990px;

	height: 423px;

	position: absolute;

	top: 176px;

	left: 0px;

}

span.flashPadding{

display:block;

height:423px;

}

div#pastProject {

	width: 590px;

	height: 257px;

}

/*~~~~~~~~~~~~~~~~~flash end~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~nav start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#primaryNav {

	width: 590px;

	height:35px;

	border-left:#FFFFFF solid 5px;

	border-right:#FFFFFF solid 5px;

	margin: 0px 0px 0px 195px;

}

div.mainNav {

	width: 590px;

	height:35px;

	border-left:#FFFFFF solid 5px;

	border-right:#FFFFFF solid 5px;

	margin: 0px 0px 0px 195px;

}

div.leftNav {

	position:absolute;

	left:0px;

	top: 175px;

}

div.leftNav a {

	display:block;

	width:182px;

	height:14px;

	text-indent:-9000px;

	margin:0px 0px 10px 0px;

	_margin:0px 0px 5px 0px;

}

div.leftNav a.wiroa {

	background:url(../images/UI/txt-wiroaStation.gif) no-repeat;

}
div.leftNav a.wiroa-galleries {

	background:url(../images/UI/wiroa-galleries.gif) no-repeat;

}
div.leftNav a.weiti {

	background:url(../images/UI/txt-weiti.gif) no-repeat;

}

div.leftNav a.nananu {

	background:url(../images/UI/txt-nananu-ra.gif) no-repeat;

}
div.leftNav a.nananu-i-ra-marketing {

	background:url(../images/UI/nananu-i-ra-marketing.gif) no-repeat;

}
div.leftNav a.nananu-i-ra-research {

	background:url(../images/UI/nananu-i-ra-research.gif) no-repeat;

}
div.leftNav a.vatulele {

	background:url(../images/UI/txt-vatulele.gif) no-repeat;

}

div.leftNav a.vatulele-marketing {

	background:url(../images/UI/vatulele-marketing.gif) no-repeat;

}
div.leftNav a.vatulele-research {

	background:url(../images/UI/vatulele-research.gif) no-repeat;

}
div.leftNav a.champagneBeach {

	background:url(../images/UI/txt-champagneBeach.gif) no-repeat;

}
div.leftNav a.champagneBeach-marketing {

	background:url(../images/UI/champagne-beach-marketing.gif) no-repeat;

}
div.leftNav a.champagneBeach-research {

	background:url(../images/UI/champagne-beach-research.gif) no-repeat;

}
div.leftNav a.twoIslands {

	background:url(../images/UI/txt-twoIslands.gif) no-repeat;

}
div.leftNav a.twoIslands-marketing {

	background:url(../images/UI/two-islands-marketing.gif) no-repeat;

}
div.leftNav a.twoIslands-research {

	background:url(../images/UI/two-islands-research.gif) no-repeat;

}
div.leftNav a.pastProjects {

	background:url(../images/UI/txt-pastProjects.gif) no-repeat;

}

div.leftNav a.companyPhilosophy {

	background:url(../images/UI/txt-companyPhilosophy.gif) no-repeat;

}

div.leftNav a.openSpaces {

	background:url(../images/UI/txt-openSpaces.gif) no-repeat;

}

div.leftNav a.underbuilding {

	background:url(../images/UI/txt-underbuilding.gif) no-repeat;

}

div.leftNav a.wildlifeProtection {

	background:url(../images/UI/txt-wildlifeProtection.gif) no-repeat;

}

div.leftNav a.regreening {

	background:url(../images/UI/txt-regreening.gif) no-repeat;

}

div.leftNav a.pathways {

	background:url(../images/UI/txt-pathways.gif) no-repeat;

}

div.leftNav a.placemaking {

	background:url(../images/UI/txt-placemaking.gif) no-repeat;

}

div.leftNav a.kaitiakitanga {

	background:url(../images/UI/kaitiakitanga.gif) no-repeat;

}

div.leftNav a.home {

	background:url(../images/UI/pn-home.gif) no-repeat;

}

div.leftNav a.thePlan {

	background:url(../images/UI/pn-thePlan.gif) no-repeat;

}

div.leftNav a.management {

	background:url(../images/UI/pn-management.gif) no-repeat;

}

div.leftNav a.architecture {

	background: url(../images/UI/pn-architecture.gif) no-repeat;

}

div.leftNav a.houseSites {

	background:url(../images/UI/pn-houseSites.gif) no-repeat;

}

div.leftNav a.faqs {

	background:url(../images/UI/pn-faqs.gif) no-repeat;

}

div.leftNav a.contactUs {

	background:url(../images/UI/pn-contactUs.gif) no-repeat;

}

div.leftNav a.theFarm {

	background: url(../images/UI/pn-theFarm.gif) no-repeat;

}

div.leftNav a.theReserve {

	background:url(../images/UI/pn-theReserve.gif) no-repeat;

}

div.leftNav a.activities {

	background:url(../images/UI/pn-activities.gif) no-repeat;

}

div.leftNav a.aboutWiroa {

	background:url(../images/UI/pn-aboutWiroa.gif) no-repeat;

}

div.leftNav a.theClub {

	background:url(../images/UI/pn-theClub.gif) no-repeat;

}

div.leftNav a.currentProjects {

	background:url(../images/UI/txt-currentProjects.gif) no-repeat;

}

div.leftNav a:hover {

	background-position:0px -25px;

}	

div.leftNav a.active {

	background-position:0px -25px;

}

div.projectNav {

	width:990px;

	height:28px;

	border-bottom:#FFFFFF solid 5px;

	background-color:#bcba9a;

}

div.projectNav a {

	float:left;

	display:block;

	width:149px;

	height:28px;

	text-indent:-9000px;

}

div.projectNav a.williamsHome {

	background:url(../images/UI/nav-williamsHome.gif) no-repeat;

	margin-left:19px;



}

div.projectNav a.philosophy {

	background:url(../images/UI/nav-philosophy.gif) no-repeat;

	margin-left:62px;

	

}

div.projectNav a.projects {

	background:url(../images/UI/nav-projects.gif) no-repeat;

	margin-left:7px;

}

div.projectNav a.ourTeam {

	background:url(../images/UI/nav-ourTeam.gif) no-repeat;

	margin-left:0px;

}

div.projectNav a.contact {

	background:url(../images/UI/nav-contact.gif) no-repeat;

	margin-left:0px;

}

div.projectNav a:hover {

	background-position:0px -33px;

}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~nav end~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~pop up li start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/





div.projectContent a.show {

	width: 522px;

	padding: 0px 10px 12px 20px;

	display: block;

	background:url(../images/UI/img-arrow.gif) no-repeat left top;



}

div.projectContent a.show:hover {

	background-position: 0px -418px;

}

div.projectContent p.ans {

	display: none;

	color:#6f5b50;

	font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: normal;

	padding: 0px 0px 10px 20px;

	width: 500px;

	margin: -6px 0px 0px 0px;
	

}

div.projectContent p.ans a.linkArea{
float:left;
width:500px;
}


div.teamcontent a.show {

	width: 522px;

	padding: 0px 10px 12px 20px;

	display: block;

	background:url(../images/UI/img-arrow2.gif) no-repeat left top;



}

div.teamcontent a.show:hover {

	background-position: 0px -418px;

}

div.teamcontent p.ans {

	display: none;

	color:#6f5b50;

	font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: normal;

	padding: 0px 0px 10px 20px;

	width: 500px;

	margin: -6px 0px 0px 0px;

}

div.faqContent a.show {

	width: 522px;

	padding: 0px 10px 12px 23px;

	display: block;

	background:url(../images/UI/Q.gif) no-repeat left top;



}

div.faqContent a.show:hover {

	background-position: 0px -417px;

}

div.faqContent p.ans {

	display: none;

	color:#6f5b50;

	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: normal;

	padding: 0px 0px 10px 23px;

	width: 500px;

	margin: -6px 0px 0px 0px;

}

div.projectContent a.showpdf {

	width: 522px;

	padding: 0px 10px 12px 20px;

	display: block;

	background:url(../images/UI/pdf-arrow.gif) no-repeat left top;



}

div.projectContent a.showpdf:hover {

	background-position: 0px -418px;

}

div.projectContent a.downloadpdf {

	width: 522px;

	padding: 0px 10px 12px 20px;

	display: block;

}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~pop up li end~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~footer start~~~~~~~~~~~~~~~~~*/

div.bka-footer {

	font-family: Arial, Helvetica, sans-serif;

	font-size:9px;

	color:#9ba289;

	padding-top:9px;

	padding-bottom:20px;

}

div.bka-footer a {

	color:#9ba289;

	text-decoration: none;

	font-size: 9px;

}

/*~~~~~~~~~~~~~~~~~footer end~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~popupGallery styles start~~~~~~~~~~~~~~~~~*/

div#galleryPopupBG {

	display: none;

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 90;

	opacity: 0.6;

	-moz-opacity: 0.6;

	-khtml-opacity: 0.6;

	filter: alpha(opacity=60);

	background: #000;

	/*background: #fff;*/

}

div.galleryPopupBOX {
	color: #333; 
	display: none;
	position: absolute;
	top: 88px;
	left: 0px;
	z-index: 100;
	width:100%;
	/*background: url(../images/btn-closeGallery.gif) no-repeat right 2px;*/
	text-align:center;

}

div.closeGalleryPopup {

}

div.closeGalleryPopup a {

	display: block;

	height: 20px;

	margin: 0px 8px 0 0;

	padding:0px 0px 0px 2px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color: #FFFFFF;

	text-decoration:none;

}

div.galleryPopupBOX img {

	display:inline;

}

div.galleryPopupBOX a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color: #fff;

	text-decoration:none;

}



/*~~~~~~~~~~~~~~~~~popupGallery styles end~~~~~~~~~~~~~~~~~*/