html { overflow-y:scroll !important; }
html,body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
/* HIdes from IE6 */
html>body #wrap {
	height:100%; /* 100 % height */
}
html>body #ContentWrap {
	height:100%;

} 
#ContentWrap {	
	margin-top:10px;
}
html>body #grl_content {padding-bottom:60px;}
html>body #footer {
	position:fixed;
	bottom:0;
}

body {
	background: #1f1f3a url(img/screen_bg.jpg) no-repeat center top;
	padding: 0px;
}
#wrap{
	font-family: Tahoma, Arial, Helvetica;
	font-weight: normal;
}
#header_content {
	margin:0px auto;
	width:940px;
}
#header {
	height:100px;
	width:940px;
	position:relative;
	z-index:5;
}
#headerimg {
	position: absolute;
	right:0px;
	top:7px;
	width:935px;
	height:93px;
	background-image: url(img/logo_bg.png);
	_background-image: url(img/logo_bg.gif);
}
#headerimg img {
}
#Logo {
	position:absolute;
	left: 35px;
	top: 16px;
}
#Logo img {
	width:194px;
	height:60px;
	behavior: url(js/iepngfix.htc); 
}
#GRL_searchlogin {
	position:absolute;
	width: 170px;
	right:0px;
	top:20px;
}
#GRL_search{
	margin-top:5px;
	height:25px;
	position:relative;
	background: transparent url(img/user.png) no-repeat scroll;
	_background: transparent url(img/searchbox.gif) no-repeat scroll;
}
#GRL_search img{
	margin-top:3px;
	position:absolute;
	right:3px;
}
#UserLogin {
	top: 10px;
	width: 170px;
	height:20px;
	padding-top:5px;
	background:transparent url(img/user.png) no-repeat scroll;
	_background: transparent url(img/searchbox.gif) no-repeat scroll;
	text-align:right;
}
#UserLogin a {
	font-family:Verdana, Arial, sans-serif, "Trebuchet MS";
	font-size: 1.0em;
	white-space:nowrap;
}
.login_link {
	padding-right:5px;
}
#GRL_search .NormalTextBox {
	border:0;
	background-color:transparent;
	position:relative;
	top: -8px;
	margin-left:3px;
	width:138px;
}
#Nav {
	position:absolute;
	width:690px;
	left:250px;
	height:27px;
	top:80px;
}
#breadcrumb {
	height:15px;
	width:300px;
	padding-left: 4px;
}
/*Panes Wrap */
#grl_content {
	width:940px;
	margin: 0 auto;
  text-align: left;
}
/*.leftpane_s {
	width:280px;	
	margin-left: 5px;
	background-color: transparent;
	float:left;
}*/
.contentpane_s {
	width: 470px;
	float:left;
	margin-left:5px;
}
.rightpane_s {
	width:160px;
	float:right;
	margin-right:5px;
	.display:inline;  /*Solves the IE6 double margin bug */
}
.team_contentpane {
	width: 930px;
	margin-left: 5px;
	background-color:#afdcf9;
	text-align:center;
}
.forum_contentpane {
	width: 930px;
	margin-left: 5px;
	background-color:transparent;
}
.contentpane {	
	width: 595px;
	margin-left: 5px;
	background-color: transparent;
	float:left;
 .display:inline;  /*Solves the IE6 double margin bug */
}
.contentpane_admin {
	width: 930px;
	margin-left: 5px;
	background-color: transparent;
	float:left;
}
.contentpane_reg {
	width: 720px;
	margin-left: 5px;
	background-color: transparent;
	float:left;
}
#rightpane_regWrap {
	width:200px;
	float:right;
	margin-right:5px;
	.display:inline;  /*Solves the IE6 double margin bug */
}
.rightpane_regTop {
	width: 200px;
	height: 100%;
	margin-bottom:10px;
}
#rightpaneWrap {
	width:325px;
	float:right;
