﻿body {
  background: #000 url(bg.jpg) no-repeat top center;
  color: #000;
  font: 10pt/1.2 verdana, geneva, lucida, arial, sans-serif;
  text-align: center;}

body, p, td, h1, ul, img, div, #tagline, #adspace p, #why p {
  margin: 0;
  padding: 0;}

ul {
  list-style-type: none;
  line-height: 3em;}

acronym {
  cursor: help;
  border-bottom: 1px dotted #000;}

img {border: 0;}

th {
  text-align: center;
  font-size: 8pt;
  background: url(h_bar.gif) repeat-x bottom;}

a {
  font: 14pt georgia, 'times new roman', times, serif;
  text-decoration: none;
  color: #252525;}
  
a:hover, a:focus {
  text-decoration: line-through;
  color: #fff;}

h1 {
  font-size: 24pt;
  padding-top: 10px;}

h2, h3, h4 {
  display: inline;
  background: url(h_bar.gif) repeat-x bottom;
  font: 16pt georgia, 'times new roman', times, serif;}

h3 {font-size: 13pt}

h4 {font-size: 10pt}

p {margin: 10px 0 10px 10px;}

.mar_bot, #why p {margin-bottom: 10px;}

.ad {
  margin: 0 0 10px;
  text-align: center;}

.qtr {letter-spacing: -0.08em}

.square {
  list-style-type: square;
  line-height: 2em;
  text-decoration: overline;}
  
.right {text-align: right;}

.pad {
  padding: 4px;
  background: url(v_bar.gif) repeat-y left;}
  
.border, #gma {background: url(h_bar.gif) repeat-x top;}

#new-site {width: 150px; height: 150px; background: url(new-site.gif) no-repeat center; position: absolute; top: 0; right: 0;}

#current_page {
  font: bold 14pt georgia, 'times new roman', times, serif;
  color: #ff4500;}

#content {
  margin: 110px auto 0;
  height: 400px;
  width: 660px;
  position: relative;}

#masthead {
  width: 660px;
  height: 75px;
  margin-bottom: 10px;}

#tagline {font-weight: bold;}

#intro, #nav, #image, #adspace, #why, #portfolio, .pad, li {text-align: left;}

#intro div {padding-left: 10px;}

#intro, #why {
  float: right;
  width: 290px;}
  
#why {width: 262px;}

#main, #contact {
  width: 500px;
  text-align: center;}
  
#adspace {
  width: 190px;
  padding-left: 20px;
  font-size: 8pt;}

#service1, #service2 {
  background: url(shop_left.jpg) no-repeat right;
  padding-left: 20px;
  margin-left: 20px;
  width: 220px;
  height: 245px;
  color: #000;
  font-weight: bold;}

#service2 {
  background: url(shop_right.jpg) no-repeat left;
  margin: 0;}
  
#service1 ul, #service2 ul {margin-top: 50px;}

#why_image {
  width: 212px;
  padding-left: 10px;}

#contact {
  background: url(white_hot.jpg) no-repeat center;
  font-weight: bold;
  width: 340px;
  height: 250px;
  margin-left: 100px;
  text-align: center;}

#contact div {
  height: 75px;
  width: 200px;
  margin: 88px 70px;}

#cases, #portfolio {
  font-size: 7pt;
  padding: 0 10px 0 15px;
  text-align: center;}
  
#cases {position: absolute; top: 65px; left: 5px; width: 510px;}
  
#portfolio {padding: 0 30px;}

#bru-law, #gma {
  background: #999;
  text-align: center;}

#gma {background: #fff;}

#nav {
  width: 140px;
  height: 274px;
  float: right;
  display: inline;
  margin-left: 10px;}

#footer {
  width: 660px;
  height: 50px;
  clear: both;}
  
#footer a, a.sm_links {font-size: 10pt;}

#adspace, #why, #why_image, #service1, #service2, #main, #contact {
  float: left;
  display: inline;}

#conlink {
  clear: left;
  width: 485px;}
