@charset "utf-8";

/* BASIC LAYOUT: BODY and P */
body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	background: #F9F9F9; 
/*	background-image:url(../images/bgBlack.gif); */
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

p, li{
/* The right margin reates the space down the right side of the page. */
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-left: 5px;
	
}

div.pclients{
/* The right margin reates the space down the right side of the page. */
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	padding-left: 87px;
	
}

.jobIndent {
	padding-left:25px;
}

.leftMargin {
	padding-left:50px;
}

.clientsTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin-left: 15px;
	padding-left: 87px;
	padding: 0;
	font-weight: bold;
	text-decoration:none;
}




/* DIVIDERS LAYOUT */

/* container: THIS SETS THE PAGE IN THE CENTER OF THE SCREEN */
#container {
	width: 760px;
	height:inherit;
	background-color:#FFFFFF;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	text-align: left;
/*	background-image:url(../images/street_arrows.jpg);
	background-position: 165px 160px; /*x , Y 
	background-repeat:no-repeat;*/
} 

/* DIV: LOGO */
#logo {
	float: left;
	width: 20%;
	background: #FFFFFF;
	padding: 0px;
	margin-top: 4px;
	margin-left: 10px;
	height:56px;
	border:none;
	}
	
#headerMessageDiv {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 40%;
	background: #FFFFFF;
	padding: 0px;
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 45px;
	height:56px;
	border:none;
	text-align:right;
	}

#logoGraphic {
	background: #FFFFFF;
	padding: 0px;
	border: none;
}
/* BANNERS */

/*  bannerAboutves */
#bannerAboutVES {
	background-image:url(../images/aboutus_banner.jpg); 
	padding: 0px;
	height:96px;
	text-align:center;
} 

/* bannerCareers */
#bannerCareers {
	background-image:url(../images/careers_banner.jpg); 
	padding: 0px;
	height:96px;
	text-align:center;
}

/* bannerClients */
#bannerClients {
	background-image:url(../images/clients_banner.jpg); 
	padding: 0px;
	height:96px;
	text-align:center;
}

/* bannerSolutions */
#bannerSolutions {
	background-image:url(../images/solutions_banner.jpg); 
	padding: 0px;
	height:96px;
	text-align:center;
}

/* bannerProducts */
#bannerProducts {
	background-image:url(../images/products_banner.jpg); 
	padding: 0px;
	height:96px;
	text-align:center;
}

/* bannerNews */
#bannerNews {
	background-image:url(../images/news_banner.jpg); 
	padding: 0px;
	height:96px;
	text-align:center;
}

/* bannerContact */
#bannerContact{
	background-image:url(../images/contact_banner.jpg); 
	padding: 0px;
	height:96px;
	text-align:center;
}

/* DIV: index page - left graphic */
#GreenBg{
 	
	margin:-300px 0px 0px 0px; /*  top rigth bottom left*/
	padding:0px;
	width: 267px;
	height: 300px;
	background-image:url(../images/GreenBg.jpg);
}

/* DIV: index page - right graphic */
#BlueSky{
 	
	margin:0px 0px 0px 267px; /*  top rigth bottom left*/
	padding:0px;
	width: 493px;
	height: 300px;
	background-image:url(../images/BlueSky.jpg);
	
}

/* DIV: TOP NAVEGATION MENU */
#topMenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	margin: 0;
	padding: 0;	
	float: right;
	margin-top: 52px;
	margin-right: 10px;
	width: 70%; 
	height:12px;
	text-align:right;
	background:#FFFFFF;
}

/* DIV HEADER */
#header { 
	background: #FFFFFF; 
	padding: 0px;
	height: 60px;
	
}

/* DIV: footer */

#footer {
	/* This padding matches the left alignment of the elements in the divs that appear above it. */
	padding: 0 10px;
	background:#006699;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 

#indexFooter {
	/* This padding matches the left alignment of the elements in the divs that appear above it. */
	padding:5px;
	background: #006699; /*#B5B8BD*/
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:760px;
	position:absolute; 
	margin-top:370px;
}

#subindexFooter {
	/* This padding matches the left alignment of the elements in the divs that appear above it. */
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:760px;
	position:absolute; 
	margin-top:390px;
}

