body {
	background:#e9e9e9 url("bg.jpg") top center fixed no-repeat;
	margin:0;
}
#hold {
	color:#53525b;
	margin:0 auto;
	position:relative;
	width:900px;	
}
#quote {
	background:white;
	border:1px dashed #eee;
	font:italic 10px/13px "trebuchet ms", sans-serif;
	padding:15px 30px;
	position:absolute;
	right:50px;
	top:150px;
	width:350px;
	z-index:2;
}
#quote span {
	display:block;
	text-align:right;
}
#canvas {
	background:white url("title.jpg") no-repeat;
	font:12px/17px "trebuchet ms", sans-serif;
	padding:300px 50px 150px 200px;
	position:relative; /* for previous, next, b */
	width:650px;
}
#canvas p {
	margin:0;
	text-indent:30px;
}
#canvas b {
	background:#a2a2a2;
	font:10px/10px sans-serif;
	padding:20px 0;
	position:absolute;
	right:-50px;
	text-align:center;
	text-transform:uppercase;
	width:50px;
}
h1 {
	font:35px/35px "Yanone Kaffeesatz", "Terminal Dosis Light", monospace;
	margin:25px 5px 5px 0;
	/* text-transform:uppercase; */
}
hr {
	border:1px solid white;
	margin:0 0 100px 0;
}

/* links */

a img, p { /* p */
	border:none;
	display:block;
	margin:0;
}
a {
	color:#13121d;
	font:900 11px sans-serif;
	text-decoration:none;
	text-shadow:#ccc 1px 1px 1px;
}
a:focus, a:hover, #notes a:hover, #submit:hover, a.on {
	color:red;
	cursor:pointer; /* for submit button */
	outline:none; /* voids Firefox & Safari borders */
}
#top:hover {
	border-color:red;
}

/* menu */

#menu {
	background:white url("menu.jpg") no-repeat;
	left:-50px;
	padding:45px 10px 70px 0;
	position:absolute;
	text-align:right;
	top:230px;
	width:120px;
	z-index:3;
}
#menu a {
	display:block;
	font:900 11px/22px sans-serif;
}
#menu blockquote { 
	border-left:1px solid #eee;
	left:130px;
	margin:-51px 0 0 0;
	padding:30px 20px;
	position:absolute;
}
#art {
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	font:10px/20px sans-serif;
	margin:15px -10px 15px 0;
	padding:15px 10px 15px 0;
}

/* previous and next */

#previous {
	float:left;
	font:50px/100px sans-serif;
	left:160px;
	position:absolute;
	top:57%;
}
#next {
	float:right;	
	font:50px/100px sans-serif;
	margin-left:20px;
	position:absolute;
	top:57%;
}

/* contact form */

input, textarea {
	background:#e9e9e9;
	border:0;
	color:black;
	font:12px/15px "trebuchet ms", sans-serif;
	margin:0 0 15px 0;
	padding:5px 10px;
	width:400px;
}
label {
	display:inline-block;
	width:150px;	
	vertical-align:top;
}
#submit {
	background:black;
	border:0;
	color:white;
	font:900 12px/15px sans-serif;
	left:154px;
	position:relative;
	width:100px;
}

/* bottom */

#top {
	border-bottom:2px solid #888;
	bottom:-2px; /* IE */
	display:block;
	font:35px/30px monospace;
	left:0;
	position:absolute;
	text-align:center;
	width:900px;
}
#notes {
	background:url("bottom.jpg") no-repeat;
	color:#aaa;
	font:9px/11px sans-serif;
	height:130px; /* makes bottom 200px total */
	padding:70px 50px 0 200px; /* IE is counting 50px as 100px */
	text-transform:uppercase;
}
#valid {
	float:left;
	text-align:right;
	text-transform:none;
}
#web {
	border-left:1px dashed #ccc;
	border-right:1px dashed #ccc;
	display:block;
	float:left;
	margin:-25px 25px 0 25px;
	padding:25px 25px 35px 25px;
	text-align:center;
}