body {
	text-align : center;	
	font-family : tahoma;
	font-size : 0.9em;
	color : #666;
	padding : 0px;
	margin : 0px;
	background-color : #25273C;
}

/*######## END OF STANDARD ITEMS#######*/

#backgroundImage {
	position : absolute;
	top :0;
	left : 0;
	z-index : 0;
	width : 100%;
	height : 450px;
	padding : 0px;
	margin : 0px;
	background : url(../img/background_texture_8.png) top left repeat-x;
}

#wrapper {
	position : relative;
	width : 1000px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	z-index : 1;
}

#main {
	float : left;
	clear : both;
	width : 1000px;
	background : #F6F6F4 url(../img/main_bg.jpg) bottom left no-repeat;
	border-left : 0px solid #ccc;
	border-right : 0px solid #ccc;
}

#foot {
	float : left;
	clear : both;
	width : 1000px;
	font-size : 0.75em;
	text-align : center;
	color : #ccc;
	padding-bottom: 10px;
}

#foot a {
	color : #ccc;
	text-decoration : none;
}

#mast_head {
	float : left;
	clear : both;
	width : 1000px;
	height : 133px;
	font-family : georgia;
	font-size : 2em;
	color : #fff;
	margin : 0px 0px 0px 0px;
	background-color : #02BCE5;
	background : url(../img/mast_head.jpg) top left no-repeat;
}

#nav {
	float : left;
	clear : both;
	width : 1000px;
	font-family : arial;
	font-size : 0.8em;
	color : #888;
	margin : 0px 0px 0px 0px;
	text-align : center;
	background : url(../img/nav_bg.jpg) top right no-repeat;
}

.nav_itm {
	float : left; 
	clear : none;
	display : inline;
	width : 125px;
	height : 100px;
	margin : 0px 0px 0px 0px;
	color : #888;
	border-left : 0px solid #ccc;
	border-right : 0px solid #ccc;
}

.nav_itm a
{
	display : block;
	width : 125px;
	height : 30px;
	text-decoration : none;
	font-size : 10px;
	padding : 70px 0px 0px 0px;
	color : #888;
	vertical-align : bottom;
}

.nav_itm p
{

	width : 125px;

}
/*First part is default, second is hover state and active state. All this is needed for each nav item*/
#itm_hom a {
	background : url(../img/nav_home.jpg) top left no-repeat;
}
#itm_hom a:hover, #index #itm_hom a  {
	background : url(../img/nav_home.jpg) top right no-repeat;
}

#itm_mar a {
	background : url(../img/nav_marine_sur.jpg) top left no-repeat;
}
#itm_mar a:hover, #cat_5 #itm_mar a {
	background : url(../img/nav_marine_sur.jpg) top right no-repeat;
}

#itm_pro a {
	background : url(../img/nav_subsea.jpg) top left no-repeat;
}
#itm_pro a:hover, #cat_3 #itm_pro a  {
	background : url(../img/nav_subsea.jpg) top right no-repeat;
}

#itm_sea a {
	background : url(../img/nav_seabot.jpg) top left no-repeat;
}
#itm_sea a:hover, #cat_1 #itm_sea a  {
	background : url(../img/nav_seabot.jpg) top right no-repeat;
}

#itm_son a {
	background : url(../img/nav_sonar.jpg) top left no-repeat;
}
#itm_son a:hover, #cat_4 #itm_son a  {
	background : url(../img/nav_sonar.jpg) top right no-repeat;
}

#itm_mte a {
	background : url(../img/nav_marinetech.jpg) top left no-repeat;
}
#itm_mte a:hover, #cat_2 #itm_mte a  {
	background : url(../img/nav_marinetech.jpg) top right no-repeat;
}

#itm_lte a {
	background : url(../img/nav_landtech.jpg) top left no-repeat;
}
#itm_lte a:hover, #cat_7 #itm_lte a  {
	background : url(../img/nav_landtech.jpg) top right no-repeat;
}

#itm_scu a {
	background : url(../img/nav_scubacraft.jpg) top left no-repeat;
}
#itm_scu a:hover, #cat_6 #itm_scu a  {
	background : url(../img/nav_scubacraft.jpg) top right no-repeat;
}

#itm_prj a {
	background : url(../img/nav_project_management.jpg) top left no-repeat;
}
#itm_prj a:hover, #proj_management #itm_prj a  {
	background : url(../img/nav_project_management.jpg) top right no-repeat;
}

#itm_ppl a {
	background : url(../img/nav_people.jpg) top left no-repeat;
}
#itm_ppl a:hover, #people #itm_ppl a  {
	background : url(../img/nav_people.jpg) top right no-repeat;
}

