html body {
  margin: 0;
  padding: 0;
  font: 76%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
html>body {font: 76%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
  margin: 0;
  padding: 0;
}
/*
global default styles
*/
.hide {display: none;}
img {border: 0; margin: 0; padding: 0;
  vertical-align: bottom;}
html { height: 100%;}
body {
  background: #000000;
  height: 100%;
}
.floatright {
  float: right;
}
.right {
  text-align: right;
}
span.center {
  text-align: center;
  display: block;
}
span.small {
  font-variant: italics;
  font-size: 0.8em;
}
/*
Site styles
*/
h2 {
  font-size: 2.0em;
  font-weight: bold;
  color: #3D6313;
  text-align: center;
  border-bottom: 1px solid #3D6313;
  margin: 0;
  padding: 0 0 15px 0;
  margin: -10px 0 8px 0;
}
h4 {
  text-align: left;
  font-size: 1.8em;
  color: #3D6313;
  margin: 0 0 8px 0;
  padding: 0 0 0 0;
  font-weight: normal;
}
h4.marginTop {
  margin-top: 30px;
}
img.title {
  display: block;
  margin: 0 auto 0 auto;
  }
p {
  line-height: 1.4em;
  font-size: 1.2em;
  margin: 20px 0 20px 0;
  padding: 0;
}
p.tightUp {
  margin-top: 3px;
}
p.tightDown {
  margin-bottom: 3px;
}
ul.marginDown {
  margin-bottom: 30px;
}
ul {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 10px 5px 10px 45px;
  list-style-type: circle;
}
hr {
  color: #3D6313;
  background-color: #3D6313;
  height: 1px;
  padding: 0;
  border: 0;
}
a.topLink
{
  color: #3D6313;
  font-size: 1.0em;
  font-weight: bold;
}
.topLink img
{
  margin-right: 20px;
}
#contact {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 1;
  text-align: right;
  font-size: 2.0em;
  color: #87A8C5;
  padding-bottom: 10px;
}
#contact2 {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 0;
  text-align: right;
  font-size: 2.0em;
  color: #254765;
  padding-bottom: 10px;
}
#contact a {
  color: #356287;
  text-decoration: none;
}
#contact2 a {
  color: #09253C;
  text-decoration: none;
}
#contact a:hover {
  color: #6D98BB;
  text-decoration: underline;
}
#contact .small, #contact2 .small {
  font-size: 0.4em;
  white-space: nowrap;
  margin: 1px 0 6px 0;
  padding: 0 2px 0 0;
}
#contact .medium, #contact2 .medium {
  font-size: 0.8em;
}
#shots {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 16%;
}
#screenshots {
  position: relative;
  top: 0px;
  left: 0px;
}
.screenshot {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.backdrop {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
}
#layout-table {
}
td.top {
  height: 154px;
  background: black url(../images/topBG.jpg) 0 0 repeat-x;
}

td.title {
  height: 68px;
  background: black url(../images/titleBG.gif) 0 100% repeat-x;
}

#title, #logoWrapper {
  text-align: center;
}
#logo {
  height: 154px;
}
#logoWrapper {
  height: 154px;
}
#logoImg {
  vertical-align: bottom;
  height: 154px;
}
#menu {
  background: black url(../images/button5.gif) 50% 0 no-repeat;
  height: 32px;
  width: 600px;
  margin: 0 auto 10px auto;
}
.message {
  color: #356287;
  text-align: center;
  white-space: nowrap;
  padding-top: 9px;
}
.message a {
  font-size: 1.1em;
  color: #A4BFD6; 
  text-decoration: none;
}
.message a:hover {
  color: #DDEBF8;
  text-decoration: underline;
}
.message a:active, #active {
  color: #fff;
  text-decoration: none;
}
#leftBar {
  background: black url(../images/leftBG.jpg) 100% 110px no-repeat;
}
#rightBar {
  background: black url(../images/rightBG.jpg) 0 110px no-repeat;
}

