body {
	background-color: #013d5d;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 0;
	margin: 0;
	}
	
/* L - mainbox,topbox,topbox1 - main box with logo bar and navigational menu */

#mainbox {
	text-align: left;
	width: 800px;
	height: auto;
	margin: 0 auto;
	
	background-color: #FFFFFF;
	color: #000000;
	
	}
	#mainbox a{color: #660000; text-decoration: underline; font-weight:bold;}
	#mainbox a:hover{ color: #C40000; text-decoration: none;}

#topbox {

	width: 800px;
	height: 28px;
	margin: 5px auto auto auto;
	color: #000000;
	}
	
#topbox1 {

	text-align: right;
	width: 800px;
	height: auto;
	margin: 5px auto 0 auto;
	color: #FFF;
	}
	
	#topbox1 a{color: #FFF; text-decoration: underline;}
	#topbox1 a:hover{ color: #FFF; text-decoration: none;}
	
/* L- Provides main box/others with Rounded edges*/	


.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0; height: auto; }
.rbroundbox { width: 100%; margin: auto; height: auto;}

/*L- button effect*/
	
.cssbutton{
background-color: #013d5d;
border: 2px #013d5d outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.cssbutton:visited{
color: black;
}
.cssbutton:hover{
border-style: inset;
background-color: #58c1fa;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
.cssbutton:active{
color: black;
}	

/*L-left- sub nav menu right-graphic info*/

#left {
	width: 200px;
	height: 300px;
	float: left;
	background-image: url(images/navidcard2.png);
	}
	#left a{color: #FFF;  font-weight: bold; text-decoration: underline;}
	#left a:hover{ color: #FFF; background-color: #660000; font-weight: bold; text-decoration: none;}
	#left ul{
	
	margin-top: 110px;
	list-style-type: none;
	}
	#left li{
	margin-top: 5px;
	}
#lefttrack {
	width: 200px;
	height: 300px;
	float: left;
	background-image: url(images/navtracking.png);
	}
	#lefttrack a{color: #FFF;  font-weight: bold; text-decoration: underline;}
	#lefttrack a:hover{ color: #FFF; background-color: #660000; font-weight: bold; text-decoration: none;}
	#lefttrack ul{
	
	margin-top: 110px;
	list-style-type: none;
	}
	#lefttrack li{
	margin-top: 5px;
	}
#leftbio{
	width: 200px;
	height: 300px;
	float: left;
	background-image: url(images/navbiometrics.png);
	}
	#leftbio a{color: #FFF;  font-weight: bold; text-decoration: underline;}
	#leftbio a:hover{ color: #FFF; background-color: #660000; font-weight: bold; text-decoration: none;}
	#leftbio ul{
	
	margin-top: 110px;
	list-style-type: none;
	}
	#leftbio li{
	margin-top: 5px;
	}
#leftmarket{
	width: 200px;
	height: 300px;
	float: left;
	background-image: url(images/navmarkets.png);
	}
	#leftmarket a{color: #FFF;  font-weight: bold; text-decoration: underline;}
	#leftmarket a:hover{ color: #FFF; background-color: #660000; font-weight: bold; text-decoration: none;}
	#leftmarket ul{
	
	margin-top: 80px;
	list-style-type: none;
	}
	#leftmarket li{
	margin-top: 5px;
	}
#leftservice{
	width: 200px;
	height: 300px;
	float: left;
	background-image: url(images/navservices.png);
	}
	#leftservice a{color: #FFF;  font-weight: bold; text-decoration: underline;}
	#leftservice a:hover{ color: #FFF; background-color: #660000; font-weight: bold; text-decoration: none;}
	#leftservice ul{
	
	margin-top: 80px;
	list-style-type: none;
	}
	#leftservice li{
	margin-top: 5px;
	}
#leftcompany{
	width: 200px;
	height: 300px;
	float: left;
	background-image: url(images/navcompany.png);
	}
	#leftcompany a{color: #FFF;  font-weight: bold; text-decoration: underline;}
	#leftcompany a:hover{ color: #FFF; background-color: #660000; font-weight: bold; text-decoration: none;}
	#leftcompany ul{
	
	margin-top: 80px;
	list-style-type: none;
	}
	#leftcompany li{
	margin-top: 5px;
	}
