body {
  margin: 0;
  padding: 0;
  background: #626c77 url(../img/bg.gif) repeat-x;
  font-family: Arial;
  color: #000;
  font-size: small;
  text-align: left;
}

a img {
  border: 0;
}

h4 {
  font-size: 1em;
  margin: 0 0 2px;
}

ul, p, ul.long li {
  margin: 0 0 15px;
}

ul.long {
  margin: 0;
  clear: both;
}

ul {
  padding: 0 0 0 16px;
}

.hide {
  display: none;
}

#heading {
  text-align: center;
  margin: 15px auto;
  padding: 8px 0;
  font: 16px/1.9em Arial;
  color: #9ab;
  /* position: absolute; */
  width: 100%;
  letter-spacing: .1em;
  letter-spacing: .5em;
  text-transform: uppercase;
  z-index: 98;
}

#heading1 {
  text-indent: .5em;
  color: #fff;
  display: inline-block;
  border-right: 1px solid #666;
  padding-right: 5px;
}

#nav {
  margin: 0 auto;
  list-style: none;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  font: 11px Arial;
  text-transform: uppercase;
  letter-spacing: .1em;
}

#nav li {
  display: -moz-inline-stack;
  display: inline-block;
  width: 112px;
  text-align: center;
  margin: 0 4px;
}

#nav li a {
  display: -moz-inline-stack;
  display: inline-block;
  color: #bdf;
  text-decoration: none;
  width: 112px;
  padding: 3px 0 0;
}

#nav li a span {
  display: block;
  padding: 10px 0 8px;
  -moz-opacity: .7;
  opacity: .7;
}

#nav li a:hover span, #nav li.selected a span {
  -moz-opacity: 1;
  opacity: 1;
}

#nav li a:hover {
  color: #fff;
  background: url(../img/nav.gif) 0 -102px no-repeat;
}

#nav li a:active {
  outline: none;
}

#nav li a:focus {
  -moz-outline-style: none;
}

#nav li.selected a, #nav li.selected a:hover {
  color: #000;
  background: url(../img/nav.gif) no-repeat;
}

#main {
  margin: 0 6% 8px;
  font: 16px/1.3em Arial;
  background: #fff url(../img/main.gif) 0 bottom repeat-x;
}

.section {
  background: url(../img/rounded.gif) right 0 no-repeat;
  padding-right: 10px;
}

.wrapper {
  background: url(../img/rounded.gif) no-repeat;
  padding: 30px;
}

#main h1 {
  margin: 0 0 15px;
  font: 1.7em/1em Arial;
  color: #3b4b67;
}

#main a, #main a:visited {
  color: #4277d4;
  text-decoration: none;
}

#main a.button, #main a.button:visited {
  color: #3159a2;
  border: 0;
  position: relative;
  top: 12px;
  margin-right: 3px;
  padding: 8px 0 10px 12px;
  font: 16px/1.5em Arial, Helvetica, sans-serif;
  background: url(../img/buttons.gif) no-repeat;
  white-space: nowrap;
  cursor: pointer;
}

#main a.button.back, #main a.button.back:visited {
  padding: 8px 12px 10px 0;
  background: url(../img/buttons.gif) right -396px no-repeat;
}

#main a.button strong, #main a.button:visited strong {
  padding: 8px 36px 10px 0;
  font-weight: normal;
  background: url(../img/buttons.gif) right 0 no-repeat;
}

#main a.button.back strong, #main a.button.back:visited strong {
  padding: 8px 0 10px 36px;
  background: url(../img/buttons.gif) 0 -396px no-repeat;
}

#main a.button.down strong, #main a.button.down:visited strong {
  background: url(../img/buttons.gif) right -132px no-repeat;
}

#main a.button.up strong, #main a.button.up:visited strong {
  background: url(../img/buttons.gif) right -264px no-repeat;
}

#main a.button.cancel strong, #main a.button.cancel:visited strong {
  background: url(../img/buttons.gif) right -528px no-repeat;
}

#main a:hover {
  color: #0059f6;
  border-bottom: 1px dotted #0059f6;
}

#main a.button:hover {
  color: #b1844b;
  border: 0;
  background-position: 0 -44px;
}

#main a.button.back:hover {
  border: 0;
  background-position: right -440px;
}

#main a.button:hover strong {
  background-position: right -44px;
}

#main a.button.back:hover strong {
  background-position: 0 -440px;
}

#main a.button.down:hover strong {
  background-position: right -176px;
}

#main a.button.up:hover strong {
  background-position: right -308px;
}

#main a.button.cancel:hover strong {
  background-position: right -572px;
}

#main a:active {
  color: #ab4e39;
  border-bottom: 1px solid #ab4e39;
}

#main a.button:active {
  color: #ab4e39;
  border: 0;
  background-position: 0 -88px;
  outline: none;
}

#main a.button.back:active {
  background-position: right -484px;
}

#main a.button:active strong {
  background-position: right -88px;
}