#footer p {
/* Zeroing the margins of the first element in the footer will avoid the possibility of margin collapse */
/* Padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 9px;
	margin: 0; 
	padding: 10px 0; 
	color: #FFFFFF;
}

#form_container_block {
	float: clear;
	text-align: center;
	
}

#form_container_block td {
	text-align: left;
	font-size: 90%; 
	
}

td #form_container {
	background: #CCCCCC;
	border-color:#FF0000;
	border: 1px;
}


/* THE FOLLOWING DIVS ARE SPECIFIC FOR EACH PAGE ACCORDING THE CONTENT */

/* Div: Default body content */
#mainContent {
 	margin:5px 5px 10px 5px; /*  top rigth bottom left*/
	padding:0px;
	width: 65%; 
	background:#FFFFFF;
	
}


/* DIV: Careers */
#containerCareers {
	width: 760px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	
}

/* DIV: Careers main content -  To force IE browser */
#careersContent {
	margin:-382px 5px 10px 35%; !important /*  top rigth bottom left*/
	padding: 0;
	width:60%;
	background:#FFFFFF;
	position:relative;
	
}
/*  DIV: Careers main content - To force firefox browser */
html>body #careersContent {
	margin:-325px 5px 10px 35%;
	margin:-325px 5px 10px 35%; !important /*  top rigth bottom left*/
	padding: 0;
	width: 60%;
	background:#FFFFFF;
	

}

/*  DIV: Careers Left Bar Content  */
#careersLeftBar {
 	margin:5px 5px 10px 5px; /*  top rigth bottom left*/
	padding-right:15px;
	width: 25%;
	background:#FFFFFF;
	position:relative;
	border-right-color:#CCCCCC;
	border-right-width:thin;
	border-right-style:solid;
}

/* DIV: News */
#newsContent {
 	margin:5px 5px 10px 5px; /*  top rigth bottom left*/
	padding:0px;
	width: 98%;
	background:#FFFFFF;
}

/* DIV: clients */
#clientsContent {
 	margin:5px 5px 10px 5px; /*  top rigth bottom left*/
	padding:0px;
	width: 98%;
	background:#FFFFFF;
}

/* DIV: products */
#productsContent {
 	margin:10px 5px 10px 5px; /*  top rigth bottom left*/
	padding:0px;
	width: 60%;
	background:#000000;
	position:inherit;
}

/*  DIV: productsContent main content - To force firefox browser */
html>body #productsContent {
 	margin:-240px 5px 10px 5px; !important /*  top rigth bottom left*/
	padding:0px;
	width: 60%;
	background:#ffffff;
	position:relative;
	
}

#productsContent2 {
	width: 95%;

}

/*  DIV: productsContent2- Only for Firefox - IE works fine without defining this div. */
html>body #productsContent2 {
 	margin:50px 5px 10px 5px; !important /*  top rigth bottom left*/
	padding:0px;
	width: 90%;
	background:#FFFFFF;
	position:inherit;
}

#productsRightBar {
 	margin:10px 5px 10px 68%; /*  top rigth bottom left*/
	padding:0px;
	width: 30%;
	background:#FFFFFF;
	position:absolute;
	border-left-color:#CCCCCC;
	border-left-width:thin;
	border-left-style:solid;
	position:inherit;
}

html>body #productsRightBar {
 	margin:30px 5px 10px 68%; !important /*  top rigth bottom left*/
	padding:0px;
	width: 28%;
	background:#FFFFFF;
	position:inherit;
	border-left-color:#CCCCCC;
	border-left-width:thin;
	border-left-style:solid;

}

/* DIV: solutions */
#solutionsContent {
 	
	margin:5px 0px 10px 5px; /*  top rigth bottom left*/
	padding:0px;
	width: 98%;
	/*background-image:url(../images/street_arrows.jpg);
	background-position: 220px -20px; /*x , Y */
	/*background-repeat:no-repeat; */
}

/* DIV: about us */
#aboutContent {
 	
	margin:5px 0px 10px 5px; /*  top rigth bottom left*/
	padding:0px;
	width: 98%;

}

