body { margin: 18px; }

body, p, td {
	font-family: 'Akzidenz Grotesk', Arial, Helvetica;
	font-size: 12px;
	line-height: 14px;
	color: #000;
}


a img { border: 0; }

a.section {
	padding-left: 18px;
	color: #fff;
	display: block;
	background-color: #D4D4D7;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 1px;
}
/* except for */
a.section#sec8 {
	font-size: 10px;
}

.currentsection a.section {
	padding-left: 18px;
	color: #fff;
	display: block;
	background-color: #D4D4D7;
	border: none;
	line-height: 18px;
	text-decoration: none;
}

.section span {	font-weight: normal; }
/* slightly lighter colours */
#sec1 span { color: #DAE4C6;  }
#sec2 span { color: #8CACA4; }
#sec3 span { color: #ABD3CD;  }
#sec4 span { color: #ACBCCC;  }
#sec5 span { color: #E8B2D7;  }
#sec6 span { color: #A7CCE2;  }
#sec7 span { color: #8AA6C8;  }
#sec8 span { color: #EAEAEB;  }

#sec1 .subnav li { border-color: #DAE4C6;  }
#sec2 .subnav li { border-color: #8CACA4; }
#sec3 .subnav, #sec3 .subnav li, #sec3 .galleryText, #sec3 #subnav { border-color: #ABD3CD;  }
#sec4 .subnav, #sec4 .subnav li, #sec4 .galleryText, #sec4 #subnav  { border-color: #ACBCCC;  }
#sec5 .subnav li { border-color: #E8B2D7;  }
#sec6 .subnav li { border-color: #A7CCE2;  }
#sec7 .subnav li { border-color: #8AA6C8;  }
#sec8 .subnav li { border-color: #EAEAEB;  }


a#sec1 { background-color: #B5C98C; }
a#sec2 { background-color: #195949; }
a#sec3 { background-color: #56A79B; }
a#sec4 { background-color: #597799; }
a#sec5 { background-color: #CF65AE; }
a#sec6 { background-color: #4E99C4; }
a#sec7 { background-color: #144D8F; }
a#sec8 { background-color: #D4D4D7; }

a#sec1:hover { background-color: #B5C98C; background-image: url(i/stripe-anim2_03.gif); }
a#sec2:hover { background-color: #195949; background-image: url(i/stripe-anim2_06.gif); }
a#sec3:hover { background-color: #56A79B; background-image: url(i/stripe-anim2_08.gif); }
a#sec4:hover { background-color: #597799; background-image: url(i/stripe-anim2_10.gif); }
a#sec5:hover { background-color: #CF65AE; background-image: url(i/stripe-anim2_12.gif); }
a#sec6:hover { background-color: #4E99C4; background-image: url(i/stripe-anim2_14.gif); }
a#sec7:hover { background-color: #144D8F; background-image: url(i/stripe-anim2_16.gif); }



.preload { visibility:hidden; }

img.header { margin-bottom: 18px; }

.page {
	border-width: 0 18px 18px 18px;
	border-style: none solid solid solid;
	margin-bottom: 1px;
	padding: 12px;
	padding-top: 1px;
	color: #000;
}

.small { font-size: 10px; }

.page a { text-decoration: none; }
.page a:hover { text-decoration: underline; }
#sec1 .section { background-color: #B5C98C; margin: 0; }
#sec2 .section { background-color: #195949; margin: 0; }
#sec3 .section { background-color: #56A79B; margin: 0; }
#sec4 .section { background-color: #597799; margin: 0; }
#sec5 .section { background-color: #CF65AE; margin: 0; }
#sec6 .section { background-color: #4E99C4; margin: 0; }
#sec7 .section { background-color: #144D8F; margin: 0; }
#sec8 .section { background-color: #D4D4D7; margin: 0; }

#sec1 .page, #sec1 .subnav, #sec1 .hr { border-color: #B5C98C;  }
#sec2 .page, #sec2 .subnav, #sec2 .hr { border-color: #195949; }
#sec3 .page, #sec3 .subnav, #sec3 .hr { border-color: #56A79B;  }
#sec4 .page, #sec4 .subnav, #sec4 .hr { border-color: #597799;  }
#sec5 .page, #sec5 .subnav, #sec5 .hr { border-color: #CF65AE;  }
#sec6 .page, #sec6 .subnav, #sec6 .hr { border-color: #4E99C4;  }
#sec7 .page, #sec7 .subnav, #sec7 .hr { border-color: #144D8F;  }
#sec8 .page, #sec8 .subnav, #sec8 .hr { border-color: #D4D4D7;  }

