div#errors {
  position: absolute;
  top: 5px;
  left: 20px;
  color: red;
  font-family: arial, sans-serif;
  font-size: 8pt;
}

body {
/* background: rgb(230,230,230);*/
 background: url('images/completebg.jpg');
 background-repeat: no-repeat;
 background-position: top center;
 text-align: center;
} 

div.wrap{
  text-align: left;
  height:    660px;
  width:     620px;
  min-width: 620px;
  max-width: 620px;
  margin-top:   40px;
  margin-left:  auto;
  margin-right: auto;
  padding: 0px;
/*  background: rgb(64, 99, 118);*/
}

div#body {
/*  border: 1px solid rgb(64, 99, 118);
  background: rgb(64, 99, 118);
  background: url('images/bodybg.png');*/
  color: rgb(255,255,255);
  font-size: 8pt;
  font-family: arial, sans-serif;
  padding: 40px;
  padding-bottom: 20px; 
  min-height: 400px;
  max-height: 400px;
  height:     400px; 
  overflow:hidden;
}


h1 {
  margin: 0px;
  margin-bottom: 8pt;
  font-weight: normal;
  font-family: arial, sans-serif;
  font-size: 16pt ;
}

h1 span.small {
  font-size: 60%;
}

span.name {
  color: rgb(50,155,207);
}



div#body span.a,
div#body a {
  color: white;
  padding: 2px;
  margin-right: 5px;
}

div#body span.a:hover,
div#body a:hover {
  background: rgb(50,155,207);
  text-decoration: none;
}

/****** footer ******/
div.footer {
/*  border-color: rgb(200,200,200); 
  border-style: solid; 
  border-width: 1px;*/
  border-top:   20px;
/*  padding:      0px;*/
/*<!-- [if IE] > 
  padding-top: 20px;
<! [end if] --> 
  background:   white;
  background: url('images/footbg.png');*/
  height: 220px;
/*  padding-left:  40px;
    padding-right: 40px; */
  overflow: hidden;
}

div.logo img {
  position: relative;
  top: 60px;
}

div.footer div.logo {
  padding:        0px;
  padding-right: 10px;
  padding-left:  10px;
/* firefox and ie confilicts */
/*  padding-top:    60px;
   padding-bottom:    71px; */
  margin:         0px;
/* firefox and ie confilicts */
  margin-left:   40px;
  border: none;
  height: 100%;
/*  height: 140px; /* 200 - margin-top - border-width*/
  left: 40px;
  float: left;
/* works for ie and firefox, but firefox goes +15 and ie goes -15
 * Once again, ff's makes more sense  */
/*  border-bottom: 15px solid rgb(63,94,108); */
/*  background: url('images/logobg.png') repeat-x bottom;*/
}

div.footer div.menu {
  float: right;
  margin-left: auto;
  margin-right: 40px;
  margin-top: 30px;
  width: 200px;
}

div.footer div.menu table {
  border: 1px solid black;
  width: 100%;
  font-family: sans-serif;
  font-size: 10pt;
  border-collapse: collapse;
  border-spacing: 0px;
  border: none;
}

div.footer div.menu table tr.fnl td {
  border-bottom: none;
}

div.footer div.menu table td {
  text-align: left;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid rgb(215,215,215);
}

div.footer div.menu table a {
  text-decoration: none;
}

div.footer div.menu table td.empty{
  min-width: 40px; /* 60 - 2*padding above (default 10)*/
}

div.footer div.menu table tr.highlight ,
div.footer div.menu table tr.highlight a {
  background: rgb(64,99,118);
  cursor: pointer;
  color: white;
  text-align: right;
}

div.footer div.menu table,
div.footer div.menu table a {
  color: rgb(136,136,136);
}

div.footer div.menu table tr.highlight td.lastcol,
div.footer div.menu table #active td.lastcol {
  text-align: right;
}

div.footer div.menu table #active ,
div.footer div.menu table #active a {
  background: rgb(50,75,86);
  color: white;
}


div.copy {
/*  height: 50px;*/
/*  background: rgb(220,220,220);*/
  padding: 10px;
  font-size: 7pt;
  clear: both;
  color: rgb(178,178,178);
  width: 620px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div.copy div.right {
  float: left;
}

div.copy  a {
  text-decoration: none;
  color: rgb(178,178,178);
}

div.copy  a:hover {
  text-decoration: underline;
  color: rgb(178,178,178);
}

/** dropdown menu **/
div.copy div.cinfo {
  padding: 0px 20px 0px 20px;
/*  position: right;*/
  text-align: right;
  top: 0px;
}

div.copy div.cinfo ul {
  list-style-type: none;
  float: right;
  margin: 0px;
  padding-top: 4px;
}

div.copy div.cinfo ul li {
  display:block;
  float: left;
  white-space: nowrap;
  padding: 2px 10px 2px 10px;
  border: 1px solid rgb(220,220,220);
}

div.copy div.cinfo ul li:hover {
  background: rgb(230,230,230);
}


div.copy div.cinfo ul {
 display: none;
}

div.copy div:hover.cinfo ul {
 display: block;
}

/***** Home *****/
div.opportunities {
  margin-bottom: 20px;
  height: auto;
}

div.opportunities div.img img {
  width: 160px;
  height: 120px;
  float:left;
  border: 2px solid white;
}

div.opportunities div.desc {
  float: right;
  width: 66%;
  padding-bottom: 15px;
}

div.news {
  width: 100%;
  height: 50%;
  margin-top: 0px;
  padding-top: 15px;
  margin-bottom: 20px;
  clear: both;
  border-top: 2px solid rgb(93, 118, 132);
}

div.news div.date {
  padding-top: 10px;
  color: rgb(50,155,207);
}

div.news div.items {
  overflow: auto;
  width: 100%;
  height: 160px;
  padding-right: 20px;
}

/****** company ******/
div#comp div.left {
  width: 250px;
  float: left;
}

