/* 4 div layout - banner across the top        */
/*              - navbar on left side          */
/*              - main contents in the middle  */
/*              - footer below main comments   */
/*              - commentary on the right side */

div#mainContent
{ margin: 0px;
  padding: 0px 15px 0px 5px;
  border-left: 1px solid #EEEEEE;
}

/*img#what_is, img#how_it_works, img#service_overview 
{ margin: 20px 0px 0px 15px;
}
*/

div#intro
{
/*  border: 1px solid red;*/
}

p.top 
{ margin: 10px 10px 20px 15px;
}


div#mainKey
{ 
  width: 620px;
  height: 240px;
}

div.keyTop
{ width: 186px;
  float: left;
  margin: 10px 0px 2px 14px;
  background-color: #e1f0fb;
  border: 1px solid #166aa9;
  text-align: center;
}


div#mainKeyTop2
{ border: 1px solid #777;
}

div.keyTop h3
{ margin: 0px 0px 4px 0px;
  padding: 2px 0px 2px 0px;
  color: #e1f0fb;
  background-color: #166aa9;
  font-size: 1.3em;
}

div#mainKeyTop2,
div#mainKeyTop2 p
{ color: #777;
  background-color: #eee;
}
div#mainKeyTop2 h3
{ color: #eee;
  background-color: #999;
}


p.topCaption
{ margin: 3px 0px;
  padding: 2px 4px 2px 4px;
  text-align: center;
  color: #166aa9;
  font-weight: normal;
  line-height: 1.0em;
  padding: 10px;
}

p.caption
{ margin: 2px 0px;
  padding: 1px 0px 1px 3px;
  color: #777;
  font-weight: normal;
  line-height: 1.0em;
  font-size: 0.9em;
}


div#safeAndSecure
{ width: 620px;
  margin: 0px 0px 0px 15px;
  background-color: white;
  border: 1px solid navy;
}

div#mainServices
{ height: 190px;
  width: 620px;
  margin: 0px 0px 0px 15px;
  background-color: #ffffe4;
  border: 1px solid green;
}

div.mainServicesHalf
{ /*width: 50%-100px;*/
  text-align: left;
  height: 150px;
  width: 48%;
  float: left;
}

div.popup 
{ top: 500px; 
  left: 300px;
}