html {
	height: 100%;
	background: #fff url('/images/bg-mesh-yellow-big.png') repeat fixed top left;
}

body {
	background: transparent url('/images/bg-top-left.jpg') no-repeat fixed top left;
	font: 13px/1.6em 'Helvetica Neue',Helvetica,Verdana,sans-serif;
	color: #666666;
	height:100%;
	min-height:600px;
	min-width:800px;
	text-align:center;
}

a {
	color: #84b400;
	text-decoration: none;
}

h1#title {
	bottom:26px;
	color:#999999;
	display:block;
	font-size:15px;
	font-weight:lighter;
	left:190px;
	position:fixed;
	z-index:3;
}

#vert-floater
{
	float:left;
	height:50%;
	margin-top:-316px;/* half vertical height*/
	width:100%;
}

#horiz-container
{
	z-index: 0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:632px;
	overflow:visible;/* do not allow content to scroll inside element */
	text-align:left;
	clear:both;
	padding: 0;
	position:relative;
}

#content {
	position: absolute;
	bottom: 52px;
	width:100%;
}

#content p {
	font-size: 13px;
	line-height: 2em;
	margin-bottom: 2em;
	width: 768px;
}

#content h1 {
	font-size: 21px;
	padding-bottom: 10px;
	margin-bottom: 28px;
	border-bottom: 1px dotted #ccc; 
}

#content h2 {
	font-size: 17.5px;
	margin-bottom: 28px;
}

#nav {
	background: transparent url('/images/bg-nav.png') repeat-x top left;
	height: 35px;
	width: 100%;
	position: fixed;
	bottom: 20px;
	z-index: 2;
}

#logo {
	display: block;
	float: left;
	margin:6px 0 0 20px;
}

#twitter_div {
	background: transparent url('/images/bg-tweet.png') no-repeat left top;
	bottom:23px;
	color:#333333;
	font-family: 'Lucida Grande',sans-serif;
	font-size: 24.7833px;
	min-height:80px;
	right:26px;
	line-height:24.7833px;
	padding:25px 0 0 102px;
	position:absolute;
	width:365px;
	z-index:1;
	word-wrap: break-word;
}

#twitter_div #twitter_update_list {
	background-color: #fff;
	display:block;
	padding:0 0 0 20px;
	width:345px;
}

#sn-icons {
	display: inline-block;
	float: right;
	margin-top:-10px;
}

#sn-icons a img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#nav-list ul {
	list-style-type: none;
	display: block;
	float: right;
	margin: 0 20px;
}

#nav-list ul li {
	display: inline;
	float: left;
	height:25px;
	margin-top:6px;
}

#nav-list ul li a {
	height:25px;
	display: inline-block;
	padding:8px 15px 0 15px;
	margin-top:-6px;
}

#nav-list ul li a { color: #84b400; }
#nav-list ul li a:hover { color: #84b400; }
#nav-list ul li.selected a { color: #999; }

table { margin-left: 10px; }

table tr td { padding: 10px 20px 10px 0; }

table tr td .panel-center img { height: 512px; } 

.box {
	height:560px;
	background-color: transparent;
	overflow:hidden;
	position: relative;
}

.wide {	width:820px; }

.narrow { width:394px; }

.panel-left {
	width:26px;
	height:560px;
	background: transparent  url('/images/bg-content-l.png') no-repeat top left;
	float:left;
}

.panel-center {
	height:512px;
	background: transparent  url('/images/bg-content-c.png') repeat-x top left;
	float:left;
	padding:25px 0 23px 0;
}

.panel-right {
	width:26px;
	height:560px;
	background: transparent  url('/images/bg-content-r.png') no-repeat top left;
	float:left;
}

.centered { margin: 0 auto; }

#content form { width: 768px; }

#visitor-name, #visitor-email {
	background: transparent url('/images/bg-inputs.png') no-repeat 0 0;
	padding:20px;
	width: 382px;
	height: 20px;
	margin-bottom:10px;
}

#visitor-name input, #visitor-email input {
	border: 0 none;
	width: 250px;
}

#visitor-name label, #visitor-email label, #visitor-message label {
	margin: 0 1em 1em 0;
	display: inline-block;
}

#visitor-message {
	background: transparent url('/images/bg-inputs.png') no-repeat 0 -62px;
	padding:20px;
	width: 382px;
	height: 282px;
	margin-bottom:10px;
	float: left;
}

#visitor-message textarea {
	width: 382px;
	height: 246px;
}

#btn-send {
	float: left;
	margin-top: 100px;
	margin-left: 60px;
}

form input, form textarea {
	font: 13px/1.4em 'Lucida Grande',Lucida,Verdana,sans-serif;
	color: #666;
}