div#comp div.left div.soln {
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(93,118,132);
}

div#comp div.left div.profile {
  margin-top: 20px;
}

div#comp div.team img {
  border: 2px solid white;
}
div#comp div.team {
  border-left:  1px solid rgb(93,118,132);
  padding-left: 30px;
  width: 250px;
  float: right;
}

div#comp div.team div.persons span.title {
  font-style: italic;
}

div#comp div.team div.persons div.person {
  padding-bottom: 15px;
}

div#comp div.team div.persons {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 245px;
  overflow: auto;
/*  width: 260px;*/
}

/****** services ******/
div#serv div.serv {
  width: 240px;
  float: left;
  border-right: 1px solid rgb(93,118,132);
  padding-right: 20px;
}

div#serv div.serv div.services {
  overflow: auto;
  height: 360px;
  min-height: 360px;
  max-height: 360px;
  padding-right: 20px;
}

div#serv div.serv div.services div.service {
  margin-bottom: 15px;
}

div#serv div.right img{
  float: left;
  margin-right: 10px;
  border: 2px solid white;
  margin-bottom: 10px;
}

div#serv div.right {
  width: 270px;
  float: right;
  margin-right: -10px;
}

div#serv div.right div.design {
  border-bottom: 1px solid rgb(93,118,132);
  padding-bottom: 25px;
  margin-bottom: 10px;
  padding-right: 15px;
}

div#serv div.right div.training {
  clear: both;
  padding-right: 15px;
}

/****** solutions ******/
div#sols div.lean {
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(93,118,132);
  margin-bottom: 10px;
 /* width: 560px;*/
}

div#sols div.lean div.desc {
  overflow: auto;
  height: 130px;
 /* width: 550px;*/
}

div#sols div.lean div.desc img {
  float: left;
  margin-right: 10px;
  border: 2px solid white;
}

div#sols div.dni img {
  border: 2px solid white;
  margin-bottom: 10px;
}

div#sols div.dni {
 width: 100%;
}

div#sols div.dni div.des {
  float:left ;
  width:235px;
  padding-right: 30px;
  border-right: 1px solid rgb(93,118,132);  
}

div#sols div.dni div.inn {
  float: right;
  width: 235px;
}

/****** contact ******/
div#cont div.dir img {
  float: left;
  border: 2px solid white;
  margin-right: 10px;
}

div#cont div.dir div.eemail {
  position: relative;
  float: right;
  top: 20px;
  float: right;
  margin-right: 10px;
}

div#cont div.dir {
  border-bottom: 1px solid rgb(93,118,132);  
  padding-bottom: 10px;
  margin-bottom: 10px;
  height: 150px;
}

div.form div.general {
  width: 250px;
  float: left;
}
div.form div.message {
  width: 250px;
  float: right;
}

div#cont input, textarea
{
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 0px;
  color: white;
  background-color: rgb(41, 64, 77);
  border: 1px solid rgb(113, 130, 140);
  width: 250px;
}

div#cont div.message textarea {
  height: 150px;
}

div#cont input.button {
  font-size: 100%;
  float: right;
  width: auto;
  border: none;
  background: none;
  text-decoration: underline;
}

div#cont input:hover.button {
  background: rgb(50,155,207);
  text-decoration: none;
}

div#cont span.email_error {
  color: red;
}

/** Main page Selection **/
div.choose_site {
  font-size: 220%;
  margin-left: 10px;
  position: relative;
  top: 40%;
}

div.choose_site div.larger {
  font-size: 150%;
  margin-left: -10px;
}

/** Popup Overlay **/
div.popup_overlay {
  position: absolute;
  top: 0pt;
  left: 0pt;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: block;
}

div.popup_text {
  background-color: rgb(64, 99, 118);
  width: 300px;
  height: 300px;
  padding: 0px;
  position: relative;
  margin-top: 0pt;
  margin-right: auto;
  margin-bottom: 0pt;
  margin-left: auto;
  top: 120px;
  border-width: 5px;
  border-style: solid;
  border-color: #666666;
  z-index: 1001;
  overflow: hidden;
}

div.popup_text div.msg {
  background-color: #ffffff;
  padding: 10px;
  color: black;
  height: 260px;
  overflow: auto;
  margin-bottom: 10px;
}

div.popup_text div.msg div.right {
  width: auto;
  text-align: right;
  margin: 3px; 
}

div.popup_text div.msg img{
  float: left;
  margin: 5px;
}

div.popup_text div.titlebar {
  font-size: 10px;
  color: white;
  margin: 0px;
  padding: 3px;
  height: 16px;
}

div.popup_text div.titlebar div.titlebar_title {
 font-weight: bold;
 font-size: 125%;
 float: left;
 width: 90%;
}

div.popup_text div.titlebar div.titlebar_button {
 float: right;
 width: 10%;
}

div#body div.popup_text div.msg a {
  color: black;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

div.choose_site div.flash_message{
  font-size: 12pt;
  position: absolute;
  top: 200px;
  right: 20px;
}

div.choose_site div.choice {
  line-height: 200%;
  margin: 10px;
  margin-left: 60px;
}

div.choose_site div.choice a{
  text-decoration: none;
}