/* ---------------------
         RESET
--------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* ---------------------
         NORMAL
------------------------
 F54S Green = #073838
--------------------- */
body {
  background: url('../images/bg.png');
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
}

h2 {
  font-size: 18px;
}

a {
  color: #073838;
}

.g {
  color: #073838;
}

#container {
  width: 960px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
}

/* NAV BAR */
#main {
  background: url('../images/main-bg.png') no-repeat;
  position: absolute;
  top: 0;
  left: 50px;
  width: 337px;
  height: 560px;
  color: #fff;
}
#main-inner {
  position: absolute;
  width: 303px;
  top: 70px;
  left: 15px
}
#logo {
  position: absolute;
  width: 296px;
  height: 89px;
  top: 0;
  left: 3px;
  background: url('../images/logo1.png') no-repeat;
  cursor: pointer;
}
#logo h1 {
  margin-top: -500px;
}
#nav {
  position: absolute;
  width: 303px;
  top: 133px;
  left: 0;
}
#nav div{
  float: left;
  width: 151px;
  height: 25px;
  text-align: center;
  margin: 5px 0;
  cursor: pointer;
}
#descrip {
  position: absolute;
  width: 303px;
  top: 243px;
  left: 0;
  text-align: center;
  line-height: 1.2em;
}

/* CONTENT TABS */
.content {
  position: absolute;
  top: 0;
  right: 50px;
  width: 498px;
  height: 660px;
  margin-top: -700px;
}
.content-l {
  position: absolute;
  width: 6px;
  height: 636px;
  top: 0;
  left: 0;
  background: url('../images/bord_left.png') repeat-y;
}
.content-r {
  position: absolute;
  width: 12px;
  height: 636px;
  top: 0;
  right: 0;
  background: url('../images/bord_right.png') repeat-y;
}
.content-b {
  position: absolute;
  width: 498px;
  height: 24px;
  bottom: 0;
  left: 0;
  background: url('../images/bord_bottom.png') no-repeat;
}
.content-inner {
  position: absolute;
  width: 480px;
  height: 636px;
  left: 6px;
  top: 0;
  background: #fff;
}
.content-inner2 {
  margin: 120px 20px 20px 20px;
  line-height: 1.2em;
}

/* ABOUT */

#process {
  position: absolute;
  top: 236px;
  left: 33px;
}
.mapped {
  cursor: pointer;
}
.a {
  position: absolute;
  width: 210px;
  left: 140px;
  text-align: center;
  z-index: 6;
}
#a-0 {
  color: #ccc;
  top: 418px;
}
#a-1 {
  top: 387px;
}
#a-2 {
  top: 400px;
}
#a-3 {
  top: 368px;
}
#a-4 {
  top: 390px;
}
#a-5 {
  top: 351px;
}
#arrowcontainer {
  position: absolute;
  top: 300px;
  left: 125px;
  height: 220px;
  width: 200px;
  z-index: 5;
}

/* SERVICES */
#servicelist {
  list-style: disc inside;
  color: #023434;
  margin-left: 10px;
}
#servicelist span {
  color: #000;
}

/* WORK */
#clients {
  width: 140px;
  height: 137px;
  position: absolute;
  top: 155px;
  left: 20px;
  background-color: #073838;
  color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#clients ul {
  margin: 8px;
  line-height: 1.4em;
}
.clientli {
  cursor: pointer;
}
.cd {
  width: 280px;
  height: 137px;
  position: absolute;
  top: 155px;
  right: 20px;
}
#workinner {
  width: 435px;
  height: 315px;
  position: absolute;
  bottom: 10px;
  left: 20px;
}
#workimgs {
  width: 390px;
  height: 315px;
}
#worknav {
  width: 30px;
  text-align: right;
  position: absolute;
  right: 0;
  top: 83px;
}
#worknav ul {
  line-height: 100%;
}
#worknav li {
  margin-right: 2px;
}
.imgnav, .imgnav1 {
  cursor: pointer;
}

/* CONTACT */
.textreg, .textcapt, textarea {
  background-color: #ccd6d6;
  border: 1px solid #073838;
  line-height: 14px;
  padding: 2px;
}
.textreg{
  width: 435px;
}
.textcapt{
  width: 136px;
}
#body {
  width: 435px;
  height: 157px;
}
#cryptogram {
  border: 1px solid #000;
  margin: 5px 0;
}
#contactres {
  color: #f00;
}
#send1 {
  background: url("../images/send.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  cursor: pointer;
  height: 110px;
  width: 241px;
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 0;
}