/*	margin-right:5px; */
}
.rightpaneTop {
	width: 325px;
	height: 100%;
	margin-bottom:10px;
	.display:inline;  /*Solves the IE6 double margin bug */
}
.rightpaneBL {
	width: 160px;
	height: 100%;
	float:left;
}
.rightpaneBR {
	width: 160px;
	float:right;
	.display:inline;  /*Solves the IE6 double margin bug */
}
.bottompane {
	clear:both;
}
/*------------ Case Studies Panels --------------*/
.contentpane_cs {
	width: 755px;
	margin-left: 5px;
	background-color: transparent;
	float:left;
}
#rightpaneWrap_cs {
	width:165px;
	float:right;
	margin-right:5px;
	.display:inline;  /*Solves the IE6 double margin bug */
}
/*-----------------------------------------------*/
#footer {
	width:100%;
	height:60px;
	background-color:#6aa3c3;
	text-align:center;
	z-index:10;
}
.f_line,#f_CoInfo {
	padding-top:5px;
}
#f_CoInfo p{
	padding:0;
	margin:0px;
	font-size:9px;
	text-align:center;
	color:#4B4B4B;
	font-family:"lucida console",sans-serif;
}
#f_CoInfo p span{
}
/*----------------- General styling --------------*/
p {

	color:#000;
	text-align:justify;
	font-family:verdana,arial;
/*	line-height:1.4em;
	margin:6px 0px;*/
	line-height:1.6em;
	margin:9px 0;
}
h2 {
	color:#FFFFFF;
	font-family:Arial,Verdana,Helvetica;
	font-size:2.2em;
	font-weight:normal;
}
h3, h4 {
	color:#fff;
  font-family: Arial, Verdana, Helvetica;
  font-size:1.4em;
  font-weight:bold;
  margin: 5px 0 3px;
}
h4 {
  font-size:1.3em;
  font-weight:normal;
}
ul, ol {
  font-family: Verdana, Arial, Helvetica;
	font-size:1em;
/*	list-style-image:url(img/p_bullet.gif);*/
}
ul li, ol li {
	list-style-type:circle;
}

