fhtml, body {
  margin: 0;
  font-family: 'Trebuchet MS', sans-serif;
}

div#header {
  width: 100%;
  height: 105px;
  background: #000000;
}

div#header a, div#footer a {
  color: #ffffff;
  text-decoration: none;
}

div#header a:hover, div#footer a:hover, div#header a.selected, div#footer a.selected {
  color: #00c0ff;
}

div#header_internal {
  width: 965px;
  margin: 0 auto;
  color: #ffffff;
}

div#footer {
  width: 100%;
  height: 480px;
  padding: 10px 0 0 0;
  background: url('/graphics/footer_gradient.png') repeat-x top left;
  font-size: 70%;
}

div#footer_internal {
  width: 965px;
  margin: 0 auto;
  color: #ffffff;
}

div#footer ul.navigation {
  margin: 0;
  padding: 0;
  float: left;
}

div#footer div.copyright {
  float: right;
}

h1 {
  margin: 0;
}

h1 a {
  display: block;
  width: 189px;
  height: 73px;
  text-indent: -10000px;
  background: url('/graphics/fds.png') no-repeat 0 15px;
  padding: 30px 0 0 0;
  float: left;
}

h2.the_process {
  width: 86px;
  height: 15px;
  margin: 0 0 15px 0;
  background: url('/graphics/h2_the_process.png') no-repeat top left;
  text-indent: -10000px;
}

h2.the_testimonials {
  width: 250px;
  height: 15px;
  margin: 0 0 15px 0;
  background: url('/graphics/h2_the_testimonials.jpg') no-repeat top left;
  text-indent: -10000px;
}

h2.featured_project {
  width: 250px;
  height: 15px;
  margin: 0 0 15px 0;
  background: url('/graphics/h2_featured_project.jpg') no-repeat top left;
  text-indent: -10000px;
}

h2.the_services {
  width: 100px;
  height: 15px;
  margin: 0 0 15px 0;
  background: url('/graphics/h2_the_services.jpg') no-repeat top left;
  text-indent: -10000px;
}

h2.the_resources {
  width: 120px;
  height: 15px;
  margin: 0 0 15px 0;
  background: url('/graphics/h2_the_resources.jpg') no-repeat top left;
  text-indent: -10000px;
}

h2.the_contact {
  width: 120px;
  height: 15px;
  margin: 0 0 15px 0;
  background: url('/graphics/h2_the_contact.jpg') no-repeat top left;
  text-indent: -10000px;
}

div.phone {
  float: right;
  font-size: 110%;
  margin: 15px 0 0 0;
}

div.phone span {
  color: #00c0ff;
}

address {
  float: right;
  clear: right;
  font-style: normal;
  font-weight: bold;
  font-size: 60%;
}

div#header ul.navigation {
  margin: 20px 0 0 0;
  float: right;
  clear:right;
  font-size: 90%;
}

ul.navigation li {
  display: inline;
}

div#container {
  width: 965px;
  margin: 0 auto;
  padding: 0;
  border-top: none;
  border-right: #e1e1e1 1px solid;
  border-bottom: none;
  border-left: #e1e1e1 1px solid;
  background: url('/graphics/container_bg.png') repeat-y top left;
  overflow: hidden;
}

div.showcase {
  height: 135px;
  border-top: none;
  border-right: #cecece 1px solid;
  border-bottom: #cecece 1px solid;
  border-left: #cecece 1px solid;
  background: #ffffff url('/graphics/spotlight-mar.jpg') no-repeat top left;
  padding: 20px 0 20px 0;
}

div.showcase2 {
  height: 135px;
  border-top: none;
  border-right: #cecece 1px solid;
  border-bottom: #cecece 1px solid;
  border-left: #cecece 1px solid;
  background: #ffffff url('/graphics/featured-image.jpg') no-repeat top left;
  padding: 20px 0 20px 0;
}

div.showcase div.info {
  width: 633px;
  float: left;
}

div.showcase span {
  float: left;
  width: 330px;
  height: 150px;
}