#sec1 .subnav, #sec1 .page a  { color: #B5C98C;  }
#sec2 .subnav, #sec2 .page a  { color: #195949; }
#sec3 .subnav, #sec3 .page a  { color: #56A79B;  }
#sec4 .subnav, #sec4 .page a  { color: #597799;  }
#sec5 .subnav, #sec5 .page a { color: #CF65AE;  }
#sec6 .subnav, #sec6 .page a  { color: #4E99C4;  }
#sec7 .subnav, #sec7 .page a  { color: #144D8F;  }
#sec8 .subnav, #sec8 .page a  { color: #666;  }

/* slightly darker colours */
#sec1 .subnav a:hover, #sec1 .page a:hover, #sec1 .subnav a { color: #809E4D;  }
#sec2 .subnav a:hover, #sec2 .page a:hover, #sec2 .subnav a { color: #021F15; }
#sec3 .subnav a:hover, #sec3 .page a:hover, #sec3 .subnav a { color: #1D6D5E;  }
#sec4 .subnav a:hover, #sec4 .page a:hover, #sec4 .subnav a { color: #1F385C;  }
#sec5 .subnav a:hover, #sec5 .page a:hover, #sec5 .subnav a { color: #AA2877;  }
#sec6 .subnav a:hover, #sec6 .page a:hover, #sec6 .subnav a { color: #185C97;  }
#sec7 .subnav a:hover, #sec7 .page a:hover, #sec7 .subnav a { color: #021751;  }
#sec8 .subnav a:hover, #sec8 .page a:hover, #sec8 .subnav a { color: #333;  }

#sec3 .subnav { background-color: #ABD3CD;  }
#sec4 .subnav { background-color: #ACBCCC;  }

.subnav {
	border-width: 0 18px 0 18px;
	border-style: none solid none solid;
	line-height: 18px;
}

.subnav .menuTitle {
	padding: 0 12px;
	line-height: 18px;
	display: block;
	border-top: 1px white solid;	
}

#subnav {
	background: #fff;
	position: absolute;
	z-index: 100;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	border-right-width: 1px;
	border-right-style: solid;
	left: 39px;
}

.subnav a {
	text-decoration: none;
	font-weight: bold;
}

.subnav img { border: 0; margin-top: 2px;}

.subnav ul { 
	padding: 0;
	margin: 0;
	list-style-type: none
}

.subnav li { 
	padding: 0 12px;
	display: block;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	font-weight: bold;
}
	
/*2nd level subnav */
.subnav li ul { 
	display: inline;
	list-style-type: none
}
	
.subnav li li { 
	padding-left: 12px;
	display: inline;
	border: 0;
	font-weight: normal;
}
	
.workThumbs {
	border-width: 0 0px 1px 0px;
	border-style: none solid solid solid;
	padding: 3px;
}

.workThumbs a img {
	border: 0;
	width: 48px;
	height: 48px;
	background: #ACBCCC;
	vertical-align: top;
	margin-left: 3px
	}

.workThumbs span {
float: left;
	width: 144px;
	margin-left: 3px;
	font-weight: bold;
}

div.works { text-align: center; 
	margin-top: 18px; }

label, input, textarea {
	display: block;
	/*float: left;*/
	margin-bottom: 12px;
}

label {
	width: 270px;
	padding-right: 12px;
}

br { clear: left;
}
.hr {	border-width: 0 0 1px 0;
	border-style: none none solid none;
	margin: 12px 0px;
	height: 1px;
}

body, html {height: 100%;}

table.vcenter {
	width: 100%;
	height: 100%;
}

/*attempt at constraining width - unfortunately breaks floating subnav and centring
	width:expression(document.body.clientWidth > 800? "800px": "auto" );
	max-width:800px;
}
*/

.vcenter td {
	vertical-align: middle;
}

h2 {
	margin: 0;
	padding: 0;
	margin-top: 12px;
	font-size: 18px;
	line-height: 19px;
	font-weight: normal;
	}


table.projSummary {
	border-top:12px white solid;
}

.projSummary td {
	padding-top: 0;
	}
.projSummary img {
	margin-right: 18px;
	border-width: 1px;
	border-style: solid;
	border-color: #56A79B; 
}

.projSummary p {
margin-right: 8px;}

.projSummary a:hover {
	text-decoration: none;
}
.projSummary h2 {
	margin-top: 0;
}
#sec3 .projSummary p a {
	}
	
	
#map { margin-left: 24px; }
	
.showPreview {
	margin: 12px 0;
	background: url(i/leftbracket.gif) no-repeat top left;
	vertical-align: middle;
}

