/* CSS Document */
body {
	margin: 0px;
	font-size:62.5%;
	background: #e2e2e2;
	height:100%;
	}
	
#wrapper {margin: auto; width:765px;}

#container { background-color:#FFFFFF; }

#header { background:url(../images/interface/header_bg.jpg) repeat-x; height:99px;}

#logo {float:left; padding: 0 0 0 10px;}

#contact_right { text-align:right; padding:29px 15px 0 0;}

#contact_right h1 { font: normal 1.4em/1.1em Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0;}
#contact_right h1 span { color:#741215;}

#feature_home { height:283px;}

#body_copy { padding: 0 2px; background:url(../images/interface/main_body_bg.jpg) repeat-y; height:100%}

.central { display:block; border-bottom:1px solid #741215; padding:16px 0 11px 0; margin: 0 30px 10px 21px; width:510px; }
.central h1{ margin:0 0 10px; padding:0 0 10px;}
.central p { margin:0 0 10px; padding:0;}
.central h1 { font:normal 1.8em/1em Arial, Helvetica, sans-serif; color:#6c6c6c; display:block; width:100%; border-bottom:1px solid #741215;}
.central h1 span {color:#000;}
.central p {font:normal 1.2em/1.1em Arial, Helvetica, sans-serif; color:#434343;}
.central h2 { font:bold 1.6em/1em Arial, Helvetica, sans-serif; color:#6c6c6c;}
.central h2 span { font-weight: normal; font-size:0.8em;}

.news h2 { margin:0 0 5px 0; padding:0}
.news_div {display:block; padding-bottom: 5px; border-bottom: solid 1px #e3e3e3; margin-bottom:10px}


.central h3 { font:bold 1.4em/1em Arial, Helvetica, sans-serif; color:#6c6c6c;}

.right_col {float:right; width:189px; margin-top:16px; padding-right: 21px}

.outrider {display:block; margin-bottom:10px;}
.outrider h1 { display:block; width:100%; margin:0; padding:0; background:url(../images/interface/right_col_h1_bg.gif) no-repeat top left; font:bold 1.4em/30px Arial, Helvetica, sans-serif; text-indent:10px; color:#393939; text-transform:capitalize;}
.outrider_border { border-right:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-top:1px solid #8c8c8c;}
.outrider_padding { padding:10px;}
ul.product_sub {margin: 0; padding:0; font:normal 1.4em/1.2em Arial, Helvetica, sans-serif; color:#393939; list-style:none;}
.outrider p {margin:0 0 5px; padding:0; font:normal 1.4em Arial, Helvetica, sans-serif; color:393939; }

.quote { background:#ebebeb; padding:10px; margin:0px}

span.b_red { font-weight:bold; color:#741215}

.download_icon {margin:0 5px 15px 0; float:left;}

#footer {clear:both; padding: 8px 2px 0; background:url(../images/interface/footer_top_bg.jpg) no-repeat;}

.footer_box { background:#d4d4d4; text-align:center; font: normal 0.8em/3.9em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#333333; display:block; height:39px;}

.footer_sans {text-align:center; font: normal 0.8em/3.9em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#333333; display:block; height:39px;}

/*bof navigation and links*/
#navigation { clear:both; height:31px; text-transform:uppercase; }
#nav {
		margin:0;
		padding:0;
	}

	#nav li {
	font: bold 12px/31px Arial, Helvetica, sans-serif;
	display:inline;
	padding:0;
	margin:0;
	
	}
	#nav a:link,
	#nav a:visited {
	color:#3d3c3c;
	text-decoration:none;
	float:left;
	display:block;
	height:32px;
	width:153px;
	text-align:center;
	background: url(../images/interface/nav_bg.jpg) left 0px} 
 
	#nav a:hover {
		color:#fff;
		background: url(../images/interface/nav_bg.jpg) left -31px} 

	
	#home #nav-home a,
	#about #nav-about a,
	#products #nav-products a,
	#news #nav-news a  {
		color:#fff;
		background: url(../images/interface/nav_bg.jpg) left -31px } 
		
#contact #nav-contact a {
		color:#fff;
		background: url(../images/interface/nav_bg.jpg) left -31px } 
		
	#home #nav-home a:hover,
	#about #nav-about a:hover,
	#products #nav-products a:hover,
	#news #nav-news a:hover {
		color:#fff;
		background: url(../images/interface/nav_bg.jpg) left -31px}
		
#contact #nav-contact a:hover {
		color:#fff;
		background: url(../images/interface/nav_bg.jpg) left -31px} 

	#nav a:active {
		color:#fff;
		background: url(../images/interface/nav_bg.jpg) left -31px}
		
		
		
#product_sub {	margin:0;
		padding:0;
		}

		#product_sub li {
		display:inline;
		padding:0;
		margin:0;}



	#product_sub a:link,
	#product_sub a:visited {
	text-decoration: none;
	display: block;
	font: bold 1.3em/1.2em Arial, Helvetica, sans-serif; 
	color:#393939;
} 
 
#product_sub a:hover {
		color:#741215;
	}

	#wasp #product_sub-wasp a,
	#public #product_sub-public a,
	#surveillance #product_sub-surveillance a,
	#intercept #product_sub-intercept a,
	#stage #product_sub-stage a
	 {
		color:#741215;
	}
	
	#wasp #product_sub-wasp a:hover,
	#public #product_sub-public a:hover,
	#surveillance #product_sub-surveillance a:hover,
	#intercept #product_sub-intercept a:hover,
	#stage #product_sub-stage a:hover {
		color:#741215;
	}

