body
    {
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            background-color: #E4E9EF;
            background-repeat: repeat-x;
            }

/******************************************************************************/

a
    {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10pt;
            font-style: normal;
            font-weight: normel; /*bold;*/
            color: #0066CC;
            text-decoration: none}

a:hover
    {
            color: #FF6600;
            }

a.high
    {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10pt;
            font-style: normal;
            font-weight: bold;
            color: #DC3812;
            text-decoration: none}

a.high:hover
    {
            color: #DD816B;
            }

.verlink
{
            font-size: 10px;
            font-weight: bold;
}
/******************************************************************************/

.title {
        font-family : Verdana, Arial;
        font-size   : 10pt;
        font-weight : bold;
        color       : #333333;
        text-transform: uppercase;
}

.td-title {
        background-image: url(<?php echo $REL; ?>images/titlebg.gif);
        background-repeat:no-repeat;
        padding-left: 55px;
        padding-right: 35px;
        background-position: right;
        background-color: #BDCADD;
}

/******************************************************************************/


span.en {
	font-size: 9pt;
}

td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
}

.just {
        text-align: justify;
}

.just_left {
        text-align: justify;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 55px;
        padding-right: 0px;
}

.just_right {
        text-align: justify;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 25px;
}

/******************************************************************************/

.gray-bold
      {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 10pt; font-style: normal;
          font-weight: bold;
          color: #353C4C;
          text-decoration: none;
          text-align: justify;
          }

/******************************************************************************/

.a-submenu {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 10pt;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             text-decoration: none;
             white-space: nowrap;
}

a:hover.a-submenu {
             color: #DDDDDD;
}

.a-contact-you {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	color: #565fa4;
	text-decoration: none;
	white-space: nowrap;
}

a:hover.a-contact-you {
	color: #483D8B;
}

.reference {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-style: normal;
        font-weight: bold;
        color: #51359A;
        text-decoration: none;
        }

a:hover.reference {
        color: #A9B0D6;
        }

/******************************************************************************/

.top-menu-item
       {
           font-size: 9pt;
           font-style: normal;
           font-weight: bold;
           }

.services-menu-item, .submenu-item, .submenu-item-e
       {
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 9pt;
           font-style: normal;
           font-weight: bold;
           background-color: #E7E7E7;
           font-color: #000000;
           color: #000000;
           background-image: url(./images/bg-subm.gif); /* <?php echo $REL; ?> */
           background-repeat: repeat-x;
           background-position: bottom;
           filter:alpha(opacity=95);
           -moz-opacity:0.95;
           opacity: 0.95;
           }

.submenu-item-e
{
           font-size: 8pt;
}

a:hover.services-menu-item {
        background-color: #BED0EF;
        text-decoration: none;
        }

.products-menu-item
       {
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 9px;
           font-style: normal;
           font-weight: bold;
           background-color: #E7E7E7;
           font-color: #000000;
           color: #000000;
           background-image: url(./images/bg-subm.gif); /* <?php echo $REL; ?> */
           background-repeat: repeat-x;
           background-position: bottom;
           filter:alpha(opacity=95);
           -moz-opacity:0.95;
           opacity: 0.95;
           }

a:hover.products-menu-item {
        background-color: #B9ECBD;
        text-decoration: none;
        }

.projects-menu-item
       {
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 9px;
           font-style: normal;
           font-weight: bold;
           background-color: #E7E7E7;
           font-color: #000000;
           color: #000000;
           background-image: url(./images/bg-subm.gif);
           background-repeat: repeat-x;
           background-position: bottom;
           filter:alpha(opacity=95);
           -moz-opacity:0.95;
           opacity: 0.95;
           }

a:hover.projects-menu-item {
        background-color: #F3EFB1;
        text-decoration: none;
        }

.skills-menu-item
       {
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 9px;
           font-style: normal;
           font-weight: bold;
           background-color: #E7E7E7;
           font-color: #000000;
           color: #000000;
           background-image: url(./images/bg-subm.gif);
           background-repeat: repeat-x;
           background-position: bottom;
           filter:alpha(opacity=95);
           -moz-opacity:0.95;
           opacity: 0.95;
           }

a:hover.skills-menu-item {
        background-color: #FAC8C8;
        text-decoration: none;
        }

.customers-menu-item
       {
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 9px;
           font-style: normal;
           font-weight: bold;
           background-color: #E7E7E7;
           font-color: #000000;
           color: #000000;
           background-image: url(./images/bg-subm.gif);
           background-repeat: repeat-x;
           background-position: bottom;
           filter:alpha(opacity=95);
           -moz-opacity:0.95;
           opacity: 0.95;
           }

a:hover.customers-menu-item {
        background-color: #DDD1FC;
        text-decoration: none;
        }

/******************************************************************************/

.welcome-message, .skill-header
     {
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 10pt;
           font-style: normal;
           font-weight: bold;
           color: #FF9900;
           }

/******************************************************************************/

ul.menu {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 87px;
        }

ul li {
        position: relative;
        }

li ul {
        position: absolute;
        left: 47px;
        top: 0;
        display: none;
        width: 113px;
        clip:  rect(   );
        list-style: none;
        }

ul.menu li a {
        display: block;
        text-decoration: none;
        font-weight: bold;
        color: #777777;
        padding: 7px;
        border-bottom: 0;
        }