.telerikleft {
	color:red;
}
/*-----------------------------------------------*/
/* Styles for the main text and images within the Text/HTML module */
/*These styles appear in the fckeditor dropdown*/
/* General style for thumbimages floated to left or right of text*/
.imageleftside img, .imagerightside img {
	border: 3px #6aa3c3 solid;
	margin-top:5px; 
	margin-bottom:5px;
}
.imagerightside img {
	float:right;	
	margin-left: 5px;
}
.imageleftside img {
	float:left;
	margin-right: 5px;
}
.imageleftsidecaption, .imagerightsidecaption {
    font-size: .8em;
    font-style: italic;
    margin-bottom: 15px;
}
.imageleftsidecaption {
    float: left;
    margin-right: 15px;
}
.imagerightsidecaption {
    float: right;
    margin-left: 15px;
}
.imageleftsidecaption img, .imagerightsidecaption img {
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.clear {
    clear: both;
}
.quoteleft, .quoteright {
    font-size: 1.7em ;
    font-family:Arial, Helvetica, sans-serif;
    width: 220px;
    color: #ffffff;
}
.quoteleft {
    padding: 0 10px 0 0;
    margin: 10px 10px 10px 0;
    float: left;
    text-align: right;
    border-right: 10px solid #ffffff;
}
.quoteright {
    padding: 0 0 0 10px;
    margin: 10px 0 10px 10px;
    float: right;
    text-align: left;
    border-left: 10px solid #ffffff;
}

/* Footer links */
a.bm_link:link, a.bm_link:visited, a.bm_link:active {
	text-decoration: none;
	color: white;
}
a.bm_link:hover {
	color: #0000c0;
}
/* Copyright and terms links */
a.b_link {
	text-decoration: none;
	color: white;
}
a.b_link:link, a.b_link:visited, a.b_link:active {	
	text-decoration: none;
	color: white;
}
a.b_link:hover {
	color: #0000c0;
}

#footer a, .copyright {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:.7em;
	font-weight:bold;
	padding:0px 6px;
	text-transform:uppercase;
}
.copyright {
	color:#000;
}
#footer a:hover {
	color: #0000c0;
}
span.link {
	color:white;
}
a.breadcrumbs {
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
}
a.breadcrumbs:link, a.breadcrumbs:visited {
	text-decoration: none;
	color:#ffffff;	
}
a.breadcrumbs:hover {	
	text-decoration: underline;
}
.skinHeaderText, A.skinHeaderText:link,  A.skinHeaderText:visited
{
	font-size: 10px;
	color: #bbbbbb;
}
/*--------------------Vision statement--------------------*/
p#grlVision {
	color:white;
	font-family:lucida sans,verdana,sans-serif;
	font-size:1.6em;
	padding:20px 0 0;
	text-align:center;
}
/*------------ Contact page address details --------------*/
#grlAddress h2 {
	margin: 10px 0;
	font-size:1.8em;
}
#grlAddress p {
	margin-left: 10px;
}
#grlAddress h5 {
	margin-left: 10px;
	margin-top: 10px;
}
/*----------------- Map on contact page --------------------*/
/*IE6 does not like the floats - display one above the other*/
#GRLMapWrap {
	position:relative;
	overflow:auto;
}
.GRLMapContainer {
		width:280px;
		float:left;
		_float:none;
}
.GRLMapTitle {text-align:center;}
.GRLMapTitle h3 {}
#GRLMap, #GRLMapAb {
	width:275px;
	height:290px;
	border:2px solid white;
}
#GRLMapAb {
	margin-left:10px;
	_margin-left:0px;
}
.GRLMapInfo {
	
}
.GRLMapInfo img {  /* Map info title */
	padding-bottom:5px;	
}
.GRLMapInfo span{  /* Map info content */
	line-height:1.5em;	
}
#grlContactTable {
	float:left;
	margin-right:10px;
}
#grlMoreContact ul {
	position:relative;
}
#grlMoreContact li {
	list-style-type:none;
	height:20px;
}
#grlMoreContact li img{
position:absolute;
top:32px;
}
/* Products */
/*-------------Product Feature table---------------*/
#ProductFeatures, #product th {
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}
table#product {
	width:95%;
	border-collapse:collapse;
}
#product th,#product td {
	text-align:left;	
	border: 1px solid #C1DAD7;
	background-color: #EDEBD6;
	color:#0000C0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
}
#product th {
	text-transform: uppercase;		
	padding: 6px 3px 6px 6px;
	vertical-align:middle;
}
#product tr.prodHead th {		
	letter-spacing: 2px;
	background-color: #0000C0;	
	font-size:.9em;
	color:white;
}
#product td {
	padding: 6px 6px 6px 12px;
}
#product td.standardImage{
	text-align:center;
}
#product tr.alt td {
	background: #F5FAFA;
	color: #B4AA9D;
}
/*------------------Flash video container---------------*/
#flashContainer,#flashContainer_support,#flashContainer_controls {
	width:324px;
	height:243px;
	margin:0 0 10px;
}
#flashContainer_support {
	height:377px;
}
#flashContainer_controls {  /* Include video controls*/
	height:261px;
}
#flashContainer div,#flashContainer_support div{
	margin:100px auto;
	width:158px;
	height:39px;
}
#flashContainer div a:visited,#flashContainer_support div a:visited {
	border:0;
}
/*----------------Home Page-----------------*/
#dock {width:575px;
			background: url(img/dock-bg2.gif) repeat-x bottom center;
			margin:10px 0 20px;
			height:150px;
}
#dock-container2 {
	position: absolute;
	height: 100px;
	width:400px;
	margin-top:5px;
}
#dock-container2 a {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	top: 0px; 
	position: absolute;
	text-align: center;
}
#dock-container2 a:link,#dock-container2 a:visited,#dock-container2 a:hover,#dock-container2 a:active {
	color:white;
	text-decoration:none;
}
.dock-item2 span {
	display: none;
}
.dock-item2 img {
	border: none; 
	width: 100%; 
}
ul#GRLTagLine {
	font-size:17px;
	margin:30px 0 0;
	padding:0 0 0 40px;
}
ul#GRLTagLine li {
	background:transparent url(img/grlBullet.gif) no-repeat scroll;
	height: 24px;
	list-style-type:none;
	padding-left:30px;
}
ul#GRLTagLine a:link {
	color:white;	
}
ul#GRLTagLine a:hover {
	color:white;
	text-decoration:underline;	
}
ul#GRLTagLine a:visited {
	color:white;	
}
span.grlHomeHead {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica;
font-size:2.2em;
font-weight:normal;
}
span.grlHomeHighlight {
	font-weight:bold;
	color:#282828;
}
/*----------------Software------------------*/
div#grlSoftware{}
div#grlSoftware ul {}
div#grlSoftware ul li {
	line-height:1.4em;
	margin:0 30px 8px 0;
	text-align:justify;
}
div#grlSoftware ul li span{font-weight:bold;}
div#grlSoftware h4 {margin:15px 0 5px;}
div#grlSoftware p {}
div#grlSoftware div {
	padding-right:10px;
	text-align:right;
}
div#grlSoftware a {}

