/*Copyright Daniel Davis, 2008. Do not copy any code, files or content without written permission. Contact daniel@nzarchitecture.com for information*/
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	color: black;
	background: white url(../image/bg.gif) repeat top center;
	text-align: center;
	height: 1600px;
}
#main{
background-color: white;
height: 100%;
background: url(../image/white_90.png) repeat;
	position: relative;
	margin: 0 auto;
	width: 960px;
	top: 0px;
	text-align: left;
}
#map{
	width: 960px;
	position: relative;
	height: 500px;
	background: url(../image/map8.png) no-repeat;
}
#blurb{
	position: absolute;
	top: 80px;
	left: 160px;
	width: 250px;
	height: 240px;
	background: url(../image/bg_90.png) repeat;
	padding: 5px 0 0 5px;
}
#blurb a{
	color: black;
	text-decoration: none;
}
#blurb a:hover{
	color: #d60000;
	text-decoration: none;
}
#blurb h1{
	margin: 0;
	padding: 0;
	font-size: 32px;
}
#blurb h2{
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 24px;
}

/*
*
*Contact 
*
*/
#contact{
	position: absolute;
	top: 80px;
	right: 0px;
	width: 315px;
	height: 75px;
	background: url(../image/bg_90.png) repeat;
	padding: 5px 0 0 5px;
}
#contact h1{
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 24px;
}
#contact h2{
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 24px;
}
#contact a{
	color: black;
	text-decoration: none;
}



/*
*
*Sort buttons
*
*/
#content {
	position: absolute;
	top: 560px;
}

#sort{
	left: 160px;
	top: 0px;
	position: absolute;
	width: 720px;
	font-size: 24px;
}
#sort .bold{
	font-weight: bold;
}

#sort a {
	color: black;
	text-decoration: none;
}
#sort a:hover{
	color: #d60000;
}

/*
*
*Boxes 
*
*/
.b_p0_0, .b_p1_0, .b_p2_0, .b_p3_0, .b_p4_0, .b_p5_0,
.b_p0_1, .b_p1_1, .b_p2_1, .b_p3_1, .b_p4_1, .b_p5_1,
.b_p0_2, .b_p1_2, .b_p2_2, .b_p3_2, .b_p4_2, .b_p5_2,
.b_p0_3, .b_p1_3, .b_p2_3, .b_p3_3, .b_p4_3, .b_p5_3,
.b_p0_4, .b_p1_4, .b_p2_4, .b_p3_4, .b_p4_4, .b_p5_4,
.b_p0_5, .b_p1_5, .b_p2_5, .b_p3_5, .b_p4_5, .b_p5_5,
.b_p_hidden, .b_p_clicked{
	position: absolute;
}
.b_p0_0{top: 80px; left: 0px;}
.b_p1_0{top: 80px; left: 160px;}
.b_p2_0{top: 80px; left: 320px;}
.b_p3_0{top: 80px; left: 480px;}
.b_p4_0{top: 80px; left: 640px;}
.b_p5_0{top: 80px; left: 800px;}
.b_p0_1{top: 240px; left: 0px;}
.b_p1_1{top: 240px; left: 160px;}
.b_p2_1{top: 240px; left: 320px;}
.b_p3_1{top: 240px; left: 480px;}
.b_p4_1{top: 240px; left: 640px;}
.b_p5_1{top: 240px; left: 800px;}
.b_p0_2{top: 400px; left: 0px;}
.b_p1_2{top: 400px; left: 160px;}
.b_p2_2{top: 400px; left: 320px;}
.b_p3_2{top: 400px; left: 480px;}
.b_p4_2{top: 400px; left: 640px;}
.b_p5_2{top: 400px; left: 800px;}
.b_p0_3{top: 560px; left: 0px;}
.b_p1_3{top: 560px; left: 160px;}
.b_p2_3{top: 560px; left: 320px;}
.b_p3_3{top: 560px; left: 480px;}
.b_p4_3{top: 560px; left: 640px;}
.b_p5_3{top: 560px; left: 800px;}
.b_p0_4{top: 720px; left: 0px;}
.b_p1_4{top: 720px; left: 160px;}
.b_p2_4{top: 720px; left: 320px;}
.b_p3_4{top: 720px; left: 480px;}
.b_p4_4{top: 720px; left: 640px;}
.b_p5_4{top: 720px; left: 800px;}
.b_p0_5{top: 880px; left: 0px;}
.b_p1_5{top: 880px; left: 160px;}
.b_p2_5{top: 880px; left: 320px;}
.b_p3_5{top: 880px; left: 480px;}
.b_p4_5{top: 880px; left: 640px;}
.b_p5_5{top: 880px; left: 800px;}
.b_p_clicked{top: 0px; left: 0px;}
.b_p_hidden{visibility:hidden;}

.box {
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;
	width: 160px;
	height: 160px;
	border: none;
	background-color: white;
}
.boxOver{
	top: -10px;
	left: -10px;
	position: absolute;
	width: 180px;
	height: 180px;
	border: 2px solid black;
}
.boxClick{
	top: 0px;
	left: 0px;
	position: absolute;
	width: 960px;
	height: 480px;
	border: none;
}
.box img, .boxOver img{
	width: 100%;
	height: 100%;
	border: none;
}
.box .text, .boxOver .text{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
/*title boxes*/
#t0, #t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8 {
	font-size: 24px;
	width: 160px;
	height: 160px;
	text-align: left;
}
.ttext{
	margin-left: 5px;	
}
/*text on box over*/
.font {
	background-color: black;
	color: white;
	padding: 2px;
	font-size: 14px;
	line-height: 18px;
}
.font a{
	color: white;
	text-decoration: none;
}
.text {
	width: 240px;
}
.more{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #d60000;
	color: white;
	padding: 2px;
	font-size: 14px;
	visibility: hidden;
}
.more a{
	color: white;
	text-decoration: none;
}
#close{
	position: absolute;
	top: -20px;
	left: 0;
	background-color: #d60000;
	color: white;
	padding: 2px;
	font-size: 14px;
	visibility: inherit;
}
#close a{
	color: white;
	text-decoration: none;
}
/*lightbox*/
#TB_overlay {
	position: absolute;
	z-index:4;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1600px;
	background-color:black;
}
#ajaxcont {
	z-index: 20;
	width: 100%;
	height: 480px;
	position: absolute;
	margin: 0 auto;
	top: 560px;
	left: 0px;
}
#ajaxpre{
	position: relative;
	margin: 0 auto;
	width: 880px;
}
#ajax{
	background-color: white;
	width: 960px;
	height: 480px;
	border: 1px solid black;
}

#warning{
	position: absolute;
	color: red;
	font-size: 20px;
}