/* Author: Jeremiah Ross - BullsEyeConcepts.com */

.bg {
  margin: 0;
  background-image: url(images/template/bg.png);
  background-position: left top;
  background-repeat: repeat-x;
  background-color: #cccccc;
  text-align: center;
}
#page {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 800px;
  height: 600px;
}
#header {
  margin: 0;
  padding: 0;
  width: 800px;
  height: 190px;
  background-image: url(images/template/header.png);
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}
.logo {
  border: none;
  margin: 0;
  padding: 0;
  width: 800px;
  height: 190px;
  text-align: right;
  background-image: url(images/template/logo.png);
  background-repeat: no-repeat;
  background-position: 590px 0;
}
.nav {
  border: none;
  padding: 158px 0 0 0;
  color: #ffffff;
  width: 800px;
  height: 190px;
  text-align: center;
  vertical-align: bottom;
  font-family: Palatino,Palatino Linotype,Palatino Sans;
  font-size: 20px;
}
div.nav a:link {
  color: #ffffff;
  text-decoration: none;
}
div.nav a:visited {
  color: #ffffff;
  text-decoration: none;
}
div.nav a:active {
  color: #ffffff;
  text-decoration: underline;
}
div.nav a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.maincol {
  background-color: #ffffff;
  border: solid #000000;
  border-width: 0 1px 1px 1px;
  width: 798px;
  height: 409px; 
}
.lcol {
  margin: 0;
  padding: 7px 5px;
  float: left;
  text-align: left;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  background-color: #ffffff;
  width: 558px;
  height: 395px;
}
.rcol {
  margin: 0;
  padding: 7px 5px;
  float: right;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  background-color: #000000;
  width: 215px;
  height: 395px;
}
img.bullet1 {
  width: 14px;
  height: 13px;
}
img.bullet2 {
  width: 22px;
  height: 13px;
}
img.bullet3 {
  width: 30px;
  height: 13px;
}
img.bullet4 {
  width: 38px;
  height: 13px;
}
.cathead {
  background-color: #ffffff;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}
.subcat {
  background-color: #ffffff;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 12px;
  text-align: left;
}
.contact {
  background-color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-align: left;
  color: #ffffff;
}
.contactcat {
  background-color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  text-align: left;
  color: #ffffff;
}
.clients {
  background-color: #ffffff;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  width: 130px;
}
#footer {
  border: none;
  margin: 0px auto;
  padding: 0;
  background-color: transparent;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #ffffff;
  width: 800px;
  height: 15px;
  text-align: center;
}
.copyright {
  border: none;
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  width: 600px;
  text-align: left;
  float: left;
}
div.copyright a:link {
  color: #000000;
  text-decoration: none;
}
div.copyright a:visited {
  color: #000000;
  text-decoration: none;
}
div.copyright a:active {
  color: #000000;
  text-decoration: none;
}
div.copyright a:hover {
  color: #000000;
  text-decoration: underline;
}
.footlinks {
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  width: 200px;
  text-align: right;
  float: right;
}
div.footlinks a:link {
  color: #000000;
  text-decoration: none;
}
div.footlinks a:visited {
  color: #000000;
  text-decoration: none;
}
div.footlinks a:active {
  color: #000000;
  text-decoration: none;
}
div.footlinks a:hover {
  color: #000000;
  text-decoration: underline;
}

/* Clients-Page-Specific Classes */

.clientlist {
  border:  none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  width: 553px;
  height: 354px;
  overflow: auto;
}
.ctable {
  border: none;
  margin: 0;
  padding: 5px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: center;
  width: 500px;
}
.ctd {
  border: none;
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  width: 150px;
  text-align: left;
}
a.dwrollover {
  display: block;
  width: 125px;
  height: 100px;
  background-image: url(images/clients/dw.jpg);
  background-repeat: no-repeat;
}
a.dwrollover:hover {
  background-position: -125px 0;
  background-repeat: no-repeat;
}
a.hrrollover {
  display: block;
  width: 125px;
  height: 100px;
  background-image: url(images/clients/hr.jpg);
  background-repeat: no-repeat;
}
a.hrrollover:hover {
  background-position: -125px 0;
  background-repeat: no-repeat;
}
a.dgrollover {
  display: block;
  width: 125px;
  height: 100px;
  background-image: url(images/clients/dg.jpg);
  background-repeat: no-repeat;
}
a.dgrollover:hover {
  background-position: -125px 0;
  background-repeat: no-repeat;
}
a.eharollover {
  display: block;
  width: 125px;
  height: 100px;
  background-image: url(images/clients/eha.jpg);
  background-repeat: no-repeat;
}
a.eharollover:hover {
  background-position: -125px 0;
  background-repeat: no-repeat;
}
a.bsmrollover {
  display: block;
  width: 125px;
  height: 100px;
  background-image: url(images/clients/bsm.jpg);
  background-repeat: no-repeat;
}
a.bsmrollover:hover {
  background-position: -125px 0;
  background-repeat: no-repeat;
}
a.bopromorollover {
  display: block;
  width: 97px;
  height: 125px;
  background-image: url(images/clients/promo_sheet_bo_thumb.jpg);
  background-repeat: no-repeat;
}
a.bopromorollover:hover {
  background-position: -97px 0;
  background-repeat: no-repeat;
}
a.bccardrollover {
  display: block;
  width: 125px;
  height: 71px;
  background-image: url(images/clients/bcard_bc_thumb.jpg);
  background-repeat: no-repeat;
}
a.bccardrollover:hover {
  background-position: -125px 0;
  background-repeat: no-repeat;
}
a.hrcardrollover {
  display: block;
  width: 125px;
  height: 71px;
  background-image: url(images/clients/bcard_hr_thumb.jpg);
  background-repeat: no-repeat;
}
a.hrcardrollover:hover {
  background-position: -125px 0;
  background-repeat: no-repeat;
}