/* |                                  |
   |----------------------------------|          ,
   |      CSS developed by 3dphx  ,_  |  ,     .'<_
   |             Tempe, AZ       _> `'-,'(__.-' __<
   |           www.3dphx.com     >_.--(.. )Ê =;
   |             Ben Heise            |V-'`'\/``
   |----------------------------------|
   |                                  |

   =Common-Page-Styles
----------------------------------------------- */

html, body {
  height: 100%;
}

body {
  background: transparent url(../images/bg.gif) repeat-x 0 0;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 77%;
  margin: 0;
  text-align: center;
}

#body, .push, #footer, #footer div p {
  clear: both;
}

#footer, .push {
  height: 56px; /* .push must be the same height as .footer */
}

iframe {
  border: 0;
  clear: both;
  overflow-y: auto;
  _zoom: 1.0001;
}

.hide {
  display: none;
}

.remove-border {
  border: 0 !important;
}


/* =Font-Color
-----------------------------------*/
.portfolio { color: #989899;}

/* =Container
-----------------------------------*/

#container {
  height: auto !important;
  height: 100%;
  margin: 0 auto -57px; /* the bottom margin is the negative value of the footer's height */
  min-height: 100%;
  padding: 0 16px;
  position: relative;
  text-align: left;
  width: 749px;
}

/* =Header
-----------------------------------*/

#header {
  height: 100px;
  margin: 0;
  position: relative;
}

#header .logo, #header ul, #header #legend {
  position: absolute;
}

#header .logo {
  background: transparent url(../images/logo.gif) no-repeat 0;
  display: block;
  height: 51px;
  left: 0;
  margin: 0;
  text-indent: -9999em;
  top: 15px;
  width: 152px;
}

#header ul {
  height: 20px;
  top: 80px;
  left: 50%;
  line-height: 0;
  margin-left: -7em; /* half the width */
  width: 14em;
}

#header li {
  float: left;
  list-style: none;
  text-align: center;
}

#header li a, #footer div li, #footer div li a, #footer div p, #footer div p a {
  color: #999;
  text-decoration: none;
}

#header li a:hover , #footer div li a:hover, #footer div p a:hover {
  color: #7ac142;
  text-decoration: underline;
}

#header li a, .nav-bar, #header #legend p .tel, #header #legend p .email {
  text-indent: -9999em;
}

#header li a {
  background-color: #e5e5e5;
  display: block;
  font-weight: bold;
  height: 20px;
  width: 40px;
}

#header li.selected a, #footer div li.selected a, #footer div li a:hover, #header #legend, #header #legend p a, #content a, #callout a, #content h1 {
  color: #7ac142;
}

#header li.item1 a, #header li.item1 a:hover, #header li.item2 a, #header li.item2 a:hover, #header li.item3 a, #header li.item3 a:hover {
  background-color: #e5e5e5;
  background-repeat: no-repeat;
}

#header li.item1 a:hover, #header li.item1-selected a, #header li.item2 a:hover, #header li.item2-selected a, #header li.item3 a:hover, #header li.item3-selected a {
  background-position: 0 -20px;
}

#header li.item1 a, #header li.item1-selected a {
  background-image: url(../images/nav-item1.gif);
}

#header li.item2 a, #header li.item2-selected a {
  background-image: url(../images/nav-item2.gif);
  width: 60px;
}

#header li.item3 a, #header li.item3-selected a {
  background-image: url(../images/nav-item3.gif);
  width: 68px;
}

#header .nav-bar {
  background-image: url(../images/nav-bar.gif);
  height: 20px;
  width: 2px;
}

#header #legend {
  font-weight: bold;
  right: 0;
  width: 109px;
  top: 26px;
}

#header #legend p {
  margin: 0;
  text-align: center;
}

#header #legend .tel, #header #legend .email, #header .nav-bar, .home #content h1, .home #content h2, .home #callout h3 {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
}

#header #legend .tel, #header #legend .email {
  line-height: 0;
  width: 109px;
}

#header #legend .tel {
  background-image: url(../images/img-phone.gif);
  height: 15px;
}

