body {
  color:#000;
  font-family:'lucida grande', 'lucida sans unicade', sans-serif;
  font-size:100%;
  line-height:1.3;
  background-color:#F6F6F6;
  margin:0;
  padding:0;
}

/* HEADER */
#head {
  text-align:center;
  height: 134px;
  position: relative;
  clear: both;
  float: left;
  overflow: hidden;
  width: 774px;
}
#head img {
  vertical-align:middle;
  margin:20px 0 6px 0px;
  padding:0;
  border:0;
}
#head h1 {
  color:#000;
  font-family:'georgia', 'bitstream vera serif', serif;
  font-size:4em;
  font-weight:normal;
  letter-spacing:-3px;
  line-height:1;
  margin:0;
  padding:20px 0 8px 0;
}
#head h1 a, #head h1 a:link, #head h1 a:visited, #head h1 a:hover {
  color:#100;
  text-decoration:none;
}
#head ul {
  font-size:17px;
  font-family:"lucida console", "monaco", "andale mono", "bitstream vera sans mono",
    "consolas", monospace;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:2px;
  text-align:center;
  margin:0;
  padding:0 17px 0.25em 17px;
}
#head ul li {
  display:inline;
  list-style-type:none;
  padding:0 0.5em 0 0;
  white-space: nowrap;
}
#head ul li.active a, #head ul li.active a:hover {
  text-decoration:underline;
}
#head ul a, #head ul a:link, #head ul a:visited {
  color:#56534f;
  text-decoration:none;
}
#head ul a:hover {
  color:#000;
  text-decoration:underline
}

/* CONTENT */

#home #wrap {
	background: url('/wp-content/uploads/2010/01/watermark.png') no-repeat 615px 450px;
	width: 1024px;
}

#wrap {
	width: 774px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#wrap div {
	position: relative;
}

#home #content {
	width: 1024px;
}

#content {
  color:#333;
  font-size:1.1em;
  width: 774px;
  margin:0px auto;
  border-top:2px solid #837d7c;
  z-index: 200;
  position: relative;
  float: left;
}

#wrap .page {
	width: 774px;
	position: relative;
}

#content .pipe { position: relative; clear: both; margin: 0; padding: 50px 0 0 0; float: left; width: 1024px;}

#content .pipe p { position: relative; float: left; clear: none; width: 291px; margin: 0;}
#content .pipe pre { position: relative; float: rght; clear: none; width: 673px;}

.page{
  border-bottom:2px solid #837d7c;
}

strong {
  font-weight:bold;
}

table td.contact {
	padding-right: 48px;
	width: 320px;
}
table h3 {
	margin-top: 0px;
}
table td {
	vertical-align:top;
}
table.products td {
	padding-bottom: 20px;
}
table.products {
	margin-bottom: -24px;
}
table td.logo {
	padding: 12px 24px 0 12px;
	width: 180px;
}
table td.pad {
	padding-right:0px;
}
table textarea {
	width: 300px;
	height: 150px;
}

table.office {
	margin-top: 20px;
	margin-bottom: 30px;
}
table.contact-page {
	width: 100%;
	margin-top: 30px;
}
table.office td.address {
	padding-left: 12px;
}

table.office img {
   padding:1px;
   border:1px solid #021a40;
}
table.nav {
	width:100%;
}
table.nav a {
	color:#666;
	font-size:14px;
}
table.nav a:hover {
	color:#910;
}
table.nav td.left-nav{
	text-align:left;
}
table.nav td.right-nav{
	text-align:right;
}
span.title {
	font-family:"lucida console", "monaco", "andale mono", "bitstream vera sans mono",
	    "consolas", monospace;
	font-size:24px;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:bold;
}
span.subtitle {
	font-size:14px;
	white-space: pre;
}

.products td {
	white-space: pre;
}