div.showcase span a {
  text-indent:-9000px;
  margin-left: 20px;
  display: inline;
  width: 260px;
  height: 135px;
  float: left;
}
div.showcase div.info {
  width: 633px;
  float: left;
}

div.showcase2 {
  height: 135px;
  background: #ffffff;
  padding: 20px 0 20px 0;
}

div.showcase2 span {
  float: left;
  width: 330px;
  height: 150px;
}

div.showcase2 span a {
  text-indent:-9000px;
  margin-left: 20px;
  display: inline;
  width: 260px;
  height: 135px;
  float: left;
}

div.content {
  float: left;
  clear: both;
  padding: 15px;
  width: 646px;
  border-top: #e1e1e1 1px solid;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

div.content2 {
  float: left;
  clear: both;
  padding: 15px;
  width: 800px;
  border-top: #e1e1e1 1px solid;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

div.sidebar {
  padding: 15px;
  width: 255px;
  border-top: #e1e1e1 1px solid;
  border-right: none;
  border-bottom: none;
  border-left: none;
  float: right;
  overflow: hidden;
}

div.multiple_h3 {
  height: 25px;
  overflow: hidden;
  float: left;
  clear: both;
}

h3 {
  margin: 0 0 10px 0;
}

h3.web_design {
  width: 67px;
  height: 15px;
  text-indent: -10000px;
  background: url('/graphics/h3_web_design.png') no-repeat top left;
  float: left;
  clear: both;
}

h3.our_work {
  width: 120px;
  height: 15px;
  text-indent: -10000px;
  background: url('/graphics/h3_our_work.png') no-repeat top left;
  float: left;
  clear: both;
}

h3.web_applications {
  width: 99px;
  height: 15px;
  text-indent: -10000px;
  background: url('/graphics/h3_web_applications.png') no-repeat top left;
  float: left;
  clear: both;
}

h3.printed_media {
  width: 315px;
  height: 12px;
  text-indent: -10000px;
  background: url('/graphics/h3_printed_media.png') no-repeat top left;
  float: left;
  clear: both;
}

h3.corporate_identity {
  width: 104px;
  height: 15px;
  text-indent: -10000px;
  background: url('/graphics/h3_corporate_identity.png') no-repeat top left;
  float: left;
}

h3.request_information {
  width: 144px;
  height: 19px;
  text-indent: -10000px;
  background: url('/graphics/h3_request_information.png') no-repeat top left;
}

div.portfolio {
  border: #d9d9d9 1px solid;
  padding: 12px;
  float: left;
  overflow: hidden;
  width: 630px;
  clear: both;
  margin: 0 0 0px 0;
}

a.cprofile {
  display: block;
  font-size: 60%;
  color: #000000;
  text-decoration: none;
  float: left;
  margin: 0 0 20px 0;
}

div.single {
  height: 90px;
}

div.double {
  height: 200px;
}

div.triple {
  height: 310px;
}

div.quad {
  height: 420px;
}

div.quad2 {
  height: 600px;
}

div.tall {
  height: 210px;
}

a.lightwindow {
  display: block;
  width: 148px;
  padding: 76px 10px 0 0;
  font-size: 60%;
  color: #000000;
  text-decoration: none;
  float: left;
  margin: 0 0 20px 0;
}

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

div.tall a.lightwindow {
  padding: 198px 10px 0 0;
}

a.row_end {
  padding: 76px 0 0 0;
}

div.tall a.row_end {
  padding: 198 0 0 0;
}

a.bangle {
  background: url('/images/bangle-thumb.jpg') no-repeat top left;
}

a.jayhawk {
  background: url('/images/jayhawk-thumb.jpg') no-repeat top left;
}

a.nhs {
  background: url('/images/nhs-thumb.jpg') no-repeat top left;
}

a.acdc {
  background: url('/images/acdc-thumb.jpg') no-repeat top left;
}

a.silverst {
  background: url('/images/silverst-thumb.jpg') no-repeat top left;
}

a.david_powers {
  background: url('/images/dpmotors.jpg') no-repeat top left;
}

a.bankcard_central {
  background: url('/images/bcc.jpg') no-repeat top left;
}

a.pacific_audio {
  background: url('/images/pac.jpg') no-repeat top left;
}

a.dsg {
  background: url('/images/dsg.jpg') no-repeat top left;
}

a.power_tomorrow {
  background: url('/images/powert.jpg') no-repeat top left;
}

a.cromwell_env {
  background: url('/images/cromwell.jpg') no-repeat top left;
}

a.wca {
  background: url('/images/wca.jpg') no-repeat top left;
}

a.nxs {
  background: url('/images/nxs.jpg') no-repeat top left;
}

a.sep {
  background: url('/images/sep.jpg') no-repeat top left;
}

a.x6 {
  background: url('/images/x6.jpg') no-repeat top left;
}

a.poh {
  background: url('/images/poh.jpg') no-repeat top left;
}

a.facebook_app {
  background: url('/images/facebook_app.jpg') no-repeat top left;
}

a.brookfield {
  background: url('/images/brookfield.jpg') no-repeat top left;
}

a.mcny {
  background: url('/images/museum_ny.jpg') no-repeat top left;
}

a.gomet {
  background: url('/images/gomet.jpg') no-repeat top left;
}

a.palit {
  background: url('/images/print_palit_cpu.jpg') no-repeat top left;
}

a.frr {
  background: url('/images/frr-thumb.jpg') no-repeat top left;
}

a.javajuice {
  background: url('/images/print_java_juice.jpg') no-repeat top left;
}

a.identity {
  background: url('/images/logo_design.jpg') no-repeat top left;
  width: 200px; 
  height: 2	00px;
}

div.sidebar label {
  display: block;
  margin: 0 0 5px 0;
  font-size: 80%;
  float: left;
  clear: both;
  width: 250px;
}

div.sidebar label input, div.sidebar label select {
  display: block;
}

a.expand {
  color: #434343;
  display: block;
  padding: 0 0 0 15px;
  text-decoration: none;
  font-size: 80%;
  background: url('/graphics/expand.png') no-repeat 0 2px;
  margin: 10px 0 10px 0;
  float: left;
  clear: both;
  width: 250px;
}

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

div.sidebar form textarea {
  margin: 0 0 10px 0;
  width: 225px;
  height: 70px;
}

div.sidebar label[for="state"] {
  clear: none;
}

div#note_container {
  overflow: hidden;
  float: left;
  clear: both;
  width: 230px;
}

p {
  font-size: 80%;
}

h3.process {
  font-size: 100%;
}


h3.process span {
  color: #0097c8;
}

h2.featured_new {
  width: 296px;
  height: 19px;
  margin: 0;
  background: url('/graphics/h2_featured_project.png') no-repeat top left;
  text-indent: -10000px;
}

h2.building_tools {
  width: 296px;
  height: 19px;
  margin: 0;
  background: url('/graphics/h2_building_tools.png') no-repeat top left;
  text-indent: -10000px;
}

h2.web_design {
  width: 296px;
  height: 19px;
  margin: 0;
  background: url('/graphics/web-development.png') no-repeat top left;
  text-indent: -10000px;
}

h2.graphic_design {
  width: 296px;
  height: 19px;
  margin: 0;
  background: url('/graphics/graphic-design.png') no-repeat top left;
  text-indent: -10000px;
}

h2.animation_head {
  width: 296px;
  height: 19px;
  margin: 0;
  background: url('/graphics/headline-ani.png') no-repeat top left;
  text-indent: -10000px;
}

h2.photography {
  width: 296px;
  height: 19px;
  margin: 0;
  background: url('/graphics/headline-photo.png') no-repeat top left;
  text-indent: -10000px;
}

ul.services {
  font-size: 70%;
  color: #505050;
  margin: 0 0 15px 0;
  padding: 0;
}

ul.services li {
  display: inline;
}

div.showcase p {
  font-size: 70%;
}