/* HEADERS LAYOUT */
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left: 10px;
	padding:0px;
	line-height: 12px;
	font-weight:800;
	font-style:normal;
	color:#006699;	
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left: 5px; 
	line-height: 12px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 5px; 
	line-height: 12px;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 10px; 
	line-height: 12px;
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 10px; 
	line-height: 12px;
	color:#006699;
}

h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left: 5px;
	line-height: 12px;
	color:#006699;
}
/* Normal Content links */
a.blueLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006699; 
	margin: 0;
	padding: 0;	
	text-decoration:none;
}

a.blueLinks:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #6699CC;
	margin: 0;
	padding: 0;	
	text-decoration:underline;
}

a.blueLinks:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0;
	padding: 0;	
	text-decoration:none;
}

a.blueLinks:visited:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0;
	padding: 0;	
	text-decoration:underline;
}

/*orange links for jobs */

a.orangeLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FF8000;
	margin: 0;
	padding: 0;
	text-decoration:underline;
	font-weight:bolder;
}

a.orangeLinks:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	margin: 0;
	padding: 0;	
	text-decoration:none;
}

a.orangeLinks:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	margin: 0;
	padding: 0;	
	text-decoration:underline;
	font-weight:bolder;
}

a.orangeLinks:visited:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	margin: 0;
	padding: 0;	
	text-decoration:none;
	font-weight:bolder;
}
/* For icon grapics main page */

a.iconLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 0;	
	text-decoration:none;
}
a.iconLinks:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

a.iconLinks:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

a.iconLinks:visited:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

/* LINKS */
/* Top Menu links - Navigation Menu */
a.topMenu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	margin: 0;
	padding: 0;	
	text-decoration:none;
}
a.topMenu:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

a.topMenu:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

a.topMenu:visited:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}


/* Footer Menu links  */
a.footerLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0;
	padding: 0;	
	text-decoration:none;
}
a.footerLinks:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

a.footerLinks:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

a.footerLinks:visited:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

/* Clients Logo Links */

a.clientsLink:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration:underline;
}
a.clientsLink:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0;
	padding: 0;
	text-decoration:underline;
	font-weight: bold;
}

a.clientsLink:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

a.clientsLink:visited:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

.logoLink{
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
	text-transform: none;
}

.logoLink:hover{
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
	text-transform: none;
}

.logoLink:visited{
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
	text-transform: none;
}


/* ADDITIONAL SETTINGS */
/* Miscellaneous classes for reuse */

.floatRight { 
/* This class can be used to float an element right in your page. */
	float: right;
	margin-left: 8px;
}


.floatLeft { 
/* This class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}


.clearfloat { 
/* This class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

/* li: the font setting is the same as "p" */
li.square {
	list-style:square;
	color:#000000;
}

li.disc {
	list-style:disc;
	color:#000000;
}

/* IMAGES */
/* header */

.imgHeaders {
	padding: 10px 10px 15px 10px; /*  top rigth bottom left*/
}

.imgClientLogo {
	width:70px;
	height:70px;
	border:0;
	float:left;
	padding-bottom:20px;
}

/* Robert */

#required {
	text-align: right;
	font-size: 10px;
	color:#003366;
}

#errormsg {
	color: #FF0000;
}

/*TABLE */
#tdBorderR {
	border-bottom-color:#CCCCCC;
	border-right:solid;
	border-right-color:#CCCCCC;
	border-right-width:thin;
	padding-right:10px;

}

#tdBorderL {
	border-bottom-color:#CCCCCC;
	border-left:solid;
	border-left-color:#CCCCCC;
	border-left-width:thin;
	padding-left:10px;

}

#tdBorder4 {
	border-top:solid;
	border-right:solid;
	border-bottom:solid;
	border-left:solid;
	border-color:#D29400;
	border-width:thin;
	padding:20px;
	background-color: #FFF9EA;

}
.textBold {

 	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	text-decoration:none;
	font-weight:bolder;
	
}

.blueItalic {

 	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	color:#003399;
	font-style:italic;
	font-weight:bolder;
	
	
}

.headerMessage{

 	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	font-size: 9px;
	text-decoration:none;
	font-weight:bolder;
	color: #00002B;
	
}

.textCenterBold {

 	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bolder;
	text-align:center;
	
	
}
  
