body {
  background-color: #666;
  font-family: 'Verdana', 'Arial', sans-serif;
  margin: 0;
}

a img {
  border: 0;
}

img.pic {
  border: 1px solid #010066;
  float: left;
  margin: 5px 10px 3px 0;
}

#container {
  background: url('images/bg.jpg') repeat;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  width: 827px;
}

#header {
  background: url('images/ferris-eakin-thomas-roanoke-va.jpg') no-repeat;
  border-bottom: 19px solid #010066;
  border-top: 19px solid #010066;
  color: #fff;
  height: 260px;
  margin: 0 19px 0 19px;
}
#header a img {
  border: 0;
}
#header a {
  color: #fff;
  text-decoration: none;
}
#header h2 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  margin: 5px 0 0 55px;
}

#headerinterior {
  background: url('images/ferris-eakin-thomas-roanoke-virginia.jpg') no-repeat;
  border-bottom: 19px solid #010066;
  border-top: 19px solid #010066;
  color: #fff;
  height: 183px;
  margin: 0 19px 0 19px;
}
#headerinterior a img {
  border: 0;
}
#headerinterior #phone a {
  color: #010066;
  text-decoration: none;
}

#headerinterior #phone h2 {
  color: #010066;
  font-size: 18px;
  font-weight: bold;
  left: 596px;
  margin: 0;
  position: relative;
  width: 200px;
}

#spacer {
  background: url('images/bg-light.jpg') repeat;
  height: 19px;
  margin: 0 19px 0 19px;
}

#nav {
  float: left;
  width: 179px;
}
#nav ul {
  list-style-type: none;
  margin: 20px 0 25px 0;;
  padding: 0 12px 0 19px;;
  text-align: right;
}
#nav li {
  display: block;
  line-height: 100%;
  padding: 5px 0 5px 0;
}
#nav a {
  color: #000066;
  text-decoration: none;
}
#nav a:hover {
  text-decoration: underline;
}
#nav a.main {
  font-size: 13px;
  font-weight: bold;
}
#nav a.sub {
  font-size: 12px;
}

#content {
  background: url('images/bg-curve-light.jpg') 0 0 no-repeat;
  color: #000066;
  float: left;
  font-size: 12px; 
  height: 1% /* Holly hack for Peekaboo Bug */
  margin: 0;
  padding: 25px 0 10px 25px;
  width: 580px;
}
#content a { 
  color: #000066; 
}
#content a:hover { 
  color: #666666; 
}

#content a.small { 
  font-size: 10px;
}
#content div.attorney {
  height: 135px;
  margin: 20px 0 10px 0;
  vertical-align: middle;
}
#content div.divider {
  border-top: 2px solid #010066;
  margin-top: 15px;
}
#content a h2.attorney {
  margin: 15px 0 10px 0;
  text-decoration: none;
}
#content img.attorney {
  float: left;
  margin: 0 10px 3px 0;
}

#content p, ul { 
  line-height: 180%; 
}
#content h1 { 
  font-size: 16px; 
  line-height: 125%;
  margin: 0 0 12px 0; 
}
#content h1 ul {
  font-size: 16px;
  line-height: 125%;
  margin-top: 16px;
}
#content h2 { 
  color: #000066;
  font-size: 12px; 
  font-weight: bold;
  line-height: 125%;
  margin: 10px 0 10px 0; 
}
#content h3 { 
  color: #000066;
  font-size: 12px; 
  font-weight: bold;
  line-height: 125%;
  margin: 10px 0 10px 0; 
}
#content #box {
	float: right;
	margin: 0 0 10px 30px;
  padding: 0px;
  text-align: center;
  width: 179px;
}
#content #box h2 {
  background-color: #010066;
  color: #fff;
  font-size: 12px;
  margin: 0;
  font-weight: bold;
  padding: 5px;
}
#content #box img {
  display: block;
  margin: 0;
}
#content #box img.pic {
  display: block;
  margin: 20px 20px 0 0;
}
#content #box #links {
  background: #fff url('images/box-middle-shade.jpg') repeat-y;
  margin: 0;
}
#content #box #links a {
  color: #000066;
  display: block;
  font-size: 11px;
  padding: 6px 0 6px 0;
  text-decoration: none;
}
#content #box #links a:hover {
  text-decoration: underline;
}
#content #box #text a img {
  border: 1px solid #010066;
  margin-bottom: 7px;
  margin-top: 7px;
}
#content #box #text .center {
  text-align: center; 
}
#content #box #text p {
  background: #fff url('images/box-middle-shade.jpg') repeat-y;
  font-size: 11px;
  line-height: 125%;
  text-align: left;
  margin: 0;
  padding: 6px;
}
#content #box #text_shade p {
  background: transparent url('images/box-middle-shade.jpg') repeat-y;
  font-size: 11px;
  line-height: 125%;
  text-align: left;
  margin: 0;
  padding: 8px;
}
#content #map {
	float: right;
	margin: 0 0 10px 30px;
  padding: 0px;
  text-align: center;
  width: 179px;
}
#contact {
  border-top: 2px solid #010066;
  clear: left;
  color: #000066;
  clear: left right;
  float: left;
  font-size: 12px; 
  margin: 0 0 0 200px;
  padding: 15px 0 25px 0;
  position: relative;
  vertical-align: middle;
  width: 585px;
}
#contact a {
  color: #000066;
}
#contact a:hover {
  color: #666666;
}
#contact #left
{
  float: left;
  height: 127px;
  margin: 0;
  width: 187px;
}
#contact #top
{
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 387px;
}
#contact #top h2 { 
  color: #000066;
  float: left;
  font-size: 14px; 
  font-weight: bold;
  margin: 0;
}
#contact #center
{
  float: left;
  height: 105px;
  margin: 0 10px 0 0;
  width: 200px;
}
#contact #right
{
  float: left;
  height: 105px;
  margin: 0;
  width: 175px;
}

#footer {
  background: #010066;
  clear: both;
  color: #fff;
  font-size: 10px;
  padding: 19px;
  text-align: center;
}
#footer a {
  color: #fff;
  font-size: 10px;
  text-decoration: none;
}