ul.submenu li a {
        display: block;
        text-decoration: none;
        font-weight: bold;
        color: #000000;
        padding: 7px;
        border-bottom: 0;
		}


ul li a.top-menu-item {
        padding: 4px 12px;
        }

li:hover ul, li.over ul {
        display: block;
      }

li:hover ul ul, li.over ul ul {display: none;}
ul ul li:hover ul, ul ul li.over ul {display: block;}

* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }

/******************************************************************************/

.top-contacts-td
     {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 9px;
     font-style: normal;
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: none;
     height: 12px ;
     white-space: nowrap;
     }

.copyright
     {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-style: normal;
     font-weight: bold;
     color: #606F89;
     text-decoration: none;
     }

/******************************************************************************/

.services-submenu-row1
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border: solid;
             border-width: 3px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 20px;
             background-color: #1658AD;
             white-space: nowrap;
             }

a:hover.services-submenu-row1 {
             color: #FFFFFF;
             background-color: #065DCD;
             }

.services-submenu-row2
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 0px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 17px;
             background-color: #3061C3;
             white-space: nowrap;
             }

a:hover.services-submenu-row1 {
             color: #FFFFFF;
             background-color: #2465E7;
             }

.products-submenu-row1
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 3px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 20px;
             background-color: #2F6E34;
             white-space: nowrap;
             }

.products-submenu-row2
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 0px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 17px;
             background-color: #45934B;
             white-space: nowrap;
             }

.projects-submenu-row1
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 3px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 20px;
             background-color: #767502;
             white-space: nowrap;
             }

.projects-submenu-row2
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 0px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 17px;
             background-color: #9E9C00;
             white-space: nowrap;
             }

.projects-submenu-row3
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 0px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 17px;
             background-color: #BCBA00;
             white-space: nowrap;
             }

.skills-submenu-row1
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 3px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 20px;
             background-color: #9E0000;
             white-space: nowrap;
             }

.skills-submenu-row2
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 0px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 17px;
             background-color: #DC0000;
             white-space: nowrap;
             }

.customers-submenu-row1
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 3px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 20px;
             background-color: #51359A;
             white-space: nowrap;
             }

.customers-submenu-row2
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 0px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 17px;
             background-color: #7A5BCA;
             white-space: nowrap;
             }

.contact-us-row
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 3px;
             padding-right: 10px;
             padding-bottom: 3px;
             padding-left: 10px;
             text-align: right;
             border-width: 1px 1px 1px 1px;
             border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
             height: 20px;
             background-color: #1658AD;
             white-space: nowrap;
             }

.contact-you-row
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 10pt;
             font-style: normal;
             font-weight: bold;
             color: #565fa4;
             border: solid;
             text-decoration: none;
             padding-top: 3px;
             padding-right: 10px;
             padding-bottom: 3px;
             padding-left: 10px;
             text-align: right;
             border-width: 1px 1px 1px 1px;
             border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
             height: 26px;
             background-color: #D1DDF5;
             white-space: nowrap;
             }

.contact-submenu-row1
     {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 9px;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             border: solid;
             text-decoration: none;
             padding-top: 1px;
             padding-right: 5px;
             padding-bottom: 1px;
             padding-left: 10px;
             text-align: left;
             border-width: 3px 3px 3px 0px;
             border-color: #E4E9EF #E4E9EF #E4E9EF #CFDAE8;
             height: 20px;
             background-color: #1658AD;
             white-space: nowrap;
             }

/******************************************************************************/

.fancy-list-dark
     {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #000000;
     background-color: #E4E9EF;
     border: #FFFFFF double;
     text-decoration: none;
     padding-top: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     padding-left: 3px;
     border-width: 0px 0px 1px;
     }

.fancy-list-light
     {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #000000;
     background-color: #F1F4F8;
     border: #FFFFFF double;
     text-decoration: none;
     padding-top: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     padding-left: 3px;
     border-width: 0px 0px 1px;
     }

/******************************************************************************/

.td-light, .fon-light
{
     background-color: #E4E9EF;
}

.td-dark, .fon-dark
{
     background-color: #F1F4F8;
}

.td-light
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10pt;
     font-style: normal;
     font-weight: normal;
     color: #000000;
     border: #FFFFFF double;
     text-decoration: none;
     padding-top: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     padding-left: 3px;
     border-width: 0px 0px 1px
     }

.td-dark
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10pt;
     font-style: normal;
     font-weight: normal;
     color: #000000;
     border: #FFFFFF double;
     text-decoration: none;
     padding-top: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     padding-left: 3px;
     border-width: 0px 0px 1px
     }

.topmenu
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-style: normal;
     font-weight: bold;
     color: #000000;
     text-decoration: none;
     /*background-image: url(<?php echo $REL; ?>images/menu-bg);*/
     background-repeat: repeat-y
     }

.spacer
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 9px;
     font-style: normal;
     font-weight: bold;
     color: #0065CE;
     text-decoration: none;
     padding-top: 3px;
     padding-right: 8px;
     padding-bottom: 3px;
     padding-left: 8px
     }

/******************************************************************************/

.editbox {
    border: 1 solid #313131;
}

.required-mark {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #990000;
}

.form-label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #333333;
}

.btn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10;
  	font-weight: bold;
  	color: #FF9900;
  	background-color: #F0F0F0;
    padding: 3px 3px 3px 3px;
}

/******************************************************************************/

.red { color: red; }

/******************************************************************************/