body {
	text-align: center;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	color: #555;
	margin: 0;
	padding: 0;
	background: #000;
}
body#contact {
	background: #efefef;
	padding: 20px;
	text-align: left;
}
iframe {
	border: 0;
	/*display: none;*/
}
a {
	color: #009999;
}
a:hover {
	text-decoration: none;
	background: #efefef;
}
p.button a {
	padding: 6px 15px;
	text-decoration: none;
	background: #efefef;
	border: 1px solid #555;
}
p.button a:hover {
	background: #FFFF9F;
}
p#message {
	background: #FFFF9F;
	padding: 2px 8px;
	margin: 4px 0 0;
}
p.green {
	border: 1px solid green;
	color: green;
}
p.red {
	border: 1px solid red;
	color: red;
}
#top {
	padding: 1.5em 0 .5em;
	background: #fff;
}
.content {
	width: 800px;
	margin: auto;
	padding: 0;
	text-align: left;
}
.right {
	float: right;
	width: 450px;
	margin-left: 20px;
}
.left {
	width: 330px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-size: 150%;
}
h1 span {
	background-color: #ffffcc;
}
h4 {
	margin-top: .5em;
}
body#contact h4 {
	margin-top: 0;
	border-bottom: 1px dashed #ccc;
}
p {
	line-height: 1.5em;
	font-size: 100%;
	margin: 0;
	padding: .5em 0;
}
img#matt {
	float: right;
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
}
#apps {
	text-align: center;
}
#bottom {
	clear: both;
	padding: .75em 0 .5em;
	background: #000 url(/images/prism.jpg) top left repeat-x;
	background-position: 0 -97px;
}
ul#social {
	list-style-type: none;
	margin: 0;
	padding: 12px 0 0 0;
}
ul#social li {
	padding-bottom: 6px;
}
ul#social li img {
	vertical-align: middle;
}
ul#social li a:hover {
	background-color: transparent;
}
input#button {
	padding: 4px 12px;
}
td {
	padding: 6px 6px 0 0;
}
td {
	font-size: 82%;
}
td b {
	font-weight: normal !important; /* to fix PEAR defaults */
}
.clear {
	height: 20px;
	clear: both;
	padding-bottom: 0px;
	border-bottom: 1px solid #0f0f0f;
	width: 800px;
	margin: 0 auto 50px;
}
.clearSmall {
	height: 1px;
	clear: both;
	padding-bottom: 0px;
}