#sec4 .showPreview { background: url(i/leftbracket597799.gif) no-repeat top left; }
#sec4 .showPreview p { background: url(i/rightbracket597799.gif) no-repeat top right; }
#sec4 .showPreview a {	color: #D4D4D7; }
#sec4 .showPreview a .name, #sec7 .showPreview a .date { color: #597799; }
#sec4 .showPreview a:hover .name, #sec4 .showPreview a:hover .date { color: #1F385C; text-decoration: none; }
#sec4 .showPreview a:hover .exhibit, #sec4 .showPreview a:hover .date { color: #1F385C; text-decoration: none; }
#sec4 .showPreview a:hover { color: #B0B0B5; text-decoration: none; }

.showPreview p {
	background: url(i/rightbracket.gif) no-repeat top right;
	padding-top: 8px;
	padding-left: 82px;
	font-size: 18px;
	line-height: 19px;
	color: #C0C3C7;
	height: 70px;
}
.showPreview a {
	color: #C0C3C7;
	text-decoration: none;
}
.showPreview a .exhibit {
	color: #B5C98C;
}
.showPreview a .name {
	color: #616A74;
	text-transform: uppercase;
}

.showPreviewPrev {
	margin: 12px 0;
	background: url(i/leftbracket.gif) no-repeat top left;
	vertical-align: middle;
}

#sec4 .showPreviewPrev { background: url(i/leftbracketprev597799.gif) no-repeat top left; }
#sec4 .showPreviewPrev p { background: url(i/rightbracketprev597799.gif) no-repeat top right; }
#sec4 .showPreviewPrev a {	color: #D4D4D7; }
#sec4 .showPreviewPrev a .name, #sec7 .showPreview a .date { color: #597799; }
#sec4 .showPreviewPrev a:hover .name, #sec4 .showPreview a:hover .date { color: #1F385C; text-decoration: none; }
#sec4 .showPreviewPrev a:hover .exhibit, #sec4 .showPreview a:hover .date { color: #1F385C; text-decoration: none; }
#sec4 .showPreviewPrev a:hover { color: #B0B0B5; text-decoration: none; }

.showPreviewPrev p {
	background: url(i/rightbracket.gif) no-repeat top right;
	padding-top: 6px;
	padding-left: 82px;
	font-size: 18px;
	line-height: 19px;
	color: #D4D4D7;
	height: 45px;
}
.showPreviewPrev a {
	color: #D4D4D7;
	text-decoration: none;
}
.showPreviewPrev a .exhibit {
	color: #B5C98C;
}
.showPreviewPrev a .name {
	color: #616A74;
	text-transform: uppercase;
}

.showPreview img {
	float: right;
	margin-top: -6px;
	margin-right: 70px;
}
.showPreviewPrev img {
	float: right;
	margin-top: -8px;
	margin-right: 60px;
}
/* except */
img.thumbtwo {
	margin-right: 12px;
}

.clear { clear: both; }

.gallery {
	width: 100%;
}

/* galleryImage = large img version, and should be no wider than 400px, but may be any length */
.galleryImage {
	width: 400px;
	min-height: 400px;
}
.galleryText {
	border: 12px solid;
	width: 352px;
	padding: 12px;
	line-height: 11pt;
	min-height: 400px;
}
.gallery td {
	padding-top: 12px;
	padding-right: 12px;
	vertical-align: top;
}
.galleryText h2 {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 12px;
	line-height: 18pt;
}
.galleryText h4 {
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 14pt;
}
.galleryText p {
	padding-top: 0;
	margin-top: 0;
}
.thumbs { 
	 }
	
.thumbs img { 
	margin: 2px 0 0 2px; }
	
.thumbs a { }
.thumbs #imgOn {
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	}
.thumbs a img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border: 4px solid;
	}
.thumbs a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
#sec1 .thumbs a img { border-color: #B5C98C; }
#sec2 .thumbs a img	{ border-color: #195949; }
#sec3 .thumbs a img { border-color: #56A79B; }
#sec4 .thumbs a img { border-color: #597799; }
#sec5 .thumbs a img { border-color: #CF65AE; }
#sec6 .thumbs a img { border-color: #4E99C4; }
#sec7 .thumbs a img { border-color: #144D8F; }
#sec8 .thumbs a img { border-color: #D4D4D7; }

.details {
	margin-top: 12px;
/*	vertical-align: bottom !important; */
}

.details p {
font-size: 11px;
padding-top: 0;
margin-top: 0;
display: block;
margin-right: 18px;
margin-bottom: 0;
}
.details b {
}
.details p.desc {
margin-bottom: 1em;
}

.page td {
	vertical-align: top;
}

/* horrible float replacement */
.sinker td {
padding-top: 12px;
}


.more p {
display: none;
}