#product_sub a:active {
		color:#741215;
	}


.central h2 a:link, .central h2 a:visited { font:bold 1em/1em Arial, Helvetica, sans-serif; color:#6c6c6c; text-decoration:none}
.central h2 a:hover, .central h2 a:active { font:bold 1em/1em Arial, Helvetica, sans-serif; color:#741215; text-decoration:underline}	


.outrider_padding a.pagelink:link, .outrider_padding a.pagelink:visited { color: #666666; text-decoration:none; font:normal 0.9em/1em Arial, Helvetica, sans-serif; }
.outrider_padding a.pagelink:hover, .outrider_padding a.pagelink:active { color: #741215; text-decoration:underline; font:normal 0.9em/1em Arial, Helvetica, sans-serif; }

	
a.pagelink:link{ color: #666666; text-decoration:none }
a.pagelink:visited { color: #666666; text-decoration:none  }
a.pagelink:hover { color: #741215; text-decoration:underline  }
a.pagelink:active { color: #741215; text-decoration:underline  }


a.pagelink_dark:link{ color: #000; text-decoration:none; font-weight:bold }
a.pagelink_dark:visited { color: #000; text-decoration:none; font-weight:bold  }
a.pagelink_dark:hover { color: #741215; text-decoration:underline; font-weight:bold  }
a.pagelink_dark:active { color: #741215; text-decoration:underline; font-weight:bold  }

#footer a:link{ color: #333333; text-decoration:none }
#footer a:visited { color: #333333; text-decoration:none  }
#footer a:hover { color: #333333; text-decoration:underline  }
#footer a:active { color: #333333; text-decoration:underline  }


.central h1 a:link{ color:#741215; text-decoration:none }
.central h1 a:visited { color: #741215; text-decoration:none  }
.central h1 a:hover { color: #741215; text-decoration:underline  }
.central h1 a:active { color: #741215; text-decoration:underline  }




a.contact_link:link{ color: #741215; text-decoration:none }
a.contact_link:visited { color: #741215; text-decoration:none  }
a.contact_link:hover { color: #741215; text-decoration:underline  }
a.contact_link:active { color: #741215; text-decoration:underline  }


/*eof navigation and links*/



.right_list {display:block; width:45%; float:right; margin-bottom:10px;}
.left_list { display:block; width:45%; padding-right:20px}
.split_list { display:block;  width:100%; padding-bottom:15px;}
ul.listing {margin: 0 15px 0; padding:0 0 10px; font:normal 1.2em/1.2em Arial, Helvetica, sans-serif; color:#c8c8c8;}
ul.listing li span {color:#000;}
ul.listing li {
	padding-bottom:5px;
	list-style: square url(../images/interface/bullet_red.gif) outside;
}

ul.main_list {margin: 0; padding:0 ; font:bold 1.4em/1em Arial, Helvetica, sans-serif; color:#741215; list-style:none}
ul.main_list li { margin-left:15px;}
ul.main_list ul.listing {margin: 0; padding:10px 0; font:normal 0.9em/1.1em Arial, Helvetica, sans-serif; color:#c8c8c8;}
ul.main_list ul.listing li {
	padding-bottom:5px;
	margin-left:15px;
	list-style: square url(../images/interface/bullet_red.gif) outside;
}

span.mini {font:normal 0.8em/1em Arial, Helvetica, sans-serif; color:#741215;}



/*bof form stuff*/
.required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
	font: bold 1.4em/1.2em Arial, Helvetica, sans-serif;
}


/* STRUCTURE CSS */



.ddfmwrap {

	/*margin: 15px auto 15px auto;*/
	width: 270px;
	display:block;
	/*margin-top: 30px;
	padding: 20px;*/
}



 p.fieldwrap {
	display:block;
	margin:0px;
	vertical-align:top;
	padding:0;
	clear:left;
	text-align:right
	}

label {vertical-align:top; width:100px; display:block; float:left; font:normal 1em/1.2em Arial, Helvetica, sans-serif; color:#434343; margin:0 0 3px 0; text-align:left}



input.fmfile,
input.fmtext { 

color:#000000;
background-color: #fff;
width: 160px;
height: 15px;
border: 1px solid #8c8c8c;
/*margin-left: 50px;*/
font: normal 0.9em Verdana, Arial, Sans-Serif;
}

input.fmtextreq { 

color:#000000;
width: 160px;
height: 15px;
border: 1px solid #8c8c8c;
/*margin-left: 50px;*/
font: normal 0.9em Verdana, Arial, Sans-Serif;

}



.fmtextarea {
	display:inline;
	margin: 0px 0px 5px;
	color:#000000;
	font: normal 0.9em Verdana, Arial, Sans-Serif;
	background-color: #fff;
	width: 160px;
	height: 70px;
border: 1px solid #8c8c8c;
}

.errorlist {
font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
color:#FF0000; 
display: block;
width: 65%; 
margin-bottom: 20px;
}

.button_right {display:block; width:270px;  text-align:right}



/*lightbox items*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}