/*----------------deepWorks------------------*/
div.deepworks {margin:15px 15px 15px 0px;}
div.deepworks div {margin-bottom:10px;}

div.deepworks h3 {
	position:relative;	
	font-family:"Lucida Sans Unicode", sans-serif;
	cursor:pointer;
}
div.deepworks h3 img {
	position:absolute;
	top:2px;
}
div.deepworks h3 img.open{
	display:inline;
}
div.deepworks h3 img.closed{
	display:none;
}
div.deepworks h3 span{
	padding-left:20px;
	}
div.deepworks div div{
		margin:6px 20px;	
	}
div.deepworks p {
	font-family:"Lucida Sans Unicode", sans-serif;
	font-size:1.1em;
	margin:0;
	padding:0;
}
img.grlDWsystems {
	width:550px;
	height:365px;
}
/*----------------ROV----------------------------*/
#grlROVSytems{}
#grlROVSytems img{
	height:148px;
	width:550px;
	margin:15px 0;
}
/*----------------Training page------------------*/
img.grlTraining{
	width:325px;
	height:221px;
	margin-bottom:10px;
}
#grlTraining h2{
	color:black;
	padding:0px;
	margin:10px 0px;
}
#grlTraining ul{
	margin:0;
	padding:0;
}
#grlTraining ul li{
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
}
#grlTraining ul li h3{	
	position:relative;	
	cursor:pointer;
}
#grlTraining ul li h3 img {
	position:absolute;
	top:2px;
}
#grlTraining ul li h3 img.open{
	display:inline;
}
#grlTraining ul li h3 img.closed{
	display:none;
}
#grlTraining ul li h3 img {
	position:absolute;
	top:2px;
}
#grlTraining ul li h3 span{
	padding-left:20px;
}
#grlTraining div.modules div{
		margin:6px 20px;	
	}
#grlTraining div.modules{}
#grlTraining div.modules p{}
#grlTraining div.modules ul{margin:0 0 0 20px;}
#grlTraining div.modules ul li{
	list-style-type:disc;
	margin-bottom:5px;}
