body {
	background:#f2f2f2;
	font-family:Arial, Helvetica, Verdana, "sans serif";
	font-size:12px;
	margin:0;
	padding:0;
}

#wrapper {
	width:938px;
	margin:0px auto;
	height:400px;
}

#topBanner {
	background-color:#e7e8e8;
	width:700px;
	height:170px;
	margin: 0px 0 0 110px;
	clear:both;
}

#mainNav {
	width:100px;
	height:350px;
	float:left;
	margin: 2px 0 0 0;
	padding:0px 10px 0px 0px;
}

#site_main {
	width:700px;
	float:left;
	height:350px;
	background:#e7e8e8;
	margin-top:2px;
  font-size:13px;
  line-height:140%;
}

#contact_main {
	width:700px;
	float:left;
	height:350px;
	background:#ffffff;
	margin-top:2px;
  font-size:13px;
  line-height:140%;
}

.home_box {
  margin: 0;
  width:418px;
  padding: 100px 255px 0px 27px;
  display: block;
  margin-left: 0px;
  background-image:url('../images/Home_bg.jpg');
  height:250px;
}

.home_box p {
	width:270px;
}

.design_build_box {
  margin: 0;
  width:179px;
  padding: 85px 255px 0px 266px;
  display: block;
  margin-left: 0px;
  background-image:url('../images/Design_Build_bg.jpg');
  height:265px;
}

.about_us_box {
  margin: 0;
  width:179px;
  padding: 85px 255px 0px 266px;
  display: block;
  margin-left: 0px;
  background-image:url('../images/About_Us_bg.jpg');
  height:265px;
}

.esd_box {
  margin: 0;
  width:179px;
  padding: 125px 255px 0px 266px;
  display: block;
  margin-left: 0px;
  background-image:url('../images/esd_bg.jpg');
  height:225px;
}

.design_build_box p, .about_us_box p, .esd_box p {
	width:410px;
}

.portfolio_box {
  margin:0;
  width:700px;
  padding:0;
  display: block;
  height:350px;
  background:#FFFFFF;
}

.contact_box {
  margin: 0;
  width:550px;
  padding: 130px 0px 0px 80px;
  display: block;
  margin-left: 0px;
  height:;
  background-image:url('../images/Contact_bg.jpg');
}

#auckland{
	float:left;
	padding-top:15px;
	}

#wellington{
	float:left;
	margin-left:50px;
	width:200px;
	padding-top:15px;
	}

.gal_left {
	width:352px;
	height:350px;
	margin:0;
	padding:0;
	float:left;
}

#gal_left_bottom {
	width:330px;
	height:20px;
	padding:5px 10px;
	background:#e8e8e8;
	clear:both;
	font-size:12px;
}

.gal_paginate {
	width:81px;
	float:left;
	padding:5px 0px 5px 5px;
	height:20px;
	border-right:2px #FFFFFF solid;
}

.gal_paginate a:link, .gal_paginate a:visited {
	color:#000;
	text-decoration:none;
	font-size:12px;
}

.gal_paginate a:hover {
	text-decoration:underline;
}

#gal_right {
	width:348px;
	height:350px;
	margin:0;
	padding:0;
	float:left;
	background:#FFF;
}

.gal_right_pic {
	width:348px;
	height:350px;
	padding:0;
	background:#e8e8e8;
}

#people_right {
	width:348px;
	margin:0;
	padding:0;
	float:left;
	background:#FFF;
}

#people_right_bottom {
	clear:both;
	width:328px;
	height:78px;
	padding:10px 10px 0px 10px;
	border-top:2px white solid;
	background:#FFF;
}

#people_right_end {
	background:#e8e8e8;
	height:30px;
}

.people_right_pic {
	width:348px;
	height:262px;
	padding:0;
	background:#FFF;
}

.people_pic {
	width:140px;
	height:140px;
	margin:0px 10px 8px 0px;
	float:left;
}

.people_quote {
	margin-top:5px;
	font-size:11px;
	line-height:130%;
}

.job_title {
	font-size:10px;
	text-transform:uppercase;
}

.people_right_pic p {
	padding:0px 10px;
}

#gal_right_bottom {
	clear:both;
	width:338px;
	height:20px;
	padding:5px;
	border-top:2px white solid;
	background:#e8e8e8;
}

#gal_right_bottom a:link, #gal_right_bottom a:visited {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	margin-left:4px;
}

#gal_right_bottom a:hover {
	text-decoration:underline;
}

.gal_thumb {
	width:86px;
	height:86px;
	margin:0px 2px 2px 0px;
	float:left;
}

.gal_thumb_bottom {
	width:86px;
	height:86px;
	margin-right:2px;
	float:left;
}

#site_rite {
	margin-top:2px;
	float:left;
	z-index:50;
}


#site_rite ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, Verdana, "sans serif";
  font-size:13px;
  line-height:160%;
}

#site_rite ul li {
  float: left;
  padding:0px 0px 0px 0px;
  display: block;
  margin-right:0px;
}

#site_rite ul li a {
  display: block;
  overflow: hidden;
  height: 350px;
  width: 30px;
  border-left:2px #FFFFFF solid;
}

#a1 {
  width: 637px;
}

#site_rite ul li img {
  position: absolute;
  cursor:pointer;
}

.button img {
  position: absolute;
}

ul li p {
  margin: 0;
  padding: 10px 15px 10px 45px;
  display: block;
  margin-left: 0px;
}

.architecture {
  margin: 0;
  width:325px;
  padding: 65px 320px 0px 58px;
  display: block;
  margin-left: 0px;
  background-image:url('../images/Architecture_bg.jpg');
  height:290px;
}

.interiors {
  margin: 0;
  width:320px;
  padding: 65px 290px 0px 58px;
  display: block;
  margin-left: 0px;
  background-image:url('../images/Interior_bg.jpg');
  height:290px;
}

.construction {
  margin: 0;
  width:324px;
  padding: 65px 255px 0px 58px;
  display: block;
  margin-left: 0px;
  background-image:url('../images/Construction_bg.jpg');
  height:290px;
}

.project_management {
  margin: 0;
  width:291px;
  padding: 65px 255px 0px 58px;
  display: block;
  margin-left: 0px;
  background-image:url('../images/PM_bg.jpg');
  height:290px;
}

ul li a#a1 { width: 30px; border-left:2px solid #FFF;}

#footer {
	width:700px;
	height:30px;
	margin-left:110px;
	border-top:2px solid #FFF;
	background-color:#e7e8e8;
	clear:both;
}