#nav_underline {
	float : left;
	clear : both;
	width : 1000px;
	height : 30px;
	background-color : #02BCE5;
	border : 0px solid #f00;
}

.nav_underline_item {
	float : left; 
	clear : none;
	display : inline;
	height : 30px;
	margin : 0px 0px 0px 0px;
	color : #888;
	border-left : 0px solid #ccc;
	border-right : 0px solid #ccc;
	text-align : center;
	font-weight : normal;
	font-size : 0.8em;
	line-height : 30px;
	/*margin : -10px 0px 0px 10px;*/
	color : #F6F6F6;
	padding : 0px 5px 0px 5px;
}

.nav_underline_item  a {
	display : block;
	height : 30px;
	text-decoration : none;
	font-weight : normal;
	line-height : 30px;
	border : 0px solid #f00;
	text-align : center;
	color : #DDD;

}

.nav_underline_item  a:hover{
	background : url(../img/nav_underline_active.jpg);
	color : #F6F6F6;
}

.nav_underline_item img {
	margin : 0px 0px 0px 0px;
	vertical-align : middle;
	border : 0px solid #f00;
	padding : 0px 5px 0px 0px;
	line-height : 30px;
}
#content_left {
	float : left;
	clear : left;
	width : 740px;
	padding : 0px 0px 500px 0px;
	border : 0px solid #f00;
	min-height : 400px;
	border : 0px solid #f00;
	font-size : 0.75em;
}

#content_left h1 {
	font-weight : bold;
	font-size : 1.5em;
	width : 700px;
	margin : 30px 30px 0px 30px;
	padding : 0px 0px 5px 0px;
	border : 0px solid #f00;
	border-bottom : 1px solid #ccc;
}

#content_left h2 {
	font-weight : bold;
	font-size : 1.2em;
	width : 700px;
	margin : 20px 30px 0px 30px;
	padding : 0px 0px 5px 0px;
}

#content_left p {
	margin : 20px 20px 20px 30px;
	line-height : 14px;
}

#content_left #large_image {
	margin : 20px 30px 0px 30px;
	line-height : 14px;
}

#content_left ul {
	padding : 0px 0px 0px 40px;
}

#content_left #contact_form input {
	font-size : 1.4em;
	height: 1.6em;
	line-height:1.6em;
	padding-left: 4px;
}

#content_left #prod_img_wrap {
	float : left;
	clear : none;
	width : 100px;
	height : 100px;
	margin : 0px 20px 20px 10px;
	padding : 1px;
	border : 1px solid #ccc;
	padding : 0px 10px 0px 10px;
	background-color : #fff;
}

#content_left #prod_img_wrap #prod_img {
	max-width : 100px;
	max-height: 100px;
}

#content_left #prod_desc {
	float : left;
	clear : right;
	width : 710px;
	margin : 20px 0px 0px 20px;
}

#content_left #prod_desc h1 {
	float : left;
	clear : both;
	width : 710px;
	margin : 10px 10px 10px 10px;
}

#content_left #prod_desc p, #content_left #prod_desc ul{
	margin : 10px 10px 10px 10px;
}

/* CSS FOR TABBED MENUS ON PRODUCT PAGES*/
#content_left #prod_sections {
	float : left;
	clear : both;
	width : 710px;
	margin : 0px 10px 0px 10px;
}

#content_left #prod_sections .nav_container {
	float : left;
	clear : both;
	width : 710px;	
}

#content_left #prod_sections .nav_container a {
	position : relative;
	top : 1px;
	z-index : 1;
	float : left;
	padding : 0px 10px 0px 5px;
	height : 25px;
	border-top : 1px solid #aaa;
	border-right : 1px solid #aaa;
	border-left : 1px solid #aaa;
	border-bottom : 1px solid #aaa;
	margin : 0px 0px 0px 10px;
	line-height : 25px;
	text-decoration : none;
	color : #333;
	background : url(../img/tab_bg.jpg) top right repeat-x;
}

#content_left #prod_sections .nav_container a img{
	float : left;
	clear : none;
	margin : 0px 10px 20px 10px;
	padding : 1px;
	margin : 0px 5px 0px 0px;
	padding : 0px;
	
}

#content_left #prod_sections .nav_container a:hover {
	border-bottom : 1px solid #fff;
	background : #fff;
}