#leftcontact{
	width: 200px;
	height: 300px;
	float: left;
	background-image: url(images/navcontact.png);
	}
	#leftcontact a{color: #FFF;  font-weight: bold; text-decoration: underline;}
	#leftcontact a:hover{ color: #FFF; background-color: #660000; font-weight: bold; text-decoration: none;}
	#leftcontact ul{
	
	margin-top: 80px;
	list-style-type: none;
	}
	#leftcontact li{
	margin-top: 5px;
}#leftsupport{
	width: 200px;
	height: 300px;
	float: left;
	background-image: url(images/navsupport.png);
	}
	#leftsupport a{color: #FFF;  font-weight: bold; text-decoration: underline;}
	#leftsupport a:hover{ color: #FFF; background-color: #660000; font-weight: bold; text-decoration: none;}
	#leftsupport ul{
	
	margin-top: 80px;
	list-style-type: none;
	}
	#leftsupport li{
	margin-top: 5px;
	}
#right {
	width: 600px;
	height:300px;
	float: left;	
	}
.form {
	width: 600px;
	height: auto;
	border: solid 1px #000;
	margin: 5px 0 10px 15px;
	}

.formcontent {
	margin-left: 40px;
	margin-top: 40px;
	margin-right: 40px;
	}
	
/*L-cfnavbar refers to top rounded navigation bar inside topbox id*/

#cfnavbar{
margin: 0 0 0 10px;
padding: 0;
}
#cfnavbar ul{
background: url(test/bg1.gif) repeat-x;
padding: 0;
margin: 0;
float: left;
font: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#cfnavbar ul li{
display: inline;
}
#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 8px 13px 5px 6px;
text-decoration: none;
background: url(test/divider1.gif) top right no-repeat;
}
#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0;
}
#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0;
background: url(test/leftcorner1.gif) top left no-repeat;
}
#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(test/rightcorner1.gif) top right no-repeat;
}

#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* L-flashcontent only used if browser does not support Flash player*/
#flashcontent {
		width: 550px;
		height: 300px;
		float: left;	
	}
	
.leftphoto {
width: 150px;
height: 150px;
float:left;
}
.rightinfo {
margin-left: 20px;
width: 620px;
height: 150px;
float:left;
}
.rightinfo2 {
margin-left: 20px;
width: 620px;
height: auto;
float:left;
}
.tradebox {
width: 600px;
height: 100px;
margin-top: 15px;
}

/*L- .style# elements auto added from Dreamweaver Design view, may change later*/

.style1 {font-size: 10px}
.style3 {color: #FFF;
background-color: #023e5e;}
.style5 {color: #FFF; background-color: #023e5e; font-weight: bold; }

/* Fade Image */
#before
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
}

#after
{
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
}

#before, #after
{
  position: absolute;
 
}

#right1 {
width:300px;
height:300px;
float:left;
}
#right2 {
width:300px;
height:300px;
float:left;
background-image: url(images/bg.png);
}
#right2 ul{

margin-top: 55px;

margin-right: 18px;
}
#right3 {
	width: 600px;
	height:300px;
	float: left;	
	background-image: url(images/softwarebg2.png);
	}
	#right3 a{
	color: #FFF;
	text-decoration: none;
	}
	#right3 a:hover{
	color: #FFF;
	text-decoration: underline;
	}
#rightgrid {
width:300px;
height:300px;
float:left;
background-image: url(images/rightgrid.png);
}
#left1 {
width:385px;
margin-left: 5px;
height:auto;
float:left;
}
#left2 {
width:380px;
margin-left: 10px;
height:auto;
float:left;

}
#faqtitle {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	border: solid 1px #000;
	margin-left: 2px;

}
#faqtitle a{
color: #333;
text-decoration: none;
}
#faqtitle a:hover{
color: #000000;
background-color: #666666;
}
.graybox { background-color:#CCCCCC; border: solid 1px #000; color: #000; margin: 5px; padding: 2px;}

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:left; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.l {
  left:-5px;
  }
.t {
  top:-5px;
  }
.shadowbox {width:550px;} /* change to suit */