/* dead simple css background */
* {margin:0;padding:0;}
html, body {min-height: 100%}
body {
	background:#eee url(img/bg.png);
	color:#222;
	font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	font-size:14px;
	line-height:1.8em;
}
#welcome {background:url(img/welcome.png) no-repeat 0 0; padding: 120px 0 0 20px; clear:both; text-shadow:0 1px 0 #FFFFFF;}
#welcome p {color:#666; font-size:1.3em; line-height:1.3em; margin:.2em 0 0 .5em}
#welcome h1 {color:#B22B2B;font-size:6em;font-weight:lighter;line-height:.8em;}

a img {border:0}
a:link, a:active, a:focus ,a:visited  {color: #666; text-decoration:none}
a:hover {color: #666;}
p {margin: 0 0 1em}

#portfolio img {border: 1px solid #eee;}
#portfolio a img, #portfolio a:link img, #portfolio a:visited img {opacity:1}
#portfolio a:hover img {opacity:.75}
.piece {
	background:#fff; 
	float:left; 
	margin:10px 20px 10px 0; 
	padding:10px; 
	border-color:#E9E9E9 #E9E9E9 #CCCCCC;
	border-style:solid;
	border-width:1px 1px 2px
	}

/* navigation */
.button{float: left; width:100px; margin:0 10px; cursor: pointer}
#portfolio-button {opacity: 1;}
#telepathy-button {opacity: .3;}

#portfolio, #telepathy {display:none; padding: 20px 0 20px 20px;clear:both}
#portfolio {display: block}

/* contact form */
#contact-form {width:480px;clear:both}

form li {
	clear:both;
	list-style-type:none;
	}
	
form .text-input{
	width:100%;
	margin: 0 0 0.5em;
	padding: 4px;
	background: #000;
	opacity: .5;
	color:#eee;
	border: 1px solid #e0e0e0;
}
form .single {height: 1.5em}
form input.button {
	padding: 4px;
	margin:0;
	background: #f7f7f7;
	border: 1px solid #e0e0e0;
	font-size: 85%;
	color:#eee;
	background: #000;
	opacity: .5;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
}
form input.button:hover {
	color:#fff;
	background:#333;
}

#message-sent {	background: #f7f7f7;border: 1px solid #e0e0e0;padding:1em;opacity: .7}
#message-sent h2 { font-size:150%}
#message-sent p {}