/* CSS Document */
body{
	/* background:url(../images/bg.gif) 0 0 #FFFFFF; color:#000000;*/
	background-color:#FFFFFF;
	font-color:#000000;
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
	
/* -- navigation start -- */
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; }
.menu2 li {
	float:left;
}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#fff; background:url(../images/button3.gif);}
.menu2 li.current a b {background:url(../images/button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(../images/button4.gif);}
.menu2 li a:hover b {background:url(../images/button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(../images/button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(../images/button3.gif) no-repeat right top;}
/* -- navigation end -- */

/* -- body start -- */
#body{
	width:800px; margin:0 auto; padding:0 0 10px 0;
	background:url(../images/header_bg12.gif) no-repeat right top #FFFFFF; color:#000000;}
	/*image section above appears just below the site logo*/
#body img.logo{
	border:none; margin: 0px 0 0 0;}
#body h1{
	background:url(../images/ocean-automation-logo-with-lloyds-iso.png) no-repeat 0 0 #FFFFFF;
	color:#D6D6D6;
	width:800px;
	height:140px;
	text-indent:-20000px;
}
	/*above image appears as site logo*/
#body div.bodyText{
	padding:20px 0 0 0;
	text-align:justify}
#body div.bodyText h2{
	font:bold italic 16px/16px Verdana, Arial, Helvetica, sans-serif; color:#000000; border-bottom: 2px solid #1E0FD7;}
#body div.bodyText h2 span{
	color:#000000; background-color:#FFFFFFF;}
#body div.bodyText h3{
	text-indent: 50px;
	font: 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;
	background:url(../images/arrow_right_blue_round.png) no-repeat 50px 5px #FFFFFF; padding:2px 2px 2px 25px;}
#body div.bodyText h4{
	font:normal 20px/24px Verdana, Arial, Helvetica, sans-serif; color:000000;
	background-color:#FFF7DE; padding:0 0 0 10px;}
#body div.bodyText p{
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:10px 0;
	background-color:#FFFFFF;
	text-align:justify;
}
#body div.bodyText p a{
	color:#003E6A; background-color:#FFFFFF; text-decoration:underline;}
#body div.bodyText p a:hover{
	text-decoration:none;
	text-align: left;
}
#body div.catagory{
	padding:25px 0 0 0;}

.floatLeft{
	float:left;}

#footer{
	background-color:#E0E0E0;
	border-top: 3px solid #C8C8C8;
	border-bottom: 3px solid #C8C8C8;}
	/*background-image:url(../images/footergrey.png);*/
.footer{
	width:800px; 
	margin:0 auto; 
	color: #666;
	line-height:normal;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:10px;}

