/* CSS Document */

BODY {

  margin: 0px;
  background-image: url(../images/bg.gif);
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #98B8EA;
   
  }

TABLE.bigwhite {
  width: 970px;
  padding: 3px;
  background-color: #FFFFFF;
  border: 0px;
  border-right: 3px solid #000000;
  border-bottom: 3px solid #000000;
 
  }


P, UL, OL, H1, H2, H3, H4, H5, A {
  font-family: Helvetica, Arial, sans-serif;
  color: #000000;
  }
P, UL, OL {
  font-size: 13px;
  }

H1 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px dashed #5475C6;
  margin-top: 10px;
  
  }

H2 {
  font-size: 15px;
  font-weight: bold;
  }
 
H3 {
  font-size: 12px;
  font-weight: bold;
  }

TABLE.content A {
  color: #415C93;
  text-decoration: none;
  border-bottom: 1px solid #CCD9EA;
  }
  
TABLE.content A:hover {
  color: #98B8EA;
  text-decoration: none;
  border-bottom: 1px solid #415C93;
  }

TABLE.content A:active {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px solid #000000;
  }
  
 
TABLE.pagecolumns {
  background-color: #FFFFFF;
  }
  
TABLE.pagecolumns TD.left {
  width: 140px;
  vertical-align: top;
  text-align: left;
  }
  
TABLE.pagecolumns TD.right {
  width: 830px;
  vertical-align: top;
  text-align: left;
  }
  
TABLE.nav {
  width: 828px;
  height: 24px;
  border: 1px solid #000000;
  background-image: url(../images/bg_nav.gif);
  background-repeat: repeat;
  margin-bottom: 3px;

  }

TABLE.nav A {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  padding-right: 10px;

  padding-left: 5px;
  }

TABLE.nav A:hover {
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  padding-right: 10px;

  padding-left: 5px;
  }

TABLE.toprows {
  margin-left: 3px;
  }
  
TABLE.banner IMG{
  border: 2px solid #000000;
  width: 824px;
  }
  
TABLE.content {
  width: 826px;
  border: 1px solid #CCD9EA;
  background-color: #FFFFFF;
  background-image: url(../images/bg_content.gif);
  background-attachment: scroll;
  background-position: top;
  background-repeat: repeat-x;
  margin-top: 3px;
  margin-left: 1px;
  margin-right: 2px;
  padding: 10px;
  }

TABLE.content TD.left {
  width: 100%;
  text-align: justify;
  vertical-align: top;
  padding: 20px;
  }

TABLE.content TD.right {
  width: 180px;
  text-align: center;
  vertical-align: top;
  }

TABLE.content TD.right IMG {
  width: 173px;
  height: 352px;
  border: none;
  border-right: 2px solid #98B8EA;
  }

P.leftcolumn, P.leftcolumn A, P.leftcolumn A:active {
  font-size: 11px;
  color: #CCD9EA;
  text-decoration: none;
  }

P.leftcolumn:hover, P.leftcolumn A:hover {
  color: #000000;
  }

P.leftcolumn:first-line {
  text-transform: uppercase;
  font-weight: normal;
  }

P.homeblue {
  font-size: 11px;
  color: #CCD9EA;
  text-decoration: none;
  text-align: justify;
  }

TABLE.footer P, TABLE.footer A {
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  line-height: 12px;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  }
TABLE.footer A:hover, TABLE.footer A:active {
  color: #000000;
  text-decoration: underline;
  background-color: #98B8EA;
  }

P.subnav {
  font-size: 10px;
  color: #415C93;
  line-height: 11px;
  margin: 0px;
  padding: 0px;
  margin-top: -15px;
  margin-left: -15px;
  }

P.subnav A {
  font-size: 10px;
  color: #415C93;
  text-decoration: none;
  border-bottom: 1px dashed #CCD9EA;
  }
  
P.subnav A:hover {
  color: #98B8EA;
  text-decoration: none;
  border-bottom: 1px solid #98B8EA;
  }

P.subnav A:active {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px solid #000000;
  }

TABLE.nav IMG.icons {
  width: 106px;
  height: 24px;
  border: none;
  text-decoration: none;
  }

TABLE.portfolio {
  width:400px;
  text-align: left;
  border: 1px solid #CCD9EA;
  padding: 1px;
  }

TABLE.portfolio TD.client {
  width: 400px;
  font-size: 13px;
  padding-left: 10px;
  }

TABLE.portfolio TD.porticon {
  width:14px;
  vertical-align: middle;
  text-align: center;
  }

DIV.flash {
  border: 1px solid #CCD9EA;
  padding: 4px;
  width: 576px;
  /*background-color: #96A200;*/
  background-image: url(../images/bg_content.gif);
  background-attachment: scroll;
  background-position: top;
  background-repeat: repeat-x;
  }

TABLE.cards01 {
  width: 575px;
  border: 1px solid #CCD9EA;
  border-bottom: none;
  background-color: #FFFFFF;
  padding: 10px;
  }

TABLE.cards02 {
  width: 575px;
  border: 1px solid #CCD9EA;
  border-bottom: none;
  border-top: none;
  background-color: #FFFFFF;
  padding: 10px;
  }

TABLE.cards03 {
  width: 575px;
  border: 1px solid #CCD9EA;
  border-top: none;
  background-color: #FFFFFF;
  padding: 10px;
  }

TABLE.brochures {
  width: 575px;
  border: 1px solid #CCD9EA;
  background-color: #FFFFFF;
  padding: 0px;
  }

TABLE.logos {
  width: 575px;
  border: 1px solid #CCD9EA;
  background-color: #FFFFFF;
  padding: 10px;
  }

TABLE.seo {
  width: 575px;
  border: 1px solid #CCD9EA;
  background-color: #FFFFFF;
  padding: 2px;
  }
  
TABLE.seo TD.line {
  border-top: 1px dashed #CCD9EA;
  }

TABLE.seo TD.head {
  background-color: #CCD9EA;
  }

TABLE.ar {
  width: 575px;
  border: 1px solid #CCD9EA;
  background-color: #FFFFFF;
  padding: 3px;
  }

TABLE.logos TD, TABLE.cards01 TD, TABLE.cards02 TD, TABLE.cards03 TD, TABLE.ar TD, TABLE.brochures TD {
  text-align: center;
  vertical-align: middle;
  }
  
TABLE.ar TD A, TABLE.ar TD A:hover, TABLE.ar TD A:active {
  border: none;
  }
  

IMG.floatright {
  float: right;
  margin-left: 15px;
  border: none;
  }

IMG.floatleft {
  float: left;
  margin-right: 15px;
  border: none;
  }

/*-------------Gallery--------------*/



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*.thumbnail{
position: relative;
z-index: 0;
}*/

.thumbnail:hover{
position: relative;
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 10px;
left: -1000px;
border: 1px solid #CCD9EA;
visibility: hidden;
color: #000000;
text-decoration: none;
}

/*.thumbnail span img{
border-width: 1px;
padding: 1px;
}*/

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -3px;
left: 325px; /*position where enlarged image should offset horizontally */
/*right: 0px;*/

}