body {
	background-image: url('../images/background.jpg');
	margin: 0;
}
#bigart-background {
	position: relative;
	width: 978px;
	height: 700px;
	background-image: url('../images/bigart_minimal.png');
	margin: 0 auto;
	text-align: left;
	z-index: 2;
}
#sticky-tabs {
	position: relative;
	width: 552px;
	height: 114px;
	top: 88px;
	left: 310px;
	background-image: url('../images/tabs.png');
	z-index: 5;
}
#nav {
	width: 552px;
	height: 105px;
	padding: 0px;
	margin: 0px;
	z-index: 6;
}
#message {
	position: absolute;
	left: 0px;
	width: 94px;
	height: 114px;
}
#motivation {
	position: absolute;
	left: 93px;
	width: 90px;
	height: 114px;
}
#bigarteffect {
	position: absolute;
	left: 184px;
	width: 92px;
	height: 114px;
}
#shows {
	position: absolute;
	left: 272px;
	width: 92px;
	height: 114px;
}
#media {
	position: absolute;
	left: 364px;
	width: 93px;
	height: 114px;
}
#artcentres {
	position: absolute;
	left: 457px;
	width: 94px;
	height: 114px;
}
#logo-image {
	position: absolute;
	width: 129px;
	height: 165px;
	top: 18px;
	left: 180px;
	margin: 0 auto;
	text-align: center;
	z-index: 5;
}
#peace-image {
	position: absolute;
	width: 120px;
	height: 116px;
	top: 165px;
	left: 825px;
	background-image: url('../images/bigart_peace.png');
	margin: 0 auto;
	text-align: center;
	z-index: 5;
}
#notebook-coil {
	position: absolute;
	width: 56px;
	height: 418px;
	top: 159px;
	left: 142px;
	background-image: url('../images/notebook_coil.png');
	margin: 0 auto;
	text-align: center;
	z-index: 5;	
}
#notebook-image {
	position: relative;
	width: 721px;
	height: 418px;
	top: 45px;
	left: 15px;
	background-image: url('../images/notebook_bigarteffect.png');
	margin: 0 auto;
	text-align: center;
	z-index: 4;
}
#sidetabs {
	position: absolute;
	width: 84px;
	height: 80px;
	top: 250px;
	left: 205px;
	/* background-image: url('../images/bigart_peace.png'); */
	margin: 0 auto;
	text-align: center;
	z-index: 7;
}
#notebook-text {
	position: absolute;
	top: 85px;
	left: 150px;
	width: 498px;
	height: 290px;
	font-family: Cambria, Georgia;
	font-size: 0.85em;
	margin: 0 auto;
	text-align: left;
	padding-right: 7px;
	overflow-y: auto;
	z-index: 6
}
#pencil-image {
	position: absolute;
	width: 160px;
	height: 27px;
	bottom: 90px;
	left: 610px;
	margin: 0 auto;
	text-align: center;
	z-index: 5;
}
#fedreg {
	position: absolute;
	bottom: 90px;
	left: 230px;
	font-family: Cambria, Georgia;
	font-size: .90em;
	font-weight: bold;
	color: #660099;
	margin: 0 auto;
	z-index: 5;
}
#text-purple {
	font-weight: bold;
	color: #802783;
}
#titles-purple { /* shows */
	font-family: Cambria, Georgia;
	font-size: 1.25em;
	font-weight: bold;
	color: #802783;
	z-index: 5;
}
#titles-navy { /* art centre */
	font-family: Cambria, Georgia;
	font-size: 1.25em;
	font-weight: bold;
	color: #420093;
	z-index: 5;
}
#titles-blue { /* media */
	font-family: Cambria, Georgia;
	font-size: 1.25em;
	font-weight: bold;
	color: #0b334d;
	z-index: 5;
}
#titles-lightblue { /* message */
	font-family: Cambria, Georgia;
	font-size: 1.25em;
	font-weight: bold;
	color: #05494d;
	z-index: 5;
}
#titles-green { /* motivations */
	font-family: Cambria, Georgia;
	font-size: 1.25em;
	font-weight: bold;
	color: #4f7625;
	z-index: 5;
}
#titles-brown { /* big art effect */
	font-family: Cambria, Georgia;
	font-size: 1.25em;
	font-weight: bold;
	color: #be3c09;
	z-index: 5;
}
#titles-grey { /* contact */
	font-family: Cambria, Georgia;
	font-size: 1.25em;
	font-weight: bold;
	color: #3b3a3a;
	z-index: 5;
}
hr {
	border: 1px dotted #660099; 
	border-style: none none dotted;
}
#img {
	padding-right: 5px;
}
#table {
	width: 453px;
	margin: 0 auto;
}
#th {
	color: #000;
	font-weight: bold;
}
#td {
	float: left;
	width: 151px;
	height: 44px;
}
#td_grey {
	float: left;
	width: 135px;
	height: 35px;
	font-weight: bold;
	color: #fff;
	padding-top: 7px;
	background-image: url('../images/cell_grey.png');
}

#td_white {
	float: left;
	width: 135px;
	height: 35px;
	color: #000;
	padding-top: 7px;
	background-image: url('../images/cell_white.png');
}
#td_end {
	float: left;
	width: 135px;
	height: 35px;
	color: #000;
	padding-top: 7px;
	background-image: url('../images/cell_end.png');
}
#form {
	/* background-color: red; */
	width: 305px;
	height: 250px;
	position: absolute;
	top: 40px;
	left: 195px;
}
a.screen, a.screen:visited {
	color:#c00; 
	position:relative; 
	z-index:1;
}
a.screen b {
	position:absolute;
	visibility:hidden; /* hide the image */
	width:100px; /* give it a width */
	height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
	border:0px solid #000; /* add a border */
	left:350; /* position:the image */
	top:-45px;
}
a.screen:hover {
	text-decoration:none; 
	border:0; /* needed for this to work in IE */ 
	z-index:1000;
}
a.screen:hover b {
	visibility:visible; /* make the image visible */
	height:150px; /* now give it a height */
	cursor:pointer; /* for IE */
	z-index:500; 
}
a.screen:hover b img {
	border:0; /* remove the link border */
}