.bullet {
	background-image:url(../images/bg.gif) no-repeat 2px 5px #FFFBED;}

.style3 {
	font-size: 12px;
	color: #000000;
	padding: 0px;
	}
.style5 {font-size: 12px;
 	color: #c1c1c1;
  	padding: 0px;
	line-height:normal; }
	
.contactbar{
	background:url(../images/bluegrey.gif) no-repeat left bottom;}

.contactblue {
	color: #000000;
	background-image:url(../images/menubackgrey.png);
	background-color:#ccc;
	font-weight: bold;
	padding-left:10px;
}
.greyback{
	color: #000000;
	font-weight: bold;
	font-size:14px;
	padding-left:10px;
	font-variant:small-caps;
	border-top:2px solid #E1E1E1;
	}
.menublue {
	color: #FFFFFF;
	background-image:url(../images/menuback.png);
	background-color:#1941c4;
	font-weight: bold;
	font-style:normal;
	font-variant:small-caps;
	padding-left:10px;
}
.contactgreyback {
	color: #000000;
	background-color:#EEE;
	font-weight:normal;
	padding-left:10px;
	
}

.style6 {color:#000000;
	font-size: 12px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-align:left;}
	
.mobi a {
	color:#000000;
	text-decoration:none;
	font-style:italic;
	font-size:8px}
	
.brochure a{
	color:#000000;
	}
.downloadpdf {
	background:url(../images/pdf.png) no-repeat;
	color: #666666;
	/*background-color:#cccccc;*/
	font-weight: bold;
	float:right;
	padding:5px;
	text-decoration:none;
	font-variant:small-caps;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:350px;
	text-indent:30px;
	/*background:url(../images/pdf1.bmp);*/
	}
.visitcmr {
	color:#666666;
	background-color:#cccccc;
	font-weight: bold;
	float:right;
	padding:5px;
	text-decoration:none;
	font-variant:small-caps;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:350px;
	background:url(../images/visitweb.jpg) no-repeat;
	}
	
.visitrte {
	color:#666666;
	background-color:#cccccc;
	font-weight: bold;
	float:right;
	padding:5px;
	text-decoration:none;
	font-variant:small-caps;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:350px;
	background:url(../images/visitweb.jpg) no-repeat;
	}
.underlinebold {
	text-decoration:underline;
	font-weight:bold;
	}
	
.products {font-size: 12px;
 	color: #000000;
  	padding: 10px;
	line-height:normal;
	background:url(../images/fadegrey.jpg) repeat-x 0 0;
	text-align:justify;
	 }

.divider{
	width:1px; 
	padding:0px 0px 0px;
	border-right:thin;
	border-right-color:#CCCCCC;
	border-left:thin;
	border-left-color:#CCCCCC;
	}
	
.emailadd {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	font-style:none;
	font-size:12px}
	
.homebul {
	background:url(../images/folder_icon.gif) no-repeat 0px 2px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	font-style:none;
	font-size:12px;
	padding-left:20px;}
	
.mainmenu {
	color:#666;
	background-color:#EFEFEF;
	border-bottom: 1px solid #C8C8C8;
	font-weight: bold;
	float:right;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
	font-variant:normal;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:800px;
	}

.iconspan{
	float: right;
	margin: 0px;
	cursor:hand;
	cursor:pointer;
	font-weight: normal;
	font-style:italic;
	font-size:12px;
	}

.eg-bar{
	background-color: #EEF5D3;
	font-weight: bold;
	border: 0px solid black;
	padding: 0px;
	}

div.eg-bar{
	width: 750px;
	}

.icongroup2{
	background-color:#E1E1E1;
	padding:10px;
	font-size:12px;
	color:#000000;
	width: 800px;
	}
.style7 {
	color: #163BC0;
	font-size: 9px;
	font-weight: bold;
	}
.style8 {
	color: #163BC0;
	font-style: italic;
	}
.systembullet{
	text-indent: 50px;
	font: 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;
	background:url(../images/arrow_right_blue_round.png) no-repeat 50px 5px #FFFFFF; padding:1px 1px 2px 25px;}
	
.servicespicture{
	background:url(../images/calibration-projects.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:250px; }
	/*above image appears as site logo*/
	
.pgimage{
	padding:10px;
}
	
.designeng {
	background:url(../images/design-engineering.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.projectman {
	background:url(../images/project-management.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.servicerep {
	background:url(../images/service-repair.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.technicalsales {
	background:url(../images/technical-sales.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.commissioningser {
	background:url(../images/commissioning-services.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.offices {
	background:url(../images/offices.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.stores {
	background:url(../images/stores.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.workshop {
	background:url(../images/workshop.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.vacancies {
	background:url(../images/vacancies.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.contactus {
	background:url(../images/contact.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.afterhours {
	background:url(../images/after-hours.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.locationmap {
	background:url(../images/location-map.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.sitemap {
	background:url(../images/sitemap.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.facilities {
	background:url(../images/facilities.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
.qms {
	background:url(../images/quality-management-system.jpg) no-repeat 0 0 #FFFFFF; color:#000000;
	width:800px; height:18px; text-indent:-20000px;}
	
.centre {
	text-align:center;
	vertical-align: middle }
	
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 8px; 
}
 .carund{color:#000000;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-align:left;}   
	
.notread{color:#000000;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-variant:small-caps;} 

.centre{
	text-align:center;
	} 
	
#twitter_t {
   width: 500px;
   height: 19px;
   background-color:#e1e1e1;
   background:url("../images/twitter-top.jpg")  0 0 no-repeat;
}

#twitter_m {
   width: 470px;
   padding: 0px 15px;
   background-color:#e1e1e1;
   background:url("../images/twitter-middle.jpg")  0 0 repeat-y;
}

   #twitter_container {
       min-height:45px;
       height:auto !important;
       height:40px;
       padding-bottom:10px;
	   background-color:#ffffff;
   }

       #twitter_update_list {
           width: 450px;
           padding: 0;
           overflow: hidden;
           font-family: Georgia;
           font-size: 14px;
           font-style: italic;
           color:#6666666;
           line-height: 16px;
           font-weight:bold;
       }

       #twitter_update_list li {
           width: 450px;
           list-style:none;
		         }

       #twitter_update_list li a {
           color:#000000;
           border-bottom: 1px;
		   text-decoration: none;
       }

       #twitter_update_list li a:hover {
           color: #31353d;
           background: #d3f1f9;
       }

#twitter_b {
   width: 500px;
   height: 50px;
   background-color:#e1e1e1;
   background:url("../images/twitter-bottom.jpg")  0 0 no-repeat;
}