.glossymenu{
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 auto 0 auto;
	background: url(../images/new_menu/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 42px;
	list-style: none;
	
}

.glossymenu li{
	float: right;
	/* look for inline option */
	
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 42px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 0px 0 0px;  /*Padding of menu items*/
	padding: 0 19px 0 8px; !important/*Padding of menu items*/
	font-size: 11px;
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/new_menu/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: bottom-left ;
	font-size: 11px;
	height: 42px;
	line-height: 42px;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/new_menu/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
	font-size: 11px;
	height: 42px;
	line-height: 46px;
}

.productMenu {
	font-family: "Courier New", Courier;
	width:760px;
	height:20px;
	background: url(../images/new_menu/menublueBG.gif);
	position:absolute;
	padding: 0;
	margin: 0;
	text-align:center;
	color:#FFFFFF; !important
	
}

.productMenu li{
	font-family: "Courier New", Courier, verdana;
	display:inline;
	padding: 0;
	margin: 0;
	background: url(../images/new_menu/menublueBG.gif) repeat-x;
	color:#FFFFFF;
	font-weight: bold;
	
}

.productMenu li a{
	/*float: left; */
	display: inline;;
	color:#FFF;
	text-decoration: none;
	font-family: sans-serif;
	background: url(../images/new_menu/menublueBG.gif) repeat-x;
	font-size: 11px;
	font-weight: bold;
	padding:0px;
	margin: 0px;
	text-align: center;
		
}

.productMenu li a:hover{
	/*float: left; */
	display: inline;;
	color:#FFF;
	text-decoration: none;
	font-family: sans-serif;
	background: url(../images/new_menu/menublueBG.gif) repeat-x;
	text-decoration:underline;
	font-size: 11px;
	font-weight: bold;
	padding:0 0 0 0px; /*Padding to accomodate left tab image. Do not change*/
	text-align: center;
	cursor: pointer;
	
}

.productMenu li.current a{
	/*float: left; */
	display: inline;;
	color:#FFF000;
	text-decoration: none;
	font-family: sans-serif;
	background: url(../images/new_menu/menublueBG.gif) repeat-x;
	font-size: 11px;
	font-weight: bold;
	padding:0px;
	margin: 0px;
	text-align: center;
		
}

/* Form colors */

.textForm {

 	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:bolder;
	
}
input {
	background-color:#FFEAB9;
	font-size:12px;
	font-weight:bolder;
	border: 1px solid #006;


}

input:hover {
    border: 1px solid #A67400;
    background: #FFF5DD;
}


textarea {
	background-color:#FFEAB9;
 	font-size:12px;
	font-weight:bolder;
	border: 1px solid #006;

}

textarea:hover {
    border: 1px solid #A67400;
    background: #FFF5DD;
}

.button {
    border: 1px solid #006;
    background: #FFD571;
}
.button:hover {
    border: 1px solid #A67400;
    background: #FFE097;
}

/* Main page icons and graphics */
#mainGraphic {
	position:absolute;
	width:760px; 
	height:160px; 
	border:0px; 
	border-style:solid;
	background:url(../images/hwyDark.jpg);
}

#textMain {
        font-size: 12px;
	position:absolute;
	padding:5px;
	margin-top:170px;
	margin-left:0px;
	width:280px;
	height:180px;
	border:1px solid #999999;
	display:block;
	background:#FCFCFC;
}

#solutionsIcon {
	position:absolute; 
	margin-top:181px; 
	margin-left:300px; 
	width:150px; 
	height:166px; 
	border:1px; 
	border-style:solid;
	background:url(../images/solutionsIcon.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:147px;
	font-size:10px;
	color:#FFFFFF;
}

#productsIcon {
	position:absolute; 
	margin-top:181px; 
	margin-left:455px; 
	width:150px; 
	height:166px; 
	border:1px; 
	border-style:solid;
	background:url(../images/productsIcon.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:147px;
	font-size:10px;
	color:#FFFFFF;
}

#clientsIcon {
	position:absolute; 
	margin-top:181px; 
	margin-left:610px; 
	width:150px; 
	height:166px; 
	border:1px; 
	border-style:solid;
	background:url(../images/clientsIcon.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:147px;
	font-size:10px;
	color:#FFFFFF;
}

.f-special {
	display:none;
}