#header #legend .email {
  background: url(../images/img-email.gif);
  height: 9px;
  margin-top: 7px;
  text-transform: uppercase;
}

/* =Body
-----------------------------------*/

#body {
  margin: 0 auto;
  padding: 30px 0 10px;
  text-align: left;
  width: 749px;
}

#column-left, #column-right {
  float: left;
}

#content {
  clear: both;
  padding-bottom: 18px;
  width: 749px;
}

#content a {
  text-decoration: underline;
}

#content a:hover {
  text-decoration: none;
}


/* =Links
-----------------------------------*/

#content a {}

#content a:link {}

#content a:visited {}

#content a:hover {}

#content a:active {}

#content a img {
  border: none;
}


/* =Headers
-----------------------------------*/

#content h1, #content h2 {
  font-weight: normal;
}

#content h1 {
  font-size: 200%;
  line-height: 145%;
}

#content h2, #content h4, #content h5 {
  font-weight: normal;
}

#content h2 {
  font-size: 170%;
  margin-bottom: 10px;
}

#content h3 {
  font-size: 160%;
}

#content h4 {
  font-size: 130%;
}

#content h5 {
  font-size: 110%;
}

#content h6 {
  font-size: 90%;
}


/* =Paragraph
-----------------------------------*/

#content p {
  font-size: 90%;
  line-height: 130%;
}

#content sup {
  font-size: 70%;
}


/* =Cite
-----------------------------------*/

#content cite {
  display: block;
}


/* =Unordered-List
-----------------------------------*/

#content ul {
  margin-left: 0;
}

#content ul{
  padding-left: 15px;
}

/* Ordered-List
-----------------------------------*/

#content ol {
  margin-left: 5px;
  padding-left: 5px;
}

#content ol ol {
  list-style-type: lower-alpha;
}

#content ol ol ol {
  list-style-type: lower-roman;
}


/* Definition-List
-----------------------------------*/

#content dl {
  font-size: 90%;
}

#content dd {
  margin-left: 0;
}

#content dd span {
  display: block;
  float: left;
  margin-right: 6px;
  text-align: right;
  width: 20px;
}


/* =Home
-----------------------------------*/

.home #column-left {
  width: 496px;
}

.home #content {
  width: 460px;
}

.home #content h1, .home #content h2 {
  line-height: 70%;
  margin: 0;
  text-indent: -999em;
  text-transform: uppercase;
}

.home #content h1 {
  background-image: url(../images/pages/home/img-h1-header1.gif);
  height: 13px;
  margin-bottom: 7px;
  width: 219px;
}

.home #content h2 {
  background-image: url(../images/pages/home/img-h2-header1.gif);
  height: 27px;
  width: 240px;
}

.home #content p {
  margin-bottom: 11px;
  margin-top: 19px;
}

.home #content a, .home #callout p, .home #callout a {
  font-size: 90%;
}

.home #content a {
  background: transparent url(../images/btn-sm-single-arrow-color1.gif) no-repeat 100% 4px;
  padding-right: 10px;
  text-decoration: none;
  border-bottom: 1px solid #7ac142;
}

.home #callout a:hover {
  text-decoration: none;
}

.home #content a:hover {
  border-bottom: 1px solid #fff;
}

.home #content a span, .home #callout a span {
  text-indent: -9999em;
  display: none;
}


/* =Home-Slide-Show
-----------------------------------*/

.home #column-right {
  width: 252px;
}

.home #callout {
  position: relative;
  text-align: center;
  width: 252px;
}

.home #callout #callout-header {
  background-color: #7ac142;
  background-image: url(../images/pages/home/callout-header1.gif);
  background-position: 50% 50%;
  text-indent: -9999em;
  height: 30px;
  float: left;
  margin: 0;
  width: 252px;
}

.flashclass { /*sample CSS class added to image slideshow container*/
  border: 2px solid #7ac142;
  padding: 9px 5px 15px 5px;
  width: 238px; /*a width should be defined for transition to work*/
}

.flashclass img{
  border-width: 0;
}

#slideshow {
  float: left;
  text-align: left;
}

#slideshow p {
  margin: 0;
  padding: 0 0 0 15px;
}

