body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #464646;
  text-decoration: none;
  background-color: #FFFFFF;
  background-image: url(../images/bg-page.gif);
  margin:0;
  padding:0;
  height:100%;
}
#main {
  width:750px;
  margin:auto;
  background-color:#464646;
  border:1px solid #464646;
  height:100%;
}
#main-inner {
  margin:0 21px 16px 21px;
  padding:0 20px 20px 20px;
  min-height:200px;
  background-color: #FFFFFF;
  background-image: url(../images/bg-main-inner-bottom.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
#main-inner-left {
  width: 485px;
  display:block;
  float:left;
  line-height:18px;
}
#main-inner-right {
  width: 180px;
  display:block;
  float:right;
}
#logo {
  margin:16px 21px 0 21px;
  padding:20px;
  padding-bottom:0;
  background-color: #FFFFFF;
  background-image: url(../images/bg-logo-top.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
#logo img {
  padding:26px 0 20px 0;
}
h1, h2, h3, h4, h5, h6 { margin: 15px 0;padding-right:10px; }
p { margin: 15px 0; }

div#navbar {
  width: 400px;
  display:block;
  float:right;
  text-align:right;
  padding-top:60px;
}
div#navbar ul {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #6F6F6F;
  white-space: nowrap;
  font-weight: bold;
}
div#navbar li {
  list-style-type: none;
  display: inline;
}
div#navbar li a {
  text-decoration: none;
  padding: 0 1px 0 12px;
  color: #6F6F6F;
}
div#navbar li a:link {
  color: #6F6F6F:
}
div#navbar li a:visited {
  color: #6F6F6F;
}
div#navbar li a:hover {
  color: #7DA218;
  background-color: #FFFFFF;
  text-decoration:underline;
}
.clear {
  clear:both;
}
.headingimg {
  margin:18px 0 0 0;
}
#box-small {
  width:171px;
  min-height:146px;
  margin-top:15px;
  background-color: #DEDEDE;
  background-image: url(../images/bg-box-bottom-small.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
#box-top-small {
  width:171px;
  height:12px;
  background-color: #FFFFFF;
  background-image: url(../images/bg-box-top-small.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
#box-small p {
  padding:0 8px 12px 8px;
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #464646;
  text-align:right;
}

#footer {
  clear:both;
  font-size: 10px;
  color:#FFFFFF;
  text-align:center;
  padding:12px;
  line-height:18px;
}
#footer a:link, #footer a:visited {
  color:#FFFFFF;
  text-decoration:none;
}
#footer a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}
a, a:visited {
  color:#7DA218;
  text-decoration:underline;
}
a:hover {
  color:#464646;
  text-decoration:none;
}

/* Begin recent clients list. */

#recent-clients {margin-bottom: 25px;
                 padding: 0;
align:center;}

#recent-clients ul {margin: 0;
                    padding: 0;
                    list-style-type: none;}

#recent-clients li {display: inline;
                    padding: 0 1px 0 0;}

#recent-clients li a img {padding: 0;
                          margin: 0;
                          border: 2px solid #E0E0E0;}

#recent-clients li a:hover img {border: 2px solid #677C2F;}

/* End recent clients list. */

.spiderpic{
position: relative;
z-index: 0;
}

.spiderpic:hover{
background-color: transparent;
z-index: 50;
}

.spiderpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.spiderpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.spiderpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}