#content {
  text-align: center;
  vertical-align: top;
  width: 700px;
  margin: 0;
  padding: 0;
}
table.content-table {
  width: 100%;
  table-layout: fixed;
  margin: 0;
}
td.ul {
  background: url(../images/corners/ul.gif) 0 0 no-repeat;
  width: 20px;
  height: 20px;
}
td.ulblue {
  background: #020A17 url(../images/corners/ul.gif) 0 0 no-repeat;
}
td.ullblue {
  background: #111937 url(../images/corners/ul2.gif) 0 0 no-repeat;
}
td.u {
  background: url(../images/corners/u.gif) 0 0 repeat-x;
  height: 20px;
}
td.ur {
  background: url(../images/corners/ur.gif) 100% 0 no-repeat;
  width: 20px;
  height: 20px;
}
td.urblue {
  background: #020A17 url(../images/corners/ur.gif) 100% 0 no-repeat;
}
td.urlblue {
  background: #111937 url(../images/corners/ur2.gif) 100% 0 no-repeat;
}
td.l {
  background: url(../images/corners/l.gif) 0 0 repeat-y;
}
td.r {
  background: url(../images/corners/r.gif) 100% 0 repeat-y;
}
td.content-cell {
  background: #AFD0D5;
  color: #000000;
  padding: 10px 25px 4px 25px;
  height: 100%;
  text-align: left;
  vertical-align: top;
}
div.blue {
  background: #020A17;
  height: 8px;
}
div.lblue {
  background: #111937;
  height: 8px;
}

td.bl {
  background: url(../images/corners/bl.gif) 0 100% no-repeat;
  width: 20px;
  height: 20px;
}
td.blblue {
  background: #020A17 url(../images/corners/bl.gif) 0 100% no-repeat;
}
td.bllblue {
  background: #111937 url(../images/corners/bl2.gif) 0 100% no-repeat;
}
td.b {
  background: url(../images/corners/b.gif) 0 100% repeat-x;
}
td.br {
  background: url(../images/corners/br.gif) 100% 100% no-repeat;
  width: 20px;
  height: 20px;
}
td.brblue {
  background: #020A17 url(../images/corners/br.gif) 100% 100% no-repeat;
}
td.brlblue {
  background: #111937 url(../images/corners/br2.gif) 100% 100% no-repeat;
}
td.brlblue {
  background: #111937 url(../images/corners/br2.gif) 100% 100% no-repeat;
}

#dripFlash {
  text-align: center;
}


/* contact */
h4.contact {
  font-size: 1.9em;
  font-weight: bold;
  text-align: center;
  color: #1A5784;
  margin: 0 0 0 0;
  padding: 0;
}
h4.green {
  color: #3D6313;
}
hr.small {
  width: 70%;
}
#contact-table {
width: 620px;
  font-size: 1.4em;
  margin: -15px 0px 0 0px;
  border-top: 1px solid #98C0C6;
  border-bottom: 1px solid #98C0C6;
  padding: 0;
}
#nameCell {
  text-align: center;
}
a.mailLink {
  font-size: 1.0em;
  vertical-align: bottom;
  color: #27699B;
}
a.mailLink:hover {
  color: #288AD6;
}
.phone {
  font-size: 1.4em;
  color: #1A5784;
  border-bottom: 1px solid #173B57;
  padding-bottom: 5px;
}
.red {
  border-color: #BF0C36;
  border-style: solid;
}
p.red {
  border: none;
  text-align: center;
  color: #BF0C36;
  margin: 3px 0 3px 0;
}
span.prompt {
  color: #092D47;
  font-weight: bold;
}

/* portfolio */
h4.portfolio {
  text-align: center;
  margin: -8px 0 0 0;
  font-size: 2.0em;
  padding-bottom: 12px;
  border-bottom: 1px solid #162901;
}
h2.portfolio {
  margin: -10px 0 8px 0;
  padding-bottom: 15px;
}
a.portfolio {
  font-size: 1.2em;
  color: #3D6313;
  display: block;
  text-align: center;
  margin: 5px 0 20px 0;
}
a.portfolio:hover {
  color: #659530;
}
a.google {
  font-size: 1.2em;
  color: #1F76BA;
  display: block;
  text-align: center;
  margin: -10px 0 20px 0;
}
a.google:hover {
  color: #3D95D9;
}
img.portfolio {
  margin: 15px auto 0 auto;
  display: block;
  border: 3px solid #3D6313;
}
span.hideShow {
  font-size: 1.4em;
  color: #1F76BA;
  cursor: pointer;
}

/* Tips */
span.code {
  background: #fff;
  border: 1px solid #999;
  padding: 4px 30px 4px 6px;
  margin-left: 10px;
  font-family: Arial;
}
span.inlineCode {
  font-family: "Courier New", "Courier", "monospace";
  white-space: nowrap;
}