#grlTraining div#courseSummary{margin-top:20px;}
#grlTraining div#courseSummary p{}
/*----------------Contact - Technical Support------------------*/
img.grlSupport{
	width:245px;
	height:320px;
	margin:0 0 10px 30px;
}
img.grlSalesEnquiries{
	width:328px;
	height:248px;
	margin:0 0 10px;
}
/*----------------Health & Safety---------------*/
#GRLhs{}
#GRLhs li {
	line-height:1.4em;
	padding-bottom:5px;
}
.GRLhsimgWrap {
	width:300px;	
	float:right;
	margin:5px 10px;
}
.GRLhsimgWrap img {	
	height:200px;
}
.GRLhsimgWrap ul {
	margin:10px 0 0;
	padding:0;
}
.GRLhsimgWrap ul li {
	height:40px;
	position:relative;
	width:300px;
	overflow:hidden;
	list-style-type:none;
}
.GRLhsimgWrap ul li div{
	position:relative;
}
.GRLhsimgWrap ul li div.tickContainer {
	white-space:nowrap;
	width:300px;
	top:10px;
}
.GRLhsimgWrap ul li div span{
	color:white;
	font-family:"Lucida Sans Unicode",sans-serif;
	font-size:15px;
	font-style:italic;
}
div#GRLhs h3 {
	position:relative;	
	cursor:pointer;
}
div#GRLhs h3 img {
	position:absolute;
}
div#GRLhs h3 img.open{
	display:inline;
}
div#GRLhs h3 img.closed{
	display:none;
}
div#GRLhs h3 span{
	padding-left:20px;
	}
div#GRLhs div.modules div{
		margin:6px 20px;	
	}
/*----------------History page------------------*/
.grlHistoryImage {
	float:left;
	margin:0px 10px 5px 5px;
}
#grl_history {
	padding:0;
	margin:30px 0 0 20px;		
}
#grl_history li {
	margin:0;padding:0;			
	list-style:none;
	clear:left;
	height:25px;
	background:transparent url(img/histBullet.gif) no-repeat scroll 50px -5px;
}
#grl_history li span{
	float:left;				
	font-weight:bold;
	width:80px;
}
#grl_history li p{
	margin:0;
	float:left;	
}
/*----------------Mission------------------*/
#grlMission img {
	border:1px solid blue;
	float:right;
	margin:5px 20px 5px 10px;
	width:328px;
}
#grlMission span{}
#grlMission p{
	font-style:italic;
	line-height:1.8em;
	margin:9px 0 15px;
}
/*----------------Services------------------*/
#grlServices {}

#grlServices h3 {
	margin-top:20px;
}
#servicesFlashWrap {
	float:right;	
	width:328px;
	height:246px;
	margin:0 5px 10px 10px;
}

/*-------------Home Page Ticker--------------*/
ul#grlTicker {
	padding:0;
	margin:0;
}
ul#grlTicker li {
	height:40px;
	position:relative;
	width:850px;
	overflow:hidden;
	list-style-type:none;
}
ul#grlTicker li span img {
	width:52px;
	height:30px;
	margin:5px;
	border:0px;
	float:left;
}
ul#grlTicker li div{
	position:relative;
}
ul#grlTicker li div.tickContainer {
	white-space:nowrap;
	overflow:hidden;
	width:780px;
	top:10px;
	margin-left:70px;
}
ul#grlTicker li div span, ul#grlTicker li div span p{
	color:white;
	font-size:14px;
}
/*-------------Careers Page Ticker--------------*/
ul#grlTickerCareers {
	padding:0;
	margin:50px 0 0 60px;
}
ul#grlTickerCareers li {
	height:40px;
	position:relative;
	width:450px;
	overflow:hidden;
	list-style-type:none;
}
ul#grlTickerCareers li div{
	position:relative;
}
ul#grlTickerCareers li div.tickContainer {
	white-space:nowrap;
	overflow:hidden;
	width:450px;
	top:10px;
}
ul#grlTickerCareers li div span{
	color:white;
	font-family:"Lucida Sans Unicode",sans-serif;
	font-size:20px;
}
/*------------Careers Image------------*/
#GRLCareersImg img {
	margin-bottom:10px;
}
/*-------------News--------------*/
img.GRLNewsRight {
	float:right;
	border:1px solid blue;
	margin:5px 0px 5px 10px;
}
img.GRLNewsInline {
	border:1px solid blue;
	margin:5px 0px;
}  
img.GRLNewsLeft {
	float:left;
	border:1px solid blue;
	margin:5px 10px 5px 0;
}