/* CSS Document */

body {
	font-family: arial, verdana, sans-serif;
	text-align: center;
	background-color: #062852; 
	font-size: 100%;
	behavior: url(csshover.htc);
}

.clear {
	clear: both;
	height: 0;
	font-size: 0px;
}

#container {
	text-align: left;
	width: 968px;
	height: auto;
	margin: 10px auto;
	background: #062852;
}

#header  {
	position: relative;
	width: 968px;
	height: 77px;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../images/header_tile.gif) 0 0 repeat;
}

/* start of nav bar */

#mainnav  {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	width: 968px;
	height: 46px;	
}

#mainnav ul {
	margin: 0 0 0 0;
	list-style: none;
	padding: 0;
	background: url(../images/nav.gif) 0 0 no-repeat;
	width: 968px;
	height: 46px;
}

#mainnav ul li {
	position: absolute;
	height: 46px;
	margin: 0;
	padding: 0;
}

#mainnav ul li a{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	height: 46px;
}

#mainnav #home_li {
	left: 86px;
	width: 147px;
}
#mainnav #home_li a:hover, #home_section #mainnav #home_li a {
	background: url(../images/nav.gif) -86px -46px no-repeat;
}

#mainnav #special_li {
	left: 247px;
	width: 147px;
}
#mainnav #special_li a:hover, #special_section #mainnav #special_li a, #eyecam_section #mainnav #special_li a, #target_section #mainnav #special_li a, #image-recovery_section #mainnav #special_li a, #lasers_section #mainnav #special_li a, #binoculars_section #mainnav #special_li a, #night-vision_section #mainnav #special_li a, #ids_section #mainnav #special_li a, #flash_section #mainnav #special_li a {
	background: url(../images/nav.gif) -247px -46px no-repeat;
}

#mainnav #cyclone_li {
	left: 247px;
	width: 147px;
}
#mainnav #cyclone_li a:hover, #cyclone_section #mainnav #cyclone_li a, #revolutionary_section #mainnav #cyclone_li a, #benefits_section #mainnav #cyclone_li a, #practical_section #mainnav #cyclone_li a, #environment_section #mainnav #cyclone_li a, #documents_section #mainnav #cyclone_li a {
	background: url(../images/nav.gif) -247px -46px no-repeat;
}

#mainnav #about_li {
	left: 409px;
	width: 147px;
}
#mainnav #about_li a:hover, #about_section #mainnav #about_li a  {
	background: url(../images/nav.gif) -409px -46px no-repeat;
}

#mainnav #contact_li {
	left: 571px;
	width: 147px;
}
#mainnav #contact_li a:hover, #contact_section #mainnav #contact_li a  {
	background: url(../images/nav.gif) -571px -46px no-repeat;
}

/* end of main nav bar */

#content_area {
	padding: 0;
	margin: -4px 0 0 0;
	width: 968px;
/*	height: 100%;*/
	background: url(../images/template_bg.gif) 0 0 repeat;
}

#special {
/*	position: absolute;*/
float: left;
	margin: 9px 0 0 9px;
	padding: 0;
	width: 235px;
	height: 395px;
	border: 1px solid #fff;
	background: url(../images/special_bg.gif) 0 0 repeat;
}

#special2 {
	position: absolute;
	margin: 9px 0 0 9px;
	padding: 0;
	width: 235px;
	height: 395px;
	border: 1px solid #fff;
	background: url(../images/special_bg.gif) 0 0 repeat;
}

#special2 p{
	margin: 10px 10px 10px 10px;
}

/* start of Special Equipment nav bar */

#specialnav  {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 235px;
	background: url(../images/special_bg.gif) 0 0 repeat;	
}

#specialnav ul {
	margin: 0;
	padding: 0;
	width: 235px;
	background: url(../images/special_bg.gif) 0 0 repeat;
}

#specialnav ul li {
	position: relative;
	list-style: none;
	height: 38px;
	margin: 0;
	padding: 0;
	background: url(../images/nav_bullet.gif) 10px 15px no-repeat;
}

#specialnav ul li a{
	display: block;
	padding: 20px 0 0 25px;
	font-size: 1.125em;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
}

#specialnav ul li.top{
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

#eyecam_section #specialnav ul li#eyecam_li a, 
#target_section #specialnav ul li#target_li a, 
#image-recovery_section #specialnav ul li#recovery_li a, 
#lasers_section #specialnav ul li#lasers_li a, 
#binoculars_section #specialnav ul li#binoculars_li a, 
#night-vision_section #specialnav ul li#night_li a, 
#ids_section #specialnav ul li#ids_li a, 
#flash_section #specialnav ul li#flash_li a, 

#cyclone_section #specialnav ul li#intro_li a, 
#revolutionary_section #specialnav ul li#revolutionary_li a, 
#benefits_section #specialnav ul li#benefits_li a, 
#practical_section #specialnav ul li#practical_li a, 
#environment_section #specialnav ul li#environment_li a, 
#documents_section #specialnav ul li#documents_li a {
	font-weight: bold;
	text-decoration: none;
	color: #e2c215;
	background: transparent;
	border: none;
}

/* end of special equipment nav bar */ 

#images_section {
/*	position: absolute;*/
	float: right;
	width: 710px;
	height: 170px;
	text-align: left;
/*	margin: 10px 0 0 250px;*/
	margin: 10px 10px 20px 0;
	padding: 0;
}

#images_section ul {
	width: 710px;
	margin: 0;
	padding: 0;
}

#images_section ul li {
	float: left;
	list-style: none;
	margin: 32px 0px 0px 22px;
	padding: 0;
}