#slideshow img {
  margin: 0 0 -20px;
}

#slideshow a {
  display: block;
}

#slideshow a.slideshow-link {
  background: transparent url(../images/btn-sm-double-arrow-color1.gif) no-repeat 50px 4px;
  border-bottom: 1px solid #7ac142;
  padding: 0;
  line-height: 110%;
  margin-top: 2px;
  margin-left: 15px;
  width: 65px;
  text-decoration: none;
}

#slideshow a.slideshow-link:hover {
  border-bottom: 1px solid #fff;
}


/* =Column Left
-----------------------------------*/

.portfolio #column-left {
  width: 199px;
}

.company #column-left {
  width: 135px;
}

#column-left ul {
  margin: 0;
  margin-top /*\**/: -7px\9;
  _zoom: 1.01;
}

#column-left li {
  font-size: 160%;
  list-style: none;
  text-transform: uppercase;
}

#column-left li, #column-left li a {
  color: #989899;
  text-decoration: none;
}

#column-left a:hover {
  text-decoration: underline;
}

#column-left .selected {
  color: #7ac142;
}

.portfolio #column-left .portfolio, .company #column-left .company {
  display: block;
  height: 14px;
  margin-bottom: 23px;
  [;
    margin-bottom: 25px;
  ;]
  *margin-bottom: 23px;
  _margin-bottom: 7px;
  text-indent: -9999em;
}

.company #column-left .company {
  background: transparent url(../images/header2.gif) 0 0 no-repeat;
  width: 74px;
}

.portfolio #column-left .portfolio {
  background: transparent url(../images/header3.gif) 0 0 no-repeat;
  width: 86px;
}

#column-left li li li p, #column-left li li li li {
  text-transform: none;
}

#column-left li li {
  font-size: 55%;
  _zoom: 1.05;
  margin-bottom: 7px;
}

#column-left li li span {
  border-top: 1px solid #999;
  display: block;
  line-height: 0;
  margin-top: 12px;
  padding-bottom: 5px;
  width: 126px;
  _width: 115px;
}

#column-left ul ul {
  width: 150px;
}

.company #column-left ul ul {
  width: 120px;
}

#column-left ul ul ul {
  width: 160px;
}

#column-left li li li {
  margin: 0 0 8px !important;
}

#column-left li li .sc1 {
  margin-top: 14px !important;
  _margin-top: 10px !important;
}

#column-left li li .sc2, #column-left li li .sc3 {
  margin-top: 17px !important;
  _margin-top: 10px !important;
  margin-top /*\**/: 10px\9 !important;
}

#column-left li li .sc3 {
  _margin-top: 0 !important;
  _margin-bottom: -6px !important;
  margin-bottom /*\**/: 0\9 !important;
}

#column-left li li li p {
  font-size: 170% !important;
  letter-spacing: .04em;
  line-height: 140%;
  margin: 10px 0 11px;
}

#column-left li li li a {
  font-size: 160%;
}

#column-left ul ul ul ul {
  margin-top: 2px;
  width: 120px;
}

#column-left li li li li {
  font-size: 110%;
  margin-bottom: 2px !important;
  width: 150px;
}

#column-left li li .sc1 li {
  width: 120px;
}

#column-left li li li li span {
  display: none;
}

.portfolio #column-left li li li li a {
  background: transparent url(../images/btn-sm-single-arrow-color2.gif) 0 2px no-repeat;
  display: block;
  padding-left: 9px;
}

.portfolio #column-left li li li li a:hover, .portfolio #column-left li li li li .selected {
  background: transparent url(../images/btn-sm-single-arrow-color3.gif) 0 2px no-repeat;
}


/* =Windows
-----------------------------------*/

.window1, .window2, .window3 {
  margin-bottom: 3px !important;
}

.window1 a, .window2 a, .window3 a, .window4 a {
  display: block;
  padding: 5px 0 5px 34px;
}

.window1 a {
  background: transparent url(../images/icon1.gif) no-repeat 0 0;
}

.window2 a {
  background: transparent url(../images/icon2.gif) no-repeat 0 0;
}