#main a.button.back:active strong {
  padding: 8px 0 13px 36px;
  background-position: 0 -484px;
}

#main a.button.down:active strong {
  background-position: right -220px;
}

#main a.button.up:active strong {
  background-position: right -352px;
}

#main a.button.cancel:active strong {
  background-position: right -616px;
}

#main a.noborder {
  border: 0;
}

#main a.view {
  font: normal 1.8em Arial;
  border: 1px dotted #0059f6;
  display: block;
  float: right;
  padding: 6px 12px;
  margin: 20px;
}

#main a.view:hover {
  border-style: solid;
}

.wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.photo {
  width: 60px;
  height: 60px;
  background: url(../img/awong.jpg) no-repeat;
  float: right;
  display: block;
  margin: 0 0 0 3px;
  border: 1px solid #818aa0;
}

#showProfile, #hideProfile {
  float: left;
}

.left {
  clear: both;
  float: left;
  margin: 4px 10px 10px 0;
}

.right {
  clear: both;
  float: right;
  margin: 4px 0 10px 10px;
}

.sidebar, .small p, .small div, .small ul, ul.small {
  font: 13px/1.3em Arial, Helvetica, sans-serif;
}

.sidebar {
  color: #3b4b67;
}

.footer {
  margin: 30px 0 0;
  padding: 15px 15px 0;
  border: 1px dotted #818aa0;
  background: #e7edf4;
}

.small li {
  margin: 0 0 8px;
}

.caption {
  display: block;
  margin-top: 3px;
}

.axial th {
  text-align: right;
  padding: 8px 3px;
}

.axial td {
  padding: 8px 3px;
}

.aligntop {
  vertical-align: top;
}

.nobr {
  white-space: nowrap;
}

#portfolio {
  margin: 0 auto;
  list-style: none;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  font: normal 1.8em Arial;
}

#portfolio li {
  display: -moz-inline-stack;
  display: inline-block;
  text-align: center;
  margin: 0 20px 8px;
}

#portfolio li a {
  display: -moz-inline-stack;
  display: inline-block;
  border-bottom: 1px dotted #0059f6;
}

#portfolio li a:hover {
  border-bottom-style: solid;
}

#portfolio li.selected a, #portfolio li.selected a:hover, #portfolio li.selected a:active, #portfolio li.selected a:visited {
  color: #3b4b67;
  border: 0;
  cursor: text;
}

.portfolio {
  margin: 0 auto 20px;
}

table.portfolio tfoot td {
  padding: 15px;
  font-size: 1.2em;
  text-align: center;
}

.portfolio td {
  vertical-align: top;
  padding: 10px;
}

#main .portfolio a, #main .portfolio a:hover, #main .portfolio a:active, #main .portfolio a:visited {
  border: 0;
}

.portfolio div {
  text-align: center;
  font: normal 13px "Arial";
  color: #3b4b67;
}

#main .portfolio a.thumb, #main .sidebar a.thumb {
  display: block;
  width: 150px;
  height: 116px;
  border: 1px solid #818aa0;
  background-repeat: no-repeat;
  margin: 0 0 4px;
}

#main .portfolio a.thumb:hover, #main .sidebar a.thumb:hover {
  border: 1px solid #0059f6;
}

#main .portfolio a.sf {
  background-image: url(../img/sf.jpg);
  width: 200px;
  height: 155px;
}

.styleguide {
  background-position: 0 -156px;
}

.snippet {
  background-position: 0 -311px;
}

.recruiting {
  background-position: 0 -466px;
}

.iphone {
  background-position: 0 -622px;
}

.sm {
  background-position: 0 -776px;
}

#main .portfolio a.twowire, #main .sidebar a.twowire {
  background-image: url(../img/2wire/2wire.jpg);
}

#main .portfolio a.sites {
  background-image: url(../img/sites/sites.jpg);
}

.setupwiz, .poppe {
  background-position: 0 -117px;
}

.firewall, .mozilla {
  background-position: 0 -232px;
}

.parental_controls, .netscape {
  background-position: 0 -348px;
}

.wra, .intel {
  background-position: 0 -464px;
}

.voice_network, .chrysler {
  background-position: 0 -580px;
}

.sitemap, .cadillac {
  background-position: 0 -696px;
}

.mpl_flow, .sanjose {
  background-position: 0 -813px;
}

.virtualvin, .before {
  background-position: 0 -928px;
}

.before {
  height: 122px;
}

.asimba {
  background-position: 0 -1044px;
}

address {
  margin: 0 auto 20px;
  font-style: normal;
  color: #9ab;
  text-align: center;
}

.yui-u .yui-g, .yui-u .yui-gb, .yui-u .yui-gc, .yui-u .yui-gd, .yui-u .yui-ge, .yui-u .yui-gf {
  width: 100%;
}

.yui-u .yui-gc .yui-u.first {
  width: 22%;
}

.yui-u .yui-gc .yui-g .yui-u.first {
  width: 49%;
}