/* <style> */
            
/* --- tables --- */                    
#tb td {text-align: center; border-bottom: 1px solid #6666aa;}
#tb tr {text-align: center; height: 20px;}
#tb .td_prop {text-align: left;}
#tb .td_sub {text-align: left; background: #f8e3a3; font-weight: bold;}
#tb .on_order { background: #E0E0E1; height: 25px;}

.submit {border: 1px outset; width: 75px; color: blue; font: 9pt verdana, arial, helvetica; background: #EBF8FF;}
input {background: #FBFFFF;}
/* ----- Required ----------------------------------------------------------- */

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }

div.vert_menu
{
  position: absolute;
  visibility: hidden;
}

/* ----- Sample 2 ----------------------------------------------------------- */

div.sample2 div.vert_menu { border-bottom:  2px solid white; border-left:  1px solid white; border-right:  1px solid white; }
div.sample2 div.horz_menu a,
div.sample2 div.vert_menu a
{
  border: 0px solid white;

  width:100px;

  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  background: url('/img/img.png') 0px 40px;

  text-decoration: none;
  font-family: "Arial", Serif;
  font-weight: 900;
  font-size: 12px;
  color: #444499;
}

div.sample2 div.horz_menu a { margin-right:  -1px; }
div.sample2 div.vert_menu a { margin-bottom: -1px; }

div.sample2 div.horz_menu a:hover,
div.sample2 div.vert_menu a:hover { background-position: 0px 20px; color:#ffffff}

div.sample2 div.horz_menu a.parent,
div.sample2 div.vert_menu a.parent
{
  color: #444499;
  background-position: 0px 0px;
}

div.sample2 div.horz_menu a.active,
div.sample2 div.vert_menu a.active,
div.sample2 div.horz_menu a.active:hover,
div.sample2 div.vert_menu a.active:hover
{
  color: #ffffff;
  background-position: 0px 60px;
}

.inpbox {
     BORDER-RIGHT: #6666AA 1px solid; BORDER-TOP: #6666AA 1px solid; BORDER-LEFT: #6666AA 1px solid; BORDER-BOTTOM: #6666AA 1px solid; BACKGROUND-COLOR: #F8E3A3
     FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica;
	  background-color: #FFFFDE;
}

.inpbox_main {
     BORDER-RIGHT: #6666AA 1px solid; BORDER-TOP: #6666AA 1px solid; BORDER-LEFT: #6666AA 1px solid; BORDER-BOTTOM: #6666AA 1px solid; BACKGROUND-COLOR: #F8E3A3
     FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica;
}

.searchinput {
     FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica;
}

.wh {
     BORDER-RIGHT: #AAAAAA 1px solid; BORDER-TOP: #AAAAAA 1px solid; BORDER-LEFT: #AAAAAA 1px solid; BORDER-BOTTOM: #AAAAAA 1px solid;
}
.quadrangle {
     BORDER-RIGHT: #6666AA 1px solid; BORDER-TOP: #6666AA 1px solid; BORDER-LEFT: #6666AA 1px solid; BORDER-BOTTOM: #6666AA 1px solid; BACKGROUND-COLOR: #F8E3A3
}
.quadranglet {
     BORDER-BOTTOM: #6666AA 1px solid; BACKGROUND-COLOR: #F8E3A3
}
.quadrangletr {
    BORDER-BOTTOM: #6666AA 1px solid; BACKGROUND-COLOR: #F8E3A3
}
.quadranglel {
     text-align: left; BORDER-BOTTOM: #6666AA 1px solid; BACKGROUND-COLOR: #E0E0E1;
}

.quadranglewo {
     BORDER-BOTTOM: #6666AA 1px solid;
}

TD.body {
     BACKGROUND-COLOR: #ffffDE;
     PADDING-right:10;
     PADDING-left:10;
     PADDING-top:10;
     color: #444444;
     text-decoration: none;
     FONT-SIZE: 12px;
     LINE-HEIGHT: 20px;
}

TD.menu {
     BACKGROUND-COLOR: #FFFFDE;
     PADDING-right:10;
     PADDING-left:10;
     PADDING-top:10;
     color: #444444;
     text-decoration: none;
     FONT-SIZE: 12px;
     LINE-HEIGHT: 20px;
     border-right: 2px solid #FFFFFF;
}

.copyright {
     PADDING-top:10;
     PADDING-bottom:10;
     color: #FFD966;
     text-decoration: none;
     FONT-SIZE: 9px;
     text-align : center;
     BACKGROUND-COLOR: #7878E2;
     border-top: 2px solid #ffffff;
}


A.footer {
     COLOR: #444499;
     text-decoration: none;
}
A.footer:link {
     COLOR: #444499;
     text-decoration: none;
}
A.footer:visited {
     color: #444499;
     text-decoration: none;
     }
A.footer:hover {
     COLOR: #000000;
     text-decoration: none;
}



.middle {
     padding: 0px 0px 10px 0px;
     BACKGROUND-COLOR: #FFD966;
     color: #444499;
     text-decoration: none;
     FONT-SIZE: 9px;
     text-align : center;
     border-left: 2px solid #ffffff;
}



.base {
     padding: 0px 0px 10px 0px;
     BACKGROUND-COLOR: #FFD966;
     color: #444499;
     text-decoration: none;
     FONT-SIZE: 9px;
     text-align : center;
     border-top: 2px solid #ffffff;
}


.baseright {
     padding: 0px 0px 10px 0px;
     BACKGROUND-COLOR: #FFD966;
     color: #444499;
     text-decoration: none;
     FONT-SIZE: 9px;
     text-align : center;
     border-right: 2px solid #ffffff;
     border-top: 2px solid #ffffff;
}

.basenottop {
     padding: 0px 0px 10px 0px;
     BACKGROUND-COLOR: #FFD966;
     color: #444499;
     text-decoration: none;
     FONT-SIZE: 9px;
     text-align : center;
     border-right: 2px solid #ffffff;
}

.base2 {
     padding: 0px 0px 10px 0px;
     BACKGROUND-COLOR: #F7BA00;
     color: #444499;
     text-decoration: none;
     FONT-SIZE: 9px;
     text-align : center;
     border-left: 2px solid #ffffff;
     border-top: 2px solid #ffffff;
}
.base2nottop {
     padding: 0px 0px 10px 0px;
     BACKGROUND-COLOR: #F7BA00;
     color: #444499;
     text-decoration: none;
     FONT-SIZE: 9px;
     text-align : center;
     border-left: 2px solid #ffffff;
}




mainnav A {
     COLOR: #0064CD;
     text-decoration: underline;
     font-family: verdana,arial, helvetica, ms sans serif;
}
BODY {
     margin: 0px 0px 0px 0px;
     color: #000000;
     text-decoration: none;
     font-family: verdana, arial, helvetica, ms sans serif;
     FONT-SIZE: 11px;
}
TD {font-size:12px;}
A:link {
     COLOR: #0064CD;
     text-decoration: underline;
}
A:visited {
     color: #0064CD;
     text-decoration: underline;
     }
A:hover {
     COLOR: #000000;
     text-decoration: none;
}
A.leftnav {
     COLOR: #000000;
     text-decoration: none;
}
A.leftnav:link {
     COLOR: #000000;
     text-decoration: none;
}
A.leftnav:visited {
     color: #000000;
     text-decoration: none;
     }
A.leftnav:hover {
     COLOR: #003C5D;
     text-decoration: underline;
}
LI.vlist
{
    padding-bottom: 10px;
     COLOR: #006AA4;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     list-style-type : square;
}
LI.portfolio
{
    COLOR: #006AA4;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     list-style-type : square;
}
LI.services
{
    COLOR: #000000;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     list-style-type : square;
}
LI.site_l
{
    COLOR: #0064CD;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     list-style-type : disc;
}
LI.site_s {
    COLOR: #0064CD;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     list-style-type : disc;
}
LI.site_d {
    COLOR: #3E5C6C;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     list-style-type : square;
}
H1 {
     color : #000000;
     font-family : arial;
     font-size : 13px;
     font-weight : bold;
     margin-bottom: -15;
}
H2 {
     color : #000000;
     font-family : arial;
     font-size : 12px;
     font-weight : bold;
     margin-bottom: -3;
}
.blacktext {color : #000000;}
.no_pad {
     color: #000000;
     text-decoration: none;
     FONT-SIZE: 11px;
}
.form {
     color: #000000;
     text-decoration: none;
     FONT-SIZE: 11px;
     text-align:right;
}
.form_head {
     color: #ffffff;
     TEXT-DECORATION: none;
     FONT-SIZE: 13px;
     font-weight: bold;
     text-align:center;
}
.right_blurb {
     color: #3591C0;
     PADDING-right:8;
     PADDING-left:18;
     text-decoration: none;
     FONT-SIZE: 11px;
     FONT-WEIGHT: bold;
}
.padbox {padding:12px 12px 12px 12px;}

.copy {
     padding: 20px 20px 20px 30px;
     BACKGROUND-COLOR: #FFFFFF;
     color: #000000;
     text-decoration: none;
     FONT-SIZE: 12px;
     text-align : left;
}
.copy_np {
     BACKGROUND-COLOR: #FFFFFF;
     color: #000000;
     text-decoration: none;
     FONT-SIZE: 12px;
     text-align : left;
     padding: 4px 0px 20px 20px;
}
.copy_tight {
     padding: 4px 20px 20px 10px;
     BACKGROUND-COLOR: #FFFFFF;
     color: #000000;
     text-decoration: none;
     FONT-SIZE: 12px;
     text-align : left;
}
.portfoliocopy {
     padding: 4px 0px 20px 0px;
     BACKGROUND-COLOR: #FFFFFF;
     color: #000000;
     text-decoration: none;
     FONT-SIZE: 12px;
     text-align : right;
     FONT-WEIGHT: bold;
}
.select {
     padding: 0px 20px 10px 20px;
     BACKGROUND-COLOR: #ffffff;
     color: #999999;
     text-decoration: none;
     FONT-SIZE: 11px;
     text-align : justify;
}
.whatsnew {
     padding: 10px 8px 10px 8px;
     BACKGROUND-COLOR: #ffffff;
     color: #669999;
     text-decoration: none;
     FONT-SIZE: 11px;
}
.small {
     BACKGROUND-COLOR: #ffffff;
     COLOR: #ffffff;
     PADDING-right:10;
     PADDING-left:10;
     PADDING-top:20;
     color: #000000;
     text-decoration: none;
     TEXT-DECORATION: emphasis;
     FONT-SIZE: 9px;
}
.privacy {
     COLOR: #333333;
     PADDING-right:10;
     PADDING-left:10;
     PADDING-top:20;
     text-decoration: none;
     TEXT-DECORATION: emphasis;
     FONT-SIZE: 9px;
     text-align: justify;
}
P.portfolio {
     BACKGROUND-COLOR: #ffffff;
     COLOR: #006AA4;
     text-decoration: none;
     FONT-SIZE: 13px;
}
.about_page {
     COLOR: #ffffff;
     BACKGROUND-COLOR: #00253A;
     PADDING-left:20;
     PADDING-top:18;
     PADDING-bottom:2;
     text-decoration: none;
     font-family: arial, helvetica, ms sans serif;
     FONT-SIZE: 20px;
}
.contact_page {
     COLOR: #ffffff;
     BACKGROUND-COLOR: #00253A;
     PADDING-left:20;
     PADDING-top:18;
     PADDING-bottom:2;
     text-decoration: none;
     font-family: arial, helvetica, ms sans serif;
     FONT-SIZE: 20px;
}
.serv_page {
     COLOR: #ffffff;
     BACKGROUND-COLOR: #00253A;
     PADDING-left:20;
     PADDING-top:18;
     PADDING-bottom:2;
     text-decoration: none;
     font-family: arial, helvetica, ms sans serif;
     FONT-SIZE: 20px;
}
.port_page {
     COLOR: #ffffff;
     BACKGROUND-COLOR: #00253A;
     PADDING-left:20;
     PADDING-top:18;
     PADDING-bottom:2;
     text-decoration: none;
     font-family: arial, helvetica, ms sans serif;
     FONT-SIZE: 20px;
}
.portfolio {
     COLOR: #000000;
     padding: 4px 6px 4px 6px;
     text-decoration: none;
     FONT-SIZE: 11px;
     border-right: 1px solid #ffffff;
     border-left: 1px solid #ffffff;
     border-bottom: 1px solid #ffffff;
}
P.serviceslist {
     COLOR: #003366;
     FONT-WEIGHT: bold;
     PADDING-left:10;
     text-decoration: none;
     FONT-SIZE: 13px;

     border-bottom-width : 1px;
}
P.services {
     COLOR: #ff0000;
     PADDING-left:0;
     text-decoration: none;
     FONT-SIZE: 13px;
}
TD.mainnav {
     COLOR: #ffffff;
     padding: 2px 10px 2px 10px;
     BACKGROUND-COLOR: #000000;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 12px;
     border-right: 1px solid #ffffff;
     border-top: 1px solid #ffffff;
}
TD.servicehead {
     COLOR: #000000;
     padding: 6px 2px 6px 10px;
     BACKGROUND-COLOR: #EBF8FF;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: bold;
     line-height : 12px;
     border-left: 1px solid #999999;
     border-top: 1px solid #999999;
}
TD.localnav {
     COLOR: #000000;
     padding: 6px 6px 6px 1px;
     BACKGROUND-COLOR: #ffffff;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: bold;
     line-height : 12px;
}
TD.localnavtour {
     COLOR: #006AA4;
     PADDING-top:10;
     PADDING-right:0;
     BACKGROUND-COLOR: #ffffff;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 30px;
}
TD.pagetitle {
     COLOR: #000000;
     padding: 6px 0px 6px 10px;
     BACKGROUND-COLOR: #F5F5F5;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 12px;
     border-top: 1px solid #ffffff;
}
.porthead {
     COLOR: #000000;
     padding: 6px 0px 0px 20px;
    FONT-SIZE: 19px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
}
TD.title {
     COLOR: #ffffff;
     PADDING-right:8;
     PADDING-bottom:8;
    FONT-SIZE: 13px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: bold;
     border-right: 1px solid #ffffff;
}
TD.servicefeature {
     COLOR: #000000;
     BACKGROUND-COLOR: #ffffff;
     PADDING-right:8;
     PADDING-top:15;
     PADDING-left:10;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     border-left: 1px solid #999999;
}
TD.feature {
     COLOR: #000000;
     BACKGROUND-COLOR: #ffffff;
     PADDING-right:8;
     PADDING-top:0;
     PADDING-left:10;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 12px;
}
.screenshots {
     COLOR: #666666;
     BACKGROUND-COLOR: #F5F5F5;
     PADDING-right:15;
     PADDING-top:6;
     PADDING-left:20;
    FONT-SIZE: 13px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: bold;
}
.view {
     COLOR: #666666;
     BACKGROUND-COLOR: #F5F5F5;
     padding: 6px 5px 6px 5px;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
}
.portfoliobox {
     COLOR: #000000;
     BACKGROUND-COLOR: #F5F5F5;
     PADDING-right:3;
     PADDING-top:2;
     PADDING-left:2;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     border-left: 1px solid #EBEBEB;
}
TD.pagename {
     COLOR: #ffffff;
     PADDING-right:8;
     PADDING-top:8;
     PADDING-bottom:8;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 12px;
     border-right: 1px solid #FFFFFF;
     border-top: 1px solid #FFFFFF;
}
.subpage {
     COLOR: #000000;
     BACKGROUND-COLOR: #EBEBEB;
     padding: 6px 10px 6px 10px;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 12px;
     border-right: 1px solid #FFFFFF;
     border-top: 1px solid #FFFFFF;
}
TD.subpagehide {
     COLOR: #cccccc;
     BACKGROUND-COLOR: #EBEBEB;
     padding: 6px 10px 6px 10px;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 12px;
     border-right: 1px solid #FFFFFF;
     border-top: 1px solid #FFFFFF;
}
TD.product {
     COLOR: #000000;
     BACKGROUND-COLOR: #F5F5F5;
     padding: 3px 8px 3px 8px;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     border-right: 1px solid #FFFFFF;
     border-top: 1px solid #FFFFFF;
}
TD.producthide {
     COLOR: #cccccc;
     BACKGROUND-COLOR: #F5F5F5;
     padding: 6px 10px 6px 10px;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 12px;
     border-right: 1px solid #FFFFFF;
     border-top: 1px solid #FFFFFF;
}
TD.titleblurb {
     BACKGROUND-COLOR: #D2D2D2;
     COLOR: #000000;
     PADDING-top:10;
     PADDING-left:10;
     PADDING-bottom:10;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     line-height : 15px;
}
.not used {
     BACKGROUND-COLOR: #FFFFFF;
    COLOR: #000000;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
     FONT-WEIGHT: normal;
     padding: 0px 1px 0px 5px;
     VERTICAL-ALIGN: top
}
/* THUMBNAIL VIEW STYLES */
#showimage {
     position:absolute;
     visibility:hidden;
     border: 1px solid gray;
     background-color: #FFFFFF;
     z-index:1000;
}
#dragbar {
     cursor: hand;
     cursor: pointer;
     background-color: #EFEFEF;
     min-width: 200px; /*NS6 style to overcome bug*/
     z-index:1000;
}
#dragbar #closetext {
     font-weight: bold;
     margin-right: 1px;
     font-size: 11px;
     z-index:1000;
}
/* END THUMBNAIL VIEW STYLES */