body
{
  margin: 0px;
  margin-top: 60px;
  background: #000000 url('/images/bground.png') repeat-x;
}

body,div,td,p
{
  font-family: Arial;
  color: #FFFFFF;
  font-size: 11px;
}

a img
{
  border: 0px;
}

a
{
  color: #ff8a00;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

li
{
  padding-bottom: 3px;
}

.navButton
{
  padding-right: 35px;
  padding-top: 2px;
  border: 2px solid #000000;
}

.navButtonSelected
{
  border-left: 2px solid #ff8a00;
}

.colorPieBoxTL
{
  float: left;
  position: relative;

  color: #FFFFFF;
  font-size: 11px;
  text-align: left;

  padding-left: 2px;

  width: 249px;
  height: 173px;  

  left: 12px; 
  top: 10px;

  background: url('./images/greenWebDev') no-repeat;
}

.colorPieBoxTR
{
  float: left;
  position: relative;

  color: #FFFFFF;
  font-size: 11px;
  text-align: left;

  padding-left: 2px;

  width: 249px;
  height: 173px;  

  left: 33px; 
  top: 10px;

  background: url('./images/blueSeniorConsulting') no-repeat;
}

.colorPieBoxBC
{
  float: left;
  position: relative;

  color: #FFFFFF;
  font-size: 11px;
  text-align: left;

  padding-left: 2px;

  width: 402px;
  height: 106px;

  left: 200px;
  top: 50px;

  background: url('./images/redHostingAndSupport.png') no-repeat;
}

table .plans 
{
  width: 630px;
  background-color: #222222;
  margin: auto;
}

.plans td
{
  width: 33%;
  border: 5px solid #000000;
  padding: 7px;
  text-align: left;
  vertical-align: top;
}