p.subtext {
	font-size: 14px;
}
#content ul li {
	font-family:"lucida console", "monaco", "andale mono", "bitstream vera sans mono",
	    "consolas", monospace;
	font-size:14px;
	padding-top:0.5em;
	line-height:1.15;
	color:#666;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
  color:#000;
}
h1, h2 {
  color:#211d1f;
  font-family:'georgia', 'bitstream vera serif', serif;
  font-weight:normal;
}
h1 a, h2 a { color:#222 }
h1 {
  font-size:2.25em;
  letter-spacing:-1px;
  margin-bottom:0;
}
h2 {
  font-size:1.5em;
  letter-spacing:-1px;
  margin:1.25em 0 -0.32em 0;
}
h3 {
  color:#211d1f;
  font-size:1.02em;
  font-weight:bold;
  margin:1.8em 0 -0.25em 0;
  letter-spacing:-1px;
}
h3 a {
  color:#000;
  text-decoration:underline;
}

/* LINKS */
a {
  color:#000;
  text-decoration:none;
}
a:hover {
  color:#910;
  text-decoration:underline;
}
a img {
  border:none;
}
a.out {
  background: url("../../../../images/link-out.gif"/*tpa=http://itickmark.com/images/link-out.gif*/) center right no-repeat;
  padding-right: 12px;
}


/* CODE */

code, pre, textarea, tt {
  font-family:"lucida console", "monaco", "andale mono", "bitstream vera sans mono",
    "consolas", monospace;
}
pre {
  font-size:18px;
  background:#f4f5f5;
  border:2px solid #d5d0d2;
  padding:0 20px 20px 20px;
  line-height:1.15;
  color:#222;
}
code, tt {
  font-size:0.85em;
  color:#444;
}
h1 code, h2 code, h3 code, h4 code {
  color:#333;
}
pre code {
  font-size:1em;
  color:#222;
}
span.shrink {
	font-size:.8em;
}
span.more a {
	font-size:.6em;
}

/* MISC */

hr {
  margin:3em 0;
  padding:0;
  color:#eee;
}
hr.header {
	margin:0 0 24px 0;
}
ol.home {
  list-style-type:decimal-leading-zero;
}
.principles {
	padding:0 0 24px 36px;
	margin:0 0 24px 36px;
}
ol.principles li {
  margin-bottom:10px;
  list-style-type:decimal-leading-zero;
}
div.spacer {
	height:20px;
	font-size:0;
}

/* HOME */

body#home {
  background: #f6f6f6; /* url(../images/legend.gif) no-repeat fixed right 130px; */
}
#home #content {
  font-size:1.05em;
  margin:20px 0 0 0;
  padding:0 20px;
  border-width:0;
  position: relative;
  float: none;
}

p.open {
	margin:0 0 0 428px;
}

.pipe {
  clear:both;
  padding:50px 0;
  position: relative;
  clear: both;
}
.pipe p {
  color:#000;
  font-size:62px;
  font-family:'georgia', 'bitstream vera serif', serif;
  letter-spacing:-3px;
  line-height:1;
  text-align:right;
  margin:0em 43% 0 0;
  padding:0 60px 0 0;
}
.pipe pre {
  float:right;
  background:transparent;
  font-size:28px;
  margin:0;
  padding:5px 0 0 0;
  width:42%;
  border-width:0;
}
.pipe pre code {
  color:#666;
  background:transparent;
}
.pipe.shell pre code a {
  color:#666;
}
.pipe.shell pre code a:hover {
  text-decoration:none;
  color: #910;
}
.pipe.shell p {
  font-size:46px;
}
.pipe.shell pre {
  font-size:18px;
}
.pipe.nav p {
  font-size:76px;
  letter-spacing:-6px;
}
.pipe.nav pre {
  font-size:36px;
  padding-top:20px;
  text-transform:uppercase;
  letter-spacing:4px;
  line-height:1.25;
}
#content div.nav {
	padding: 25px 0 0 0;
	margin: 0;
}
.pipe.nav a, .pipe.nav a:link, .pipe.nav a:visited {
  color:#444;
  text-decoration:none;
}
.pipe.nav a:hover {
  color:#910;
  text-decoration:underline;
}

/* FOOTER */
#foot {
	border-top: 2px solid #837D7C;
	color: #666;
	font-size: 12px;
	margin: 60px 0 20px 0;
	position: relative;
	clear: both;
	height: 56px;
	width: 1024px;
	line-height:20px;
	float: left;
}

#foot .logo {
	float:left;
}

#foot .logo p,
#foot .copy p {
	padding: 11px 0 11px 0;
	margin: 0;
}

#foot .copy {
	float:right;
	text-align:right;
}

#foot p.learn {
	margin: -18px 0 0 24px;
}

#foot a:hover {
	color: #910;
	text-decoration:none;
}

#footer {
	color: #666;
	font-size: 11px;
	margin:0 0 16px 0;
	width: 774px;
	position: relative;
	clear: both;
	height: 56px;
	float: left;
}

#footer .logo {
	position: relative;
	float:left;
}

#footer .copy p,
#footer .logo p {
	padding: 11px 0 11px 0;
	margin: 0;
}

#footer .copy {
	float:right;
	text-align:right;
}
div.container {
	overflow: auto;
	width: 100%
}

/* BLOG POSTS */

div.post { margin:2em 0 }
div.post h1 a { text-decoration:none }
div.post h1 a:hover { text-decoration:underline }
p.meta {
  font-size:0.8em;
  color:#555;
  margin-top:0;
}

/* ABOUT PAGE */

body#about ul li{
  margin-bottom:20px;
}
body#about #content strong, body#about #content a {
  font-weight:bold;
}