body {
	background: #c1c1c1;
	margin: 0;
	padding: 0;
	font-family: verdana, tahoma sans-serif;
}
h1, h2, h3 {
	margin: 0;
	padding: 5px 0 10px 0;
	font-weight: normal;
}
h1 {font-size: 2em; }
h2 {font-size: 1.5em; }
h3 {font-size: 1em; }

form {
	margin: 0;
	padding: 0;
}
input, textarea {
	font-family: verdana, tahoma, sans-serif;
	font-size: .75em;
	margin: 5px 0 10px 0;
}

label.error {
	color: #f4dd1e;
	font-size: .7em; 
	padding: 0 0 0 20px;
	font-style: italic;
	text-decoration: blink;
}
.txt {
	padding: 6px 4px 4px 6px;
	border: none;
	color: #333;
	background: transparent url(../img/text_shadow.jpg) top left no-repeat;
}
.labelify {
	color: #999;
}

#facade {
	position: relative;
	width: 800px;
	margin: 20px auto;
	background: #FFF;
}
#noscript {
	width: 800px;
	margin: 20px auto;
}
	/* message */
	#msg {
		position: absolute;
		width: 600px;
		height: 100px;
		margin: 75px 0 0 25px;
		color: #F0F0F0;
		overflow: auto;
	}
	/* enter link */
	#enter {
		position: absolute;
	}


#canvas {
	display: none;
	position: relative;
	width: 950px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	margin: 20px auto;
	background: #FFF;
}

	#splash {
		display: none;
	}
	#about {
		position: absolute;
		color: #FFF;
		font-size: .7em;
		width: 500px;
		height: 250px;
		text-align: right;
		margin: 90px 0 0 400px;
	}
	#about p {
		text-align: right;
		text-indent: 2em;
	}
	#contact {
		width: 550px;
		height: 280px;
		margin: 60px 0 0 50px;
	}
	#contact2 { 
		margin: 300px 0 0 600px;
		width: 300px;
		text-align: right;
	}
	#contact, #contact2 {
		position: absolute;
		color: #FFF;
		font-size: .8em;
	}

	#folioname {
		font-size: .7em;
		color: #666;
		text-transform: uppercase;
		margin: 5px 0 20px 140px;
		padding-left: 15px;
		background: transparent url('../img/arrows.png') no-repeat -10px 2px;
	}
		#folioname a {
			color: #666;
			text-decoration: none;
		}
		#folioname a:hover { color: #000; }
	#buttons {
		position: absolute;
		width: 100px;
		height: 50px;
		margin: -80px 0 0 840px
	}
		#buttons td {
			background: #e1dfe0;
			width: 40px;
			text-align: center;
			color: #999;
			font-weight: bold;
		}
		#buttons td a {
			display: block;
			text-decoration: none;
			color: #999;
		}
		#buttons td a:hover { color: #000; }

	#content {
		width: 100%;
	}
		#content table {
			float: right;
		}
		#content td a img {
			border: 1px solid #FFF;
			padding: 2px;
		}
		#content td a:hover img {
			border: 1px solid #999;
		}
			html>body #info, html>body #info a { background: transparent url("../img/folio_bg.png") repeat; }
			#info {
				position: absolute;
				overflow: hidden;
			}
				#info a {
					display: block;
					width: 30px;
					position: absolute;
					text-decoration: none;
				}
				#box table {
					margin-left: 35px;
				}
				#box td {	
					padding: 5px 20px 5px 10px;
					font-size: .7em;
					color: #666;
					text-align: justify;
					vertical-align: middle;
				}
#footer {
	margin: 20px auto;
	width: 800px;
	text-align: center;
	font-size: .7em;
	color: #888;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }

.cleanup {
	height: 1px;
	line-height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}