#content_left #prod_sections #components #tab_components,
#content_left #prod_sections #general #tab_general,
#content_left #prod_sections #applications #tab_applications,
#content_left #prod_sections #specification #tab_full_spec,
#content_left #prod_sections #clientprofiles #tab_clientprofiles, 
#content_left #prod_sections #options #tab_options {
	border-bottom : 1px solid #fff;
	background : #fff;
	font-weight : bold;
}


#content_left #prod_sections #main_content {
	float : left;
	width : 710px;
	border : 1px solid #aaa;
	background-color : #fff;
	padding : 0px 0px 10px 0px;
}

#content_left #prod_sections #main_content a {
	text-decoration : none;
	color : #333;
	margin : 0px; 
}

#content_left #prod_sections #main_content p {
	margin : 10px;
}

#content_left #prod_sections #main_content ol { 
	margin : 10px;
	margin : 0px 0px 0px 50px;
}

#content_left #prod_sections #main_content img {
	float : right;
	clear : none;
	margin : 0px 10px 10px 10px;
}

#content_left #prod_sections #main_content h2 {
	font-size : 1.2em;
	font-weight : bold;
	margin : 10px;
	padding : 0px;
	color : #333;
}
#content_left #prod_sections #main_content h2 a {
	margin : 0px;
	padding : 0px 20px 0px 0px;
	background : url(../img/icons/link_grey.gif) center right no-repeat;
}

#content_left #prod_sections #main_content h2 a:hover {
	color : #888;
	background : url(../img/icons/link.gif) center right no-repeat;
}

#content_left #prod_sections #main_content table {
	float : left;
	clear : both;
	width : 690px;
	margin : 10px;
	padding : 0px;
}

#content_left #prod_sections #main_content td {
	border-bottom : 1px solid #ddd;
}

#content_left #prod_sections #main_content .rel_product {
	float : left;
	clear : both;
	width : 690px;
	border : 1px solid #ddd;	
	margin : 10px 0px 0px 10px;
	padding : 0px 0px 10px 0px;
}

#content_left #prod_sections #main_content .rel_product h2 {
	float : left;
	clear : both; 
	width : 680px;
	height : 20px;
	background-color : #ddd;
	font-size : 1em;
	font-weight : bold;
	padding : 0px 0px 0px 10px;
	margin : 0px;
	color : #333;
}
#content_left #prod_sections #main_content .rel_product a {
	background : #ddd;
}
#content_left #prod_sections #main_content .rel_product a:hover {
	background : #ddd;
	color : #888;
}


#content_left #prod_sections #main_content .rel_product .rel_img_container {
	float : left;
	clear : none;
	width : 100px;
	height : 100px;
	margin : 10px 10px 0px 10px;
	padding : 0px 10px 0px 0px;
	border-right : 1px solid #ddd;
}

#content_left #prod_sections #main_content .rel_product .rel_img_container img
{
	max-width : 100px;
	max-height : 100px;
	margin : 0px;
}

#content_left #prod_sections #main_content .rel_product  p
{
	float : left;
	clear : right;
	width : 520px;
	margin : 10px 10px 10px 0px;;
}

#content_left #prod_sections #main_content .rel_product a {
	color : #333;
	text-decoration : none;
}


/*######## STYLING FOR LEFT PRODUCT LIST PAGE #######*/
#content_left #products_wrapper {
	margin : 20px 0px 0px 20px;
}

#content_left .sect_banner {
	float : left;
	clear : both;
	width : 700px;
	margin : 0px 0px 10px 10px;
}

#content_left .feat_product {
	float : left;
	clear : both;
	width : 700px;
	height : 130px;
	border : 1px solid #ddd;	
	margin : 10px 0px 0px 10px;
	padding : 0px 0px 10px 0px;
	background-color : #fff;
}

#content_left .feat_product  h2 {
	float : left;
	clear : both; 
	width : 690px;
	height : 20px;
	background-color : #ddd;
	font-size : 1em;
	font-weight : bold;
	padding : 0px 0px 0px 10px;
	margin : 0px;
	color : #333;
}

#content_left .feat_product .img_container {
	float : left;
	clear : none;
	width : 100px;
	height : 100px;
	margin : 10px 10px 0px 10px;
	padding : 0px 10px 0px 0px;
	border-right : 1px solid #ddd;
}

#content_left .feat_product p
{
	float : left;
	clear : none;
	width : 540px;
	margin : 10px;
}

#content_left .reg_product {
	float : left;
	clear : none;
	width : 345px;
	height : 130px;
	border : 1px solid #ddd;	
	margin : 10px 0px 0px 10px;
	padding : 0px 0px 10px 0px;
	background-color : #fff;
}