.window3 a {
  background: transparent url(../images/icon3.gif) no-repeat 0 0;
}

.window4 a {
  background: transparent url(../images/icon4.gif) no-repeat 0 0;
}


/* =Column Right
-----------------------------------*/

.portfolio #column-right, .company #column-right {
  border-left: 1px solid #989899;
  margin-top: 40px;
  margin-top /*\**/: 25px\9;
  padding-left: 53px;
  width: 496px;
}

.company #column-right {
  _height: 500px;
  padding-left: 39px;
  margin-bottom: 10px;
  min-height: 500px;
  padding-bottom: 5px;
}

#column-right h1 {
  color: #7ac142;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 0 !important;
  margin-bottom: 1px;
  text-transform: uppercase;
}

.portfolio #column-right h1 span {
  text-transform: none;
}

.portfolio #column-right p {
  font-size: 80%;
}

.portfolio #column-right ul {
  list-style: none;
  margin: 14px 0 0;
}

.portfolio #column-right li {
  float: left;
  margin-right: 10px;
}

.portfolio #column-right li a {
  border: 1px solid #989899;
  display: block;
  height: 33px;
  width: 33px;
}

.portfolio #column-right li.info a {
  border: 0;
  height: 35px;
  width: 35px;
}

.company #column-right h2 {
  color: #7ac142;
  font-size: 110%;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.company #column-right div {
  border-top: 1px solid #999;
  margin-top: 24px;
  padding-top: 21px;
}

.company #column-right {
  font-size: 90%;
  width: 574px;
}

.company #column-right h1 {
  font-size: 115%;
  letter-spacing: 1px;
  margin-bottom: -28px;
}

.company #column-right div .process {
  float: right;
  margin: -17px 0 0 0;
}

.company #column-right dl {
  margin-bottom: 0;
}

.company #column-right dt, .company #column-right ol li, .company #column-right dl ul {
  color: #7ac142;
  text-transform: uppercase;
}

.process #column-right ol li strong {
}

.company #column-right ol li ul {
  margin: -16px 0 15px -6px;
}

.company #column-right ol li ul li, .company #column-right dl ul li {
  background: transparent url(../images/img-bullet-small-color1.gif) no-repeat 0 7px;
  color: #7ac142;
  font-size: 100%;
  font-weight: normal;
  list-style: none;
  margin-bottom: 0;
  padding-left: 11px;
  text-transform: none;
}

.company #column-right dl ul li {
  font-size: 100%;
}

.company #column-right ol li ul li p, .company #column-right dl ul li p {
  color: #000;
  margin: 0 0 0 -4px;
}

.company #column-right ol li ul li strong, .company #column-right dl ul li strong {
  color: #7ac142;
}

.company #column-right ol li ul li strong span, .company #column-right dl ul li strong span {
  text-transform: uppercase;
}

.company #column-right dl ul li strong {
  text-transform: none;
}

.company #column-right dd, .company #column-right p {
  margin: 0 0 15px;
}

.company #column-right dd strong, .company #column-right a strong {
  font-weight: normal;
  text-transform: uppercase;
}

.company #column-right dd ul li strong {
  font-weight: bold;
}

.company #column-right a {
  color: #7ac142;
}

.bios #column-right h2 {
  font-size: 100%;
}

/* =Numbers
-----------------------------------*/

.company #column-right .numbers {
  font-size: 100%;
  margin-bottom: 30px;
}

.company #column-right .numbers dt, .company #column-right .numbers dd {
  margin: 0 0 10px;
}

.company #column-right .numbers dd span {
  display: block;
  float: left;
  margin-left: -10px;
  _margin-left: -5px;
  margin-right: 6px;
  text-align: right;
  width: 20px;
}

.company #column-right .numbers dd strong {
  color: #7ac142;
  font-weight: bold;
  padding-right: 3px;
  text-transform: none;
}

.company #column-right .numbers dd span strong {
  padding-right: 0;
}


/* =Content Left and Content Right
-----------------------------------*/

.content-left, .content-right {
  border: 0 !important;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}

.content-left ul, .content-right ul {
  list-style: none;
  margin: 0 14px 0 0;
  width: 250px;
  _width: 200px;
}

