body{
  margin: 0px;
  padding: 0px;
  background-color: #333333;
  font-size:11pt;  
}

#menu{
	margin:0 auto;
  background-color: #231f20;
  color: #fff;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  line-height:1.6em;
  //word-spacing:1.5em;
  width:100%;  
}
#menu a{
  color: #E4E8A2;
  text-decoration: none;
  display:inline-block;
  padding:4px 1.5em 4px 1.5em;
}
#menu a:hover{
	color:#477b39;
}


#header{
  background-color: #231f20;
  text-align: center;
  width:100%;  
}
#header img{
	max-width:100%;
}

#footer{
  background-color: #231f20;
  color: #FFFFFF;
  text-align: center;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  padding:4px 0 4px 0;
}
#footer a, #footer a:visited{
	color:#99CCFF;
}

#content{
  margin: 0 auto;
  text-align:center;
  padding:0;
  font-family:Georgia, "Times New Roman", Times, serif;
}

#maincontent{
	margin: 0 auto;
	padding:1em;
	text-align:left;
  background-color:#fff;
  font-family:Georgia, Times, "Times New Roman", serif;
  position:relative;
  overflow:auto;
}
#maincontent h1{
	font-size:1.5em;
}
#maincontent h2{
	font-size:1.2em;
}
#maincontent a, #maincontent a:visited{
	color:#990000;
	text-decoration:none;
}
#maincontent a:hover{
	color: #8080C0;
}

.homebox, .homebox2{
  overflow: hidden;
  margin: 0 auto;
  display: inline-block;
  position:relative;
  width: 50%;
  min-width:300px;
  font-family: Calibri, "Trebuchet MS", sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  min-width:160px;
}
.fb-like-box{
	float:right;
	height:100%;
	margin-top:30px;
	z-index:2;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style]{
	width:100% !important;
	min-width:300px;
}



@media screen and (min-device-width: 600px){
	#content, #maincontent{
		width: 90%;
	  min-width:320px;
	  max-width:1024px;
	}
	.homebox, .homebox2{
	  width: 50%;
	  min-width:300px;
	  font-size: 1.4em;
	  min-width:160px;
	}
	.homebox img, .hombox2 img{
		max-width:100%;
	}	
	
}
@media screen and (max-device-width: 320px){
	#content, #maincontent{
		width:100%;
	  min-width:240px;
	  max-width:320px;
	}
	.homebox, .homebox2{
	  width: 100%;
	  min-width:240px;
	  font-size: 1.4em;
	}
	.homebox img, .hombox2 img{
		max-width:50%;
	}	
}



.homebox a, .homebox2 a{
	text-decoration:none;
  margin: 0px;
  padding: 4px;
  display:block;
  position:absolute;
  bottom:4px;
  //text-shadow:2px 2px 4px #444444;
}
.homebox a {
  right: 4px;
}

.homebox2 a {
  left: 4px;
}

.homebox img, .hombox2 img{
	margin:0;
	padding:0;
}

.homebox2 img{
	float:right;
}
.homebox img{
	float:left;
}

#content a:hover{
	color:#ffffff;
}
#home_design{
	color:#d4b2a6;
}
#home_education{
	color:#477b39;
}

#home_heritage {
  color: #dd811e;
}
#home_history {
  color: #604725;
}
#home_collections {
  color: #dd811e;
}
#home_maori {
  color: #fff;
}

.rightbox{
float:right;
clear:right;
border-left:1px solid #de7308;
border-right:1px solid #de7308;
border-top:1px solid #de7308;
border-bottom:1px solid #de7308;
overflow:auto;
background-color:#ffffff;
width:300px;
height:33%;
padding:0 0 0 0;
margin:2px 2px 2px 2px;
list-style-image:none;
}
.imgright{
display:block;
float:right;
margin:5px;
list-style-image:none;
clear:right;
}
.imgcentre{
display:block;
clear:both;
margin:0 auto;
list-style-image:none;
}