#body_section {
/*	position: absolute;*/
	width: 690px;
	height: auto;
/*	margin: 190px 0 0 250px;*/
	margin: 0 0 0 265px;
	text-align: left;
	padding: 0;
}

#body_section2 {
	position: absolute;
	width: 670px;
	height: auto;
	margin: 0 0 0 250px;
	padding: 25px;
	text-align: left;
}

#body_section li{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.9375em;
	color: #000;
	line-height: 1.25em;
	margin: 5px 0 0 15px;
}

#body_section a {
	font-weight: normal;
	text-decoration: underline;
	color: #2255b4;
	background: transparent;
}

#body_section a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #ffc230;
	background: transparent;
	border: none;
}

#flash_area  {
	position: relative;
	width: 968px;
	height: 235px;
	border: 0;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
}

#intro_area {
	margin: 0;
	padding: 0;
	width: 968px;
	height: 187px;
	background: #eaf3fb;
}

#intro2_area {
	margin: 0;
	padding: 0;
	width: 968px;
	height: 240px;
	background: #eaf3fb;
}

#se_box {
	position: absolute;
	width: 458px;
	height: 161px;
	margin: 12px 0 0 25px;
	padding: 0;
	background: url(../images/se.jpg) 0 0 no-repeat;
}

#se_box p {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.75em;
	color: #000;
	line-height: 1.35em;
	margin: 4px 10px 10px 180px;
}

#se_box h3{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.8125em;
	color: #013485;
	line-height: 1.25em;
	margin: 10px 10px 0px 180px;
}

#contact_box1 {
	position: absolute;
	width: 458px;
	height: 161px;
	margin: 12px 0 0 23px;
	padding: 0;
	background: url(../images/contact_bg.gif) 0 0 no-repeat;
}

#contact_box1 p {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.75em;
	color: #000;
	line-height: 1.35em;
	margin: 4px 10px 10px 20px;
}

#contact_box1 h3{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.8125em;
	color: #013485;
	line-height: 1.25em;
	margin: 10px 10px 0px 20px;
}

#contact_box2 {
	position: absolute;
	width: 200px;
	height: 161px;
	margin: 103px 0 0 223px;
	padding: 0;
}

#contact_box2 p {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.75em;
	color: #000;
	line-height: 1.35em;
	margin: 4px 10px 10px 20px;
}

#contact_box2 a {
	font-weight: normal;
	text-decoration: underline;
	color: #2255b4;
	background: transparent;
}

#contact_box2 a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #ffc230;
	background: transparent;
	border: none;
}

#about_box {
	position: absolute;
	width: 880px;
	height: 161px;
	margin: 12px 0 0 23px;
	padding: 0;
}

#about_box p {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.75em;
	color: #000;
	line-height: 1.35em;
	margin: 4px 10px 10px 20px;
}

#about_box h3{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.8125em;
	color: #013485;
	line-height: 1.25em;
	margin: 10px 10px 0px 20px;
}

#map_box {
	position: absolute;
	width: 458px;
	height: 161px;
	margin: 12px 0 0 488px;
	padding: 0;
	background: url(../images/contact_bg.jpg) 0 0 no-repeat;
}

img {
	border: 0;
}

#cp_box {
	position: absolute;
	width: 458px;
	height: 161px;
	margin: 12px 0 0 487px;
	padding: 0;
	background: url(../images/cyclone_engine.jpg) 0 0 no-repeat;
}

#cp_box p{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.75em;
	color: #000;
	line-height: 1.25em;
	margin: 4px 10px 10px 180px;
}

#cp_box h3{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.8125em;
	color: #013485;
	line-height: 1.25em;
	margin: 10px 10px 0px 180px;
}

p, td, ul, li, ol {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 0.8125em;
	color: #000;
	line-height: 1.25em;
	margin: 5px 5px 10px 0px;
}

p.smaller {
	font-size: 10px;
}

a {
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
	background: transparent;
}

a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #e2c215;
	background: transparent;
	border: none;
}
a.active {
	font-weight: normal;
	text-decoration: underline;
	color: #e2c215;
	background: transparent;
	border: none;
}

h1 {
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	color: #013485;
	margin-top: 4px;
	margin-bottom: 7px;
}

h2 {
	font-size: 0.875em;
	font-weight: bold;
	font-style: normal;
	color: #000;
	margin-top: 4px;
	margin-bottom: 4px;
}

h2.smaller {
	font-size: 0.8125em;	
}

h3 {
	font-size: 0.875em;
	font-weight: bold;
	font-style: normal;
	color: #013485;
	margin-top: 4px;
	margin-bottom: 4px;
}

#footer  {
	clear: both;
	position: relative;
	width: 968px;
	height: 33px; 
	text-align: right;
	background: url(../images/footer_bg.gif) 0 0 no-repeat;
}

#footer p {
	padding: 8px;
	font-size: 10px;
	color: #999;
	margin: 0;	
}

.image-header {
	float: left;
	margin: 18px 0 0 20px;
	border: 0;
}

.image-left {
	float: left;
	margin: 2px 0 0 0;
	padding: 3px 7px 3px 7px;
	border: 0;
}

.image-right {
	float: right;
	margin: 0 5px 8px 8px;
	border: 4px solid #dcddde;
}

.image-centre {
	margin: 0 5px 8px 0px;
	border: 4px solid #dcddde;
}

.image-right2 {
	float: right;
	margin: 8px 5px 8px 27px;
}

.imagelink {
	border: 0;
}

.table1 {
	width:660px;
	border: 1px solid #ccc;
	background: #c9d9e9;
}