#content_left .reg_product  h2 {
	float : left;
	clear : both; 
	width : 335px;
	height : 20px;
	background-color : #ddd;
	font-size : 1em;
	font-weight : bold;
	padding : 0px 0px 0px 10px;
	margin : 0px;
	color : #333;
}
#content_left .reg_product  h2 a, #content_left .feat_product  h2 a  {
	text-decoration : none;
	color : #333;
}

#content_left .reg_product .img_container
{
	float : left;
	clear : none;
	width : 100px;
	height : 100px;
	margin : 10px 10px 0px 10px;
	border-right : 1px solid #ddd;
	padding : 0px 10px 0px 0px;
}

#content_left .reg_product .img_container img
{
	max-width : 100px;
	max-height : 100px;
}

#content_left .reg_product p
{
	float : left;
	clear : right;
	width : 170px;
	margin : 10px;
}

.infolink {
	float : left;
	clear : none;
	width : 60px;
	padding : 0px 0px 0px 5px;
	margin : 0px 0px 0px 10px;
	border : 1px solid #ddd;
	background-color : #eee;
	color : #333;
	text-decoration : none;
}

.infolink_nofloat {
	width : 60px;
	padding : 0px 0px 0px 5px;
	margin : 0px 0px 0px 10px;
	border : 1px solid #ddd;
	background-color : #eee;
	color : #333;
	text-decoration : none;
}

#content_left .reg_product a:hover, #content_left .feat_product a:hover {
	background-color : #ccc;
}

#content_left .faq li {
	list-style-type:none; 
	background : url(../img/icons/question.gif) top left no-repeat;
	padding : 0px 0px 0px 20px;
	font-size : 1em;
	font-weight : bold;
	margin : 0px 0px 10px 0px;
	line-height : 16px;
}

#content_left .faq_sub li {
	list-style-type:none; 
	background : url(../img/icons/answer.gif) top left no-repeat;
	padding : 0px 0px 0px 20px;
	font-weight : normal;
	line-height : 16px;
}

#content_left .search_seperator {
	float : left;
	clear : both;
	width : 690px;
	border : 1px solid #ddd;	
	margin : 10px 0px 0px 10px;
	background-color : #C7E7FE;
	font-size : 1em;
	font-weight : bold;
	line-height : 20px;
	padding : 0px 0px 0px 10px;
	color : #000;
}

#content_left form p {
	margin : 10px 0px 0px 30px;
}

/*######## STYLING FOR RIGHT COLUMN ITEMS #######*/
/*These are classes because we need the ID for nav styling*/
.content_right {
	float : left;
	clear : none;
	width : 220px;
	border : 0px solid #f00;
	margin : 0px 0px 0px 20px;
}

.content_right h2 {
	float : left;
	clear : both;
	width : 150px;
	border-bottom : 1px solid #ccc;
	font-weight : bold;
	font-size : 1em;
	margin : 20px 20px 0px 0px;
	color : #666;
	padding : 0px 0px 10px 0px;
	border : 0px solid #f00;
	line-height : 30px;
}

.content_right h3 {
	float : left;
	clear : both;
	width : 220px;
	font-size : 1em;
	text-decoration : none;
}

.content_right h2 img {
	vertical-align : middle;
	padding : 0px 5px 0px 0px;
}

.content_right .app_nav_itm {
	float : left;
	clear: both;
	width : 200px;
	height : 25px;
	color : #666;
	margin : 5px 10px 5px 20px;
	font-size : 0.9em;
	line-height : 25px;
	vertical-align : middle;
	border : 0px solid #f00;
}

.content_right .app_nav_itm img {
	vertical-align : middle;
	margin : 0px 5px 0px 5px;
	border : 0px solid #f00;
}

.content_right .app_nav_itm a {
	display : block;
	width : 200px;
	height : 25px;
	text-decoration : none;
	color : #333;
}

#itm_aqua a:hover, 
#itm_hydr a:hover,
#itm_insh a:hover,
#itm_mari a:hover,
#itm_offs a:hover,
#itm_insp a:hover,
#itm_pota a:hover, 
#itm_scie a:hover,
#itm_sear a:hover,
#itm_secu a:hover,
#aquaculture  #itm_aqua, 
#hydro #itm_hydr, 
#inshore #itm_insh,
#maritimesecurity #itm_mari,
#offshore #itm_offs,
#inspection #itm_insp,
#potablewater #itm_pota,
#scientificresearch #itm_scie,
#searchandrescue #itm_sear,
#security #itm_secu {
	background : url(../img/active_rightnav_item.png);
}

