/*
  StudioMakgill
  Copyright (C) 2009 by Systemantics, Bureau for Informatics

  Lutz Issler
  Mauerstr. 10-12
  52064 Aachen
  GERMANY

  Web:    www.systemantics.net
  Email:  mail@systemantics.net

  Permission granted to use the files associated with this
  website only on your webserver.

  Changes to these files are PROHIBITED due to license restrictions.
*/



* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	margin: 16px;
}
img,
input[type=text] {
	border: 0;
}
img {
	vertical-align: top;
}
a,
.thumbnails li.text a,
#related li .description a {
	border-bottom: 0;
	text-decoration: none;
}
a.here,
a:hover,
.information p a,
.submit,
#personaliseButton:hover,
.selected,
.text a {
	border-bottom: 1px solid black;
}
*:first-child+html a.here,
*:first-child+html a:hover,
*:first-child+html .information p a,
*:first-child+html .submit,
*:first-child+html #personaliseButton:hover,
*:first-child+html .selected,
*:first-child+html .text a {
	text-decoration: underline;	/* for IE 7 only */
}
*:first-child+html #logo a {
	text-decoration: none;	/* for IE 7 only */
}
* html a.here,
* html a:hover,
* html .information p a,
* html .submit,
* html #personaliseButton:hover,
* html .selected,
* html .text a {
	text-decoration: underline;	/* for IE 6 only */
}
* html #logo a {
	text-decoration: none;	/* for IE 6 only */
}
#back a:hover,
.statement a:hover,
.thumbnails a:hover {
	border: 0;
}
body,
a {
	color: black;
}
ul {
	list-style: none;
}
#content,
#personalise,
#personalise div
#level2,
ul,
h2,
.article,
.back,
.commands,
.thumbnails,
.collaborators li,
.information p {
	clear: left;
}
#menu,
#content,
#personalise,
ul,
li,
h2,
.information .column,
.article,
.commands {
	float: left;
}
#logo h1 {
	font: normal 14px/16px "Helvetica","Arial",sans-serif;
}
#level1,
h2,
div.text h1,
#link {
	font: italic 14px/16px "Georgia","Times New Roman","Times",serif;
}
div.text h1 {
	line-height: 24px;
}
#level2,
#personalise,
.collaborators {
	font: normal 13px/16px "Courier New","Courier",monospace;
}
div.information p,
div.text {
	font: normal 22px/24px "Helvetica","Arial",sans-serif;
}
/* Have to split these because of IE 6 */
input[type=text] {
	font: normal 22px/24px "Helvetica","Arial",sans-serif;
}
p.followup {
	text-indent: 32px;
}
h2,
.pdfbutton,
#personalise {
	margin-top: 8px;
}
h2 {
	margin-top: 16px;
}
#level2 {
	margin-top: 2px;
}
#categories,
#related .description,
.commands {
	font: normal 11px/12px "Courier New","Courier",monospace;
}
#categories,
#back {
	position: absolute;	/* for IE 6 only */
}
* > #categories,
* > #back {
	position: fixed;	/* for all others */
}
#categories {
	bottom: 0px;
	background: white;
	height: 28px;
	left: 0;
	padding: 10px 0 0 16px;
	width: 100%;
	z-index: 1000;
}
.thumbnails li,
#related li {
	margin: 0 8px 8px 0;
}
.thumbnails li {
	height: 128px;
	width: 168px;	/* for IE 6 only */
}
.thumbails > li {
	width: auto;	/* for all others */
}
#related li .description,
div.text {
	background: #eee;
}
#related,
h2.spaced {
	margin-top: 16px;
}
#related li .description,
#related li .image {
	position: absolute;
}
#related li {
	height: 80px;
	width: 120px;
}
#related li .description a {
	display: block;
}
#related li .description a {
	height: 77px;
	padding: 3px 0 0 5px;
	width: 115px;
}
#related li .description {
	visibility: hidden;
	z-index: 0;
}
#related li:hover .description {
	visibility: visible;
	z-index: 200;
}
#related li .image {
	filter: Alpha(opacity=50);
	margin: 0 !important;
	padding: 0 !important;
	z-index: 100;
}
.submit,
.clickable,
.pdfbutton span,
#personaliseButton {
	cursor: pointer;
}
div.text {
	height: 564px;
	padding: 5px 9px;
	width: 843px;
}
#back {
	left: 893px;
}
.details div.image {
	padding-top: 16px;
}
.details div.image:last-child,
p.shortlines,
p.last,
h2.spaced {
	margin-bottom: 16px;
}
#menu {
	padding-bottom: 16px;
}
#content {
	margin-bottom: 40px;
}
div.information p {
	width: 861px;
}
#contEmailAddress,
#personaliseTitle {
	width: 500px;
}
#personalise,
.hidden {
	display: none;
}
/* Have to split these because of IE 6 */
input[type=submit] {
	display: none;
}
.information .column {
	width: 303px;
}
.statement {
	letter-spacing: -1px;
	max-width: 984px;
	padding-top: 28px;
}
.statement-small {
	font: italic 82px/80px Georgia, "Times New Roman", Times, serif;
	word-spacing: -2px;
}
.statement-large {
	font: italic 130px/120px Georgia, "Times New Roman", Times, serif;
	word-spacing: -10px;
}
#link {
	letter-spacing: 0;
	word-spacing: 0;
}
.pdfbutton {
	height: 8px;
}
.pdfbutton span {
	padding-right: 5px;
}
.information {
	margin-top: -16px;
}
#content,
#related,
#content h2,
#menu ul {
	width: 100%;
}
.article {
	display: none;
	margin-top: 8px;
	overflow: hidden;
}