body {
	background-image: url(../pics/bg.jpg);
	background-repeat: repeat-x;
	background-color: #1c325f;
	background-position: top center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

body, div, img, container, table, td, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.no-margin{ margin: 0; padding: 0;}

.list-margin {margin-left: 15px; padding-left: 0;   }

.hide {	display: none; }
.floatL { float: left; }
.floatR { float: right; }
.clearB { clear: both; }
.inline { display:inline; }

h1 	{ color: #085f8d; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 8px; }
h2 	{  color: #085f8d; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 20px; padding-bottom: 8px; text-transform: uppercase; }
h3 	{ font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 15px; padding-bottom: 8px; }
h4	{ color: #085f8d; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 15px; padding-bottom: 8px; }
.uppercase {text-transform: uppercase;}

.handheld {display: none;}

/* **********************  End Generic Styles/Classes  ******************** */

#container { width: 990px;  margin: 0 auto; }

#hp-wrap{ width: 990px; height: 308px; display:block;  background: #fff; min-height:340px;}
.hp-col1 { width: 755px; float: left; }
.hp-col2 { float: left; width: 235px; }

#wrap{ width: 990px; background: #fff url(../pics/bg.gif) repeat-y top; float: left; width: 100%;}
#nav{ width: 679px; height: 41px; display:block; background: #02182d; padding: 0px; float: left;}
#homelink {width: 130px; float: left; height: 41px; background: black; padding-left: 181px;}

.hp-casestudy {
	width: 185px;
	padding-left: 22px; 
	color: #666;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.hp-casestudy h2{
text-transform:none;
}
.flash {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #737373;
	height: 308px;
}
.flash a {
	font-size: 11px;
	color: #2f6ea4;
	font-weight: bold;
	text-decoration: none;
}
.flash a:hover {
	font-size: 11px;
	color: #2f6ea4;
	font-weight: bold;
	text-decoration: underline;
}
#hp-bottom { 
	margin:auto;
	width: 965px;
height: 150px;
	display: block;
	background-color: #02182d;
	color: #737373;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 20px 0px 20px 25px;
}
#hp-list { line-height:1.3em; padding-top: 8px; }
.hp-subnavholder {float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  font-weight: bold; margin-left:15px; margin-right:6px; color:#1f7cad;}
.subnavholder {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:5px; margin-right:6px; color:#1f7cad;} 
.subnavlist {display: block; margin: 0; padding: 0;}
.subnav { color:#1f7cad; text-decoration:none; } 
.subnav_on { color:#1f7cad; text-decoration:underline; } 
.subnav a:hover {color:#1f7cad; text-decoration:underline; } 
.li_subnav {list-style-type:square; margin:0 0 3px 4px; padding-left:-3px; list-style-position:inside; color:#999;}
.li_subnav a:hover {text-decoration:underline;}

.grey {	border-bottom:1px solid #303f4e;}


/***********************/
/*  css child columns  */
/***********************/

#contentwrapper{
float: left;
width: 100%;
background: #fff;
}

#contentcolumn{
margin: 0 180px 0 235px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#content { 
	width: 475px; 
	display:block;
	color: #737373;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding: 20px 50px 40px 50px;
}
#content a { color: #9f2527; text-decoration: underline; }
#content a:hover { color: #9f2527; text-decoration: none; }

#leftcolumn{
float: left;
width: 235px; /*Width of left column in pixel*/
margin-left: -990px; /*Set margin to that of -(MainContainerWidth)  DOUBLE CHECK 840!!!! */
background: #02182d;
color:#3893b9;
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
background: #edeeef;
}

#right-content { 
	width: 142px; 
	display: block;
	color: #737373;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	padding: 70px 19px 40px 19px;
}
#right-content a { color: #9f2527; text-decoration: underline; }
#right-content a:hover { color: #9f2527; text-decoration: none; }

#right-content p {
margin-bottom:35px;
margin-top: 0;}

#right-content h2 {
margin-bottom: 0px;}

/*******************/
/*  subnav styles  */
/*******************/
.subTtl { width: 188px; display:block; padding: 54px 20px 0 22px;}
.subNav { width: 188px; display:block; padding: 0 20px 10px 22px;} /*top*/
.subNav a {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#3893b9;
	text-decoration: none;
	display: block;
	width: 176px;
	padding: 7px 0 7px 12px;
	border-bottom: 1px solid #303f4e;
}
.subNav a:hover {
	background-color: #0d2a47;
	font-weight: bold;
	color:#3893b9;
	text-decoration: none;
	padding-left: 12px;
}
.activeLink {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#3893b9;
	display: block;
	width: 176px;
	background-color: #0d2a47;
	padding: 7px 0 7px 12px;
	border-bottom: 1px solid #303f4e;
}

/*******************/
/*  footer styles  */
/*******************/
#footer { 
	margin:auto;
	width: 990px;
	margin-bottom: 25px;
	display: block;
	clear: both;
}

html>body #footer {margin-bottom: 65px;}

.utility {
	color: #cbc7bf;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	padding-top: 25px;
}
.utility a { color: #40cffd; text-decoration: none; }
.utility a:hover { color: #40cffd; text-decoration: underline; }
.utility-icon { padding: 20px 25px 0 8px; }

#credits {
	color: #cbc7bf;
	font: 10px Arial, Verdana, Helvetica, sans-serif;	
	float:left;
	padding: 25px 0 0 26px;
} 
#credits a { color: #cbc7bf; text-decoration: none; }
#credits a:hover { color: #cbc7bf; text-decoration: underline; }
#call {
	color: #40cffd;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	padding: 25px 25px 0 0;
	float:right;
}

.small-italic {
font-size: 10px;
font-style:italic;
}

.hr {
background-image: url(../pics/blue-dot.gif);
height: 1px;
color: transparent;
margin-top: 10px;
margin-bottom: 10px;

}

.staff-picture {
border: 0;}

#navbucket {
width: 200px;
float: right;
border: 1px solid #eeeeee;
margin-left: 20px;
margin-top: 15px;
}

.navbucket {
border-top: 1px solid #eeeeee;
padding: 5px;
background-color: #fbfbfc;


}

.navbucket a {
color: #3893b9!important;
text-decoration: none!important;
}

.navbucket a:hover {
color: #0e5481!important;

}

.navheader {
font-weight: bold;
background-color: #3893b9;
padding:5px;
color: white;
}



.navbucket-active {
padding: 5px;
border-top: 1px solid #eeeeee;
font-weight: bold;
}

#blue-arrow {

list-style-image: url(../pics/child/arrow.gif);
padding-left: 15px;
margin-left: 0;
margin-bottom: 25px;
}

.staff-picture {
	
margin: 0 0 10px 10px; /*top right bottom left*/
float: right;
}

.staff-picture img {border: 5px solid #eeeeee;}

a.blue {color: #085f8d!important; text-decoration: none!important;}
a.blue:hover  {color: #085f8d!important; text-decoration: underline!important;}
h2 a {color: #085f8d!important; text-decoration: none!important;}
h2 a:hover {color: #9f2527!important; text-decoration: none!important;}

#crest {
float: right;
padding-top: 52px;
}

/*Visual Acquisition*/

.software-features { font-size:11px; line-height:150%; background: url(../pics/software-bg.gif) no-repeat; padding:15px 0 0 15px; margin:10px 0 0 25px; width:525px; _margin-left:12px; text-align:left; float:left; }

.software-features  a { color: #9f2527; text-decoration: underline; }
.software-features a:hover { color: #9f2527; text-decoration: none; }

.software-features table {}

.software-features ul {margin-left:10px; padding-left:10px; .margin-bottom:12px; .margin-top:12px;}


/* Frames */

#frame { background: url(../frames/images/frame-bg.jpg) top center repeat-x #02182d; font: 12px Arial, Helvetica, sans-serif; color: #e0dfdf; }
#frame a { text-decoration: none; color: #e0dfdf; }
#frame a:hover { text-decoration: underline; }
#frame-logo { width: 344px; height: 67px; padding: 12px 0 0 12px; float: left; }
#frame-copy { padding: 32px 12px 0 0; float: right; line-height: 16px; }