.content_right .infobox {
	float : left;
	clear : both;
	width : 210px;
	border : 1px dashed #ddd;
	background-color : #fff;
	margin : 20px 10px 0px 10px;
	font-size : 0.7em;
	color : #333;
	padding-bottom: 5px;
}

.content_right .infobox h3 {
	float : left;
	clear : both;
	background-color : #ddd;
	width : 210px;
	color : #333;
	border-bottom : 1px solid #ddd;
	font-size : 1.1em;
	font-weight : bold;
	line-height : 20px;
	margin : 0px 0px 10px 0px;
}
.content_right .infobox h3 img {
	margin : 2px 5px 2px 5px;
	vertical-align : middle;
}

.content_right .infobox p, .content_right .infobox img {
	margin : 5px 10px;
	color : #333;
}

.content_right .infobox img {
	max-width : 55px;
}

.content_right .infobox a {
	text-decoration : none;
	color :  #252733;
}

.content_right .infobox form {
	margin : 5px 0px 5px 10px;
	color : #333;
}

.content_right .infobox input {
	margin : 5px 0px 5px 5px;
	padding : 0px;
}

.content_right .news p {
	margin : 10px;
}

.content_right .news_date {
	display:block;
	color: #777;
	margin-top:3px;
	border-top: 1px dashed #ddd;
}

.content_right .newsbox {
	float : left;
	clear : both;
	width : 210px;
	margin : 20px 10px 0px 10px;
	background-color : #fff;	
}
.content_right .newsbox a {
	display : block;
	width : 200px;
	text-decoration : none;
	color :  #252735;
	margin : 10px 0px 10px 10px;
	font-size : 0.9em;
	font-weight : bold;	
}

.content_right .newsbox p {
	margin : 10px;
	font-size : 0.75em;
}

.content_right .newstitlebox {
	float : left;
	clear : both;
	width : 210px;
	margin : 5px 10px 0px 10px;
	background-color : #fff;	
	border : 1px dashed #ddd;
}

.content_right .newstitlebox a {
	display : block;
	width : 200px;
	text-decoration : none;
	color :  #252735;
	margin : 10px 0px 10px 10px;
	font-size : 0.6em;
}

/*######## STYLING FOR MISC ITEMS #######*/
.error_text {
	float : left;
	clear : both;
	width : 950px;
	height : 25px;
	background-color : #FFF8B9;
	border : 1px solid #E1BB22;
	margin : 10px 20px 0px 30px;
	line-height : 25px;
}

.error_text img {
	float : left;
	clear : none;
	margin : 0px 10px 0px 5px;
}

.error_text p {
	line-height : 25px;
	font-size : 0.75em;
}

/*## MAINT PAGE STYLING ##*/
#maintNav {
	float:left;
	margin:0px;
	padding:0px;	
	margin-right: 20px;
	padding-bottom:20px;
	width: 200px;
}
#maintNav a {
	text-decoration:none;
}
#maintNav a:hover {
	color:red;
}
#maintArea {
	float:left;
	margin:0px;
	padding:0px;		
	width: 730px;
}
#maintArea h1,
#maintArea h2,
#maintArea h3,
#maintArea p {
	margin:0px 0px 5px 0px;
	padding:0px;		
	border: 0px;
}
#maintArea .listTable,
#maintArea .stdBox {
	margin:10px 0px;
	width:730px;
}
#maintArea .listTable th {
	font-size: 110%;
}
#maintArea a {
	text-decoration: none;
}

.client_profile img{
	float : right;
}

/* site specific hover info link boxes */

.infoboxtip h4 {
	background : url(../img/background_texture_8.png) top left repeat-x;
	color: #FFF;
	font-size: 85%;
	font-family: arial;
}
.infoboxtip p {
	margin: 10px;
	font-size: 75%;
	line-height: 100%;	
	font-family: arial;
}

.news_foot {
	float : left;
	clear : both;
	width : 690px;
	margin : 00px 30px 0px 30px;
	padding : 2px 0px 2px 10px;
	background-color : #ddd;
}

.news_foot img {
	float:right;
	margin-top:-15px;
	margin-right: 2px;
}
/* Home page slideshow */

.slideshow {     
	padding: 0;  
    height: 250px; 
	width: 730px; 
	margin: 20px; 
}
.slideshow img { 
	width: 730px; 
    height: 250px;
	top:  0; 
    left: 0;  
}

/* For hiding images in news stories in right margin */
.noImg img{
	display:none;
}

#display_news_story img {
	float:left;
	margin: 3px 30px 20px 0px;
}