.content-right ul {
  margin-right: 0;
  width: 280px;
}

.content-left li, .content-right li {
  color: #7ac142;
  text-transform: uppercase;
}

.content-left ul ul, .content-right ul ul {
  margin: 0 0 16px 15px;
}

.content-left li li, .content-right li li {
  color: #000;
  text-transform: none;
}

.content-left li li .indent {
  color: #000;
  padding-left: 7px;
}

.content-left li li span, .content-right li li span {
  color: #7ac142;
  padding-right: 1px;
}

.content-left ul ul ul, .content-right ul ul ul {
  margin: 7px 0 0 10px;
}

.content-left ul ul ul ul, .content-right ul ul ul ul {
  margin: 0 0 10px 15px;
}

.content-left li li li li span, .content-right li li li li span {
  padding-right: 1px;
}


/* =Opportunities
-----------------------------------*/

.opportunities p .tel {
  color: #000 !important;
  cursor: text;
  text-decoration: none;
}


/* =Process
-----------------------------------*/

.process ol li {
  list-style-position: inside;
}

/* =vCard
-----------------------------------*/

.contact .content {
  width: 520px;
}

.contact #body div .vcard, .contact #body div .vcard * {
  border: 0;
}

.vcard {
  margin: 0 !important;
  padding: 0 !important;
}

.contact #body div .vcard h3, .contact #body div .vcard a, .contact #body div .vcard p, .contact #body div .vcard span, .vcard .street-address, .vcard .locality {
  font-size: 100%;
  margin: 0;
  padding: 0;
}

.vcard div {
  font-size: 100% !important;
}

.contact #body div .vcard h3 {
  color: #7ac142;
  margin-top: 15px;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.contact #body div .vcard .adr, .contact #body div .vcard .street-address {
  margin: 0;
  padding: 0;
}

.contact #body div .vcard  .fn, .contact #body div .vcard .adr, .contact #body div .vcard p a.map {
  line-height: 140%;
}

.contact #body div .vcard .adr {
  font-size: 130%;
}

.vcard .fn, .vcard p .tel {
  color: #000 !important;
  text-decoration: none;
}

.vcard a:hover {
  text-decoration: underline;
}

.vcard .locality, .vcard .region {
  padding-right: 4px;
}


/* =Portfolio
-----------------------------------*/

.portfolio #column-left li li {
  line-height: 140%;
  margin-bottom: 7px;
}

.portfolio #column-left li li li p {
  font-size: 120%;
  _line-height: 135%;
  _margin: 4px 0 0 !important;
  _zoom: .93;
}

.portfolio #column-left li li li {
  line-height /*\**/: 200%\9;
  _line-height: 200%;
}

html>/**/body.portfolio #column-left li li li, x:-moz-any-link, x:default {
  line-height: 200%;
}

.portfolio #column-left li li li li {
  _zoom: .9;
  line-height /*\**/: 200%\9;
  _line-height: 200%;
}

html>/**/body.portfolio #column-left li li li li, x:-moz-any-link, x:default {
  line-height: 200%;
}

.portfolio #column-right p {
  margin: 0;
}

.portfolio #column-right ul {
  margin-top: 3px;
}

.portfolio #column-right li {
  margin-top: 10px;
}

/* =Portfolio Sections
-----------------------------------*/

.c1 #column-right ul {
  width: 400px;
}

.c1-s7 #column-right ul {
  width: 480px;
}

.c2-sc1 #column-right ul {
  width: 300px;
}


/* =Footer
-----------------------------------*/

#footer {
  background-color: #e5e5e5;
  width: 100%;
}

#footer div {
  height: 45px;
  margin: 0 auto;
  padding: 11px 0 0;
  text-align: center;
  position: relative;
  width: 650px;
}

#footer div ul, #footer div p {
  font-size: 80%;
}

#footer div ul {
  list-style: none;
  margin: 0;
  text-align: center;
}

#footer div li {
  display: inline;
  margin: 0;
}

#footer div li a {
  text-transform: uppercase;
}

#footer div li, #footer div li a {
  font-weight: bold;
}