@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background-image:url(images/hatch.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height:9pt;
	color:#666;
	padding:0px;
	margin:0px;
}

#small {
	padding-top:5px;
	font-size:8pt;
}

#wrapper {
	background-color:#fff;
	position:relative;
	width:900px;
	height:640px;
	padding-left:36px;
	margin:0px auto 0 auto;
}

/* Top Stripes */

#topabout {
	background-image:url(images/stripeabout.gif);
	width:100%;
	height:5px;
}

#toptalk {
	background-image:url(images/stripetalk.gif);
	width:100%;
	height:5px;
}

#tophome {
	background-image:url(images/stripehome.gif);
	width:100%;
	height:5px;
}


/* Gutter */

#gutter {
	position:relative;
	float:right;
	background-image:url(images/gutter.gif);
	background-repeat:no-repeat;
	color:#666666;
	width:370px;
	height:640px;
	top:0px;
	right:0px;
	bottom:auto;
	left:auto;
}

#gutterlinkhome {
	position:relative;
	top:43px;
	left:11px;
	width:160px;
	height:85px;
}

#gutterlinkhome img {
	padding:0px;
	margin:0px;
	border:0px;
}

#gutterlinkhome a {
	text-decoration:none;
}


#gutterlink {
	position:relative;
	top:-35px;
	left:200px;
	width:160px;
	height:85px;
}

#gutterlink img {
	padding:0px;
	margin:0px;
	border:0px;
}

#gutterlink a {
	text-decoration:none;
}

#guttertalk {
	position:relative;
	float:right;
	background-image:url(images/gutter.gif);
	background-repeat:no-repeat;
	color:#666666;
	width:370px;
	height:640px;
	top:0px;
	right:0px;
	bottom:auto;
	left:auto;
}

#gutterweare {
	position:relative;
	float:right;
	background-image:url(images/gutter.gif);
	background-repeat:no-repeat;
	color:#666666;
	width:370px;
	height:640px;
	top:0px;
	right:0px;
	bottom:auto;
	left:auto;
}

#gutterleft {
	position:absolute;
	top:189px;
	left:15px;
	width:190px;
	height:400px;
}

#gutterleft h1 {
	font-size:9pt;
	font-variant:small-caps;
	line-height:10	pt;
	padding:5px 0 0 0;
	margin:0;
}

#gutterleft h2 {
	font-size:9pt;
	font-variant:small-caps;
	font-weight:bold;
	line-height:10pt;
	padding:2px 0 0 0;
	color:#ff0000;
	margin:0;
}

#gutterleft p {
	font-size:8pt;
	line-height:9pt;
	border-bottom:dotted;
	border-bottom-color:#fff;
	border-bottom-width:thin;
	padding:2px 0 5px 0;
	margin:0;
}

#gutterright {
	position:absolute;
	top:189px;
	right:1px;
	width:144px;
	height:400px;
}

#gutterright img {
	padding:0px;
	margin:0px;
	border:0px;
}

#gutterright a {
	text-decoration:none;
}

#guttertweet {
	background-image:url(images/guttertweet.gif);
	position:absolute;
	top:405px;
	right:0px;
	width:144px;
	height:120px;
	font-size:8pt;
}

#guttertweet ul {
	list-style:inside;
	list-style-type:none;
	text-decoration:none;
	margin:0px;
	padding:25px 5px 7px 7px;
}


#guttertweet a {
	color:#333;
	text-decoration:none;
}


/* Content */

#content {
	position:absolute;
	float:right;
	width:468px;
	height:263px;
	top:31px;
	right:auto;
	bottom:auto;
	left:36px;
}

#contentweare {
	position:absolute;
	float:right;
	width:468px;
	height:180px;
	top:31px;
	right:auto;
	bottom:auto;
	left:36px;
}

#proj {
	clear:both;
	position:relative;
	width:468px;
	top:296px;
	right:auto;
	bottom:auto;
	left:0;
}

#projleft {
	position:absolute;
	width:144px;
	height:36px;
	top:0px;
	left:0px;
}

#projleft img {
	padding-bottom:1px;
	margin:0px;
	border:0px;
}

#projleft  a {
	text-decoration:none;
}

#projright {
	position:absolute;
	width:322px;
	height:36px;
	top:0px;
	right:0px;
}

#projright img {
	padding-bottom:1px;
	margin:0px;
	border:0px;
}

#projright  a {
	text-decoration:none;
}

#weare {
	position:absolute;
	float:right;
	width:468px;
	height:400px;
	top:213px;
	right:auto;
	bottom:auto;
	left:36px;
}

#contact {
	position:absolute;
	width:468px;
	height:182px;
	top:31px;
	float:right;
}

#map a {
	color:#666;
	text-decoration:none;
}

#map a:hover {
	color:#999;
	text-decoration:none;
}

#map {
	color:#666;
	float:left;
	width:468px;
}

#talk {
	position:absolute;
	float:right;
	width:468px;
	height:300px;
	top:330px;
	right:auto;
	bottom:auto;}