@charset "UTF-8";
/* CSS Document */

/*****  Stylesheet for Entee Global Services  *****/

 

/*********** Reset CSS  from "http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/" ***********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style-type:none; 
}

* {margin:0;padding:0;} 
html {	height: 100%; /****** this helps with the 'Sticky Footer' ******/
}
/******see http://www.cssstickyfooter.com/using-sticky-footer-code.html for info on sticky footer********/

ol, ul {	list-style: none; }
blockquote, q {	quotes: none;  }
 
/* remember to define focus styles! */
:focus {	outline: 0; }

 /* remember to highlight inserts somehow! */
ins {	text-decoration: none; }
del {	text-decoration: line-through; }
 
/* tables still need 'cellspacing="0"' in the markup */
table {	border-spacing: 0; }
table img { display:block;   }
 
/*********** END of Reset CSS   ***********/
 
Body {	font-family:  Arial, sans-serif;
		font-size: 0.75em; /* 0.75em of 16pt standard font size across all browers */
		line-height: 1.5em; /* to make the text easier to read line-height should be between 1.4em-1.6em */
		letter-spacing: 0.25px;
		text-align : center;
		background-image: url(images/Entee-BG.jpg);
		background-repeat: no-repeat;               
		background-position: 0px 300px;
		background-attachment: fixed;
		background-color:#e7e7e7;
		height: 100%;
}

html {	overflow-y: scroll; /****** forces scroll-bar to always appear in Firefox, so no horizontal shift occurs*****/
		height: 100%;
} 

body > #divWrapper {height: auto; min-height: 100%;}

/******************************************************* end of body style and reset *****/


/******************************************************* bread crumbs style *****/

#crumbs {	height:2.3em;
			border:0px;
			}

#crumbs li {	float:left;
                line-height:2.3em;
                color:#666666;
                padding-right:1px;
                }                             

#crumbs li a {	display:block;
                padding:0 6px 0 0;
                }                                                                                                             

#crumbs li a:link,

#crumbs li a:visited {
                color:#666666;
                font-weight: normal;
                font-size: 9px;
                text-decoration:none;
                }             

#crumbs li a:hover,
#crumbs li a:focus {
                color:#286fb8;
                font-weight: normal;
                font-size: 9px;
}                             


/*************************************generic links  *****/

a:link {	font-size: 12px;
			color: #286fb7;
			text-decoration: none;
			font-weight: bold;
			}
a:visited {	font-size: 12px;
			color: #286fb7;
			text-decoration: none;
			font-weight: bold;
			}
a:hover {	font-size: 12px;
			color: #666666;
			text-decoration: underline;
			font-weight: bold;
			}

/************************ Class for lighter font links style eg on webRes Glass Buttons *****/
.lightLink:link {	font-size: 11px;
                	color: #286fb7;
                	text-decoration: none;
                	font-weight: normal;
				}

.lightLink:visited {	font-size: 11px;
               			color: #286fb7;
						text-decoration: none;
						font-weight: normal;
						}

.lightLink:hover {	font-size: 11px;
                	color: #70a4d8;
                	text-decoration: none;
                	font-weight: normal;
					}

 /********************************************* navigation starts here *****/


 /******************************* tabs - top-level navigation *****/

#navigation {		font-size: 12px;
					line-height:15px;
					font-weight:bold;
					text-align: left;
					float:right;
					width:100%;
					display: inline;
  				    }

#navigation ul {	list-style:none; float:right; }

#navigation li {	float:left;
                	background: url(images/left_both.jpg) no-repeat left top;
                	padding:0px 3px 0 10px;
               	 	border:bottom:0px solid #000;
                	border-width:0;
                	list-style:none;
    				}
#navigation a { 	float:left;
					display:block;
					width: 1px;
					background: url(images/right_both.jpg) no-repeat right top;
					padding:5px 10px 7px 0px;
					text-decoration:none;
					color:#d2cfce;
					}

#navigation > ul a { width:auto; }  /* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {	float:none; }  /* End IE5-Mac hack */
#navigation a:hover { color:#ffffff; } 
#navigation li:hover, #navigation li:hover a { background-position:0% -150px; }
#navigation li:hover a { background-position:100% -150px; }

/***these give the page id's to keep current page tab highlighted - check they match with inc-menu-header.htm *****/

#index #nav-index,
#aboutUs #nav-aboutUs,
#clients #nav-clients,
#services #nav-services,
#products #nav-products 
	{
background-position:0 -150px;
border-width:0
	}

#index #nav-index a,
#aboutUs #nav-aboutUs a,
#clients #nav-clients a,
#services #nav-services a,
#products #nav-products a 
	{
background-position:100% -150px;
padding-bottom:7px;
color:#ffffff /**********************colour for selected state *****/
	}

<style type="text/css">
 
/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

#vdividermenu ul{
padding: 0;
padding-bottom: 1em;
float: right;
font: bold 80%;
background-color: #e7e7e7;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}
 
#vdividermenu ul li{ display: inline; }


#vdividermenu ul li a{
float: right;
color: #cdcdcd;
padding: 2px 12px;
text-decoration: none;
background: transparent url(images/vertical.gif) center left no-repeat;
}
 
#vdividermenu ul li a:visited { color: #cdcdcd; }

#vdividermenu ul li a:hover{ color: #323232; background-color: #878787; }
 
</style>

#navcontainer	{	text-align : center; width: 100%; 	}

#navcontainer ul {	border : 0 none; list-style-type : none; text-align: center; }

#navcontainer li {	display : block; float: left; text-align : center; }

#navcontainer  a {	border : medium none;
					color : #4874a4;
					display : block;
					height : 26px;
					text-align : center;
					text-decoration : none;
}

#navcontainer  a:hover	{	color : #898989; }

#navcontainer  a:active	{	color : #898989; }

.SubNavCurrent {  color:#ffffff }

 
 
.Footercenter {
    BORDER-RIGHT: 1px medium;
    BORDER-LEFT: medium none;
    PADDING: 0px 20px 0px 20px;
    DISPLAY: inline;
    BACKGROUND-COLOR: #bbbbbb;
    MARGIN: 0px;
    HEIGHT: 26px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/************************************************************************* navigation end *****/


/****************************************** main text styles - start *****/

p {	font-size: 12px;
    color:#333333;
    margin-bottom: 8px;
	display: block;
	text-align:justify;
	}

.intro {	font-size: 15px;
			color:#666666;
	}

.introLink:link {
	font-size: 15px;
	color:#286fb7;
	text-decoration: none;
	}
.introLink:visited {
	font-size: 15px;
	color:#286fb7;
	text-decoration: none;
	}
.introLink:hover {
	font-size: 15px;
	color:#666666;
	text-decoration: underline;
	}
  
.copyright {	clear:both;
				font-size: 9px;
                color:#666666;
				background-color:#FFFFFF;
				width:958px;
				margin-right:auto;
				margin-left:auto;
				text-align:center;
				}


h1 {	font-size: 17px;
		line-height: 17px;
		color: #286fb7;
		font-style:normal;
		text-transform:uppercase;
		font-weight: bold;
   		margin-bottom: 8px;
		display: block;
}
h1 strong {	font-weight: normal; 	}

/******* this is an 'adjacent sibling' tag, that says 'when a <p> tag is followed by a <h1> tag, the <h1> tag will have these attributes, overriding the standard <h1> attributes' *****/
p+h1 {	padding: 0px 0px;
		margin: 15px 0px 0px 0px;
}


h2 {	font-size: 17px;
		line-height: 15px;
		color: #286fb7;
		font-style: normal;
		font-weight: normal;
		display: block;
		padding: 0px 0px;
		margin: 15px 0px 3px 0px;
}


/******* this is an 'adjacent sibling' tag, that says 'when a <h1> tag is followed by a <h2> tag, the <h2> tag will have these attributes, overriding the standard <h2> attributes' *****/
h1+h2 {	padding: 0px 0px;
		margin: 4px 0px 4px 0px;
}

 
.h2:link {	font-size: 17px;
			color: #286fb7;
			text-decoration: none;
			font-weight: normal;
			}
			
.h2:visited {	font-size: 17px;
				color: #286fb7;
				text-decoration: none;
				font-weight: normal;
				}
				
.h2:hover {	font-size: 17px;
			color: #004982;
			text-decoration: none;
			font-weight: normal;
			}

 h3 {	font-size: 15px;
		line-height: 15px;
		color: #444444;
		font-style: normal;
		font-weight:normal;
		margin: 12px 0px 2px 0px;
		padding: 0px, 0px, 0px, 0px;
		display: block;
		}
/******* this is an 'adjacent sibling' tag, that says 'when a <h2> tag is followed by a <h3> tag, the <h3> tag will have these attributes, overriding the standard <h3> attributes' *****/
h2+h3 {	padding: 0px 0px;
		margin: 5px 0px 2px 0px;
}
 
h4 {	font-size: 13px;
		color: #286fb7;
		font-style: normal;
		font-weight: normal;
		margin: 0px;
		padding: 0px, 0px, 0px, 0px;
		display: inline;
		}


h5 {	font-size: 23px;
		line-height: 23px;
		color: #286fb7;
		text-align:center;
		font-style: normal;
		font-weight: bolder;
		margin: 7px 0px;
		padding: 0px, 0px, 0px, 0px;
		display:inline-block;
}
		
.h5:link {	color: #286fb7;
			font-size: 23px; line-height: 23px; font-style: normal; font-weight: bolder; margin: 12px 0px; padding: 0px, 0px, 0px, 0px; display:inline-block; text-decoration: none; }
			
.h5:visited {	color: #286fb7;
				font-size: 23px; line-height: 23px; font-style: normal; font-weight: bolder; margin: 12px 0px; padding: 0px, 0px, 0px, 0px; display:inline-block; text-decoration: none; }
				
.h5:hover {	color: #4a8ecc;
			font-size: 23px; line-height: 23px; font-style: normal; font-weight: bolder; margin: 12px 0px; padding: 0px, 0px, 0px, 0px; display:inline-block; text-decoration: none; }

/******* this is the highlight colour for h5, on the html page you just use the 'strong' tag, and because it's within this h5 tag, it will pick up the h5 attributes and add this colour *****/
h5 strong {	color: #6dacde;
				}

 
.BreadCrumb {	padding-left: 20px;
				font-size: 9px;
				color: #808080;
				font-weight: normal;
				}

.BtmMenu A:link {
		FONT-WEIGHT: normal;
		FONT-SIZE: 10px;
		COLOR: #444444;
		text-decoration: none;
}

.BtmMenu A:visited
{
		FONT-WEIGHT: normal;
		FONT-SIZE: 10px;
		COLOR: #444444;
		text-decoration: none;
}

.BtmMenu A:hover {
		FONT-WEIGHT: normal;
		FONT-SIZE: 10px;
		COLOR: #dddddd;
		text-decoration: none;
}

 
/********************* LEFT nav text styles *****/

.leftNavHead {  font-size: 9px;
				line-height: 9px;
				color:#286fb7;
				text-align: left;
				text-decoration:none;
				font-weight: normal;
				display: block;
				letter-spacing: 0.5px;
				margin-bottom: 0px;
			}

.leftNavHead a:link {	font-size: 9px;
						font-weight: normal;				
						color:#286fb7;
						text-decoration:none;
						}

.leftNavHead a:visited {	font-size: 9px;
							font-weight: normal;				
							color:#286fb7;
							text-decoration:none;
							}

.leftNavHead a:hover {	font-size: 9px;
						font-weight: normal;				
						color:#70a4d8;
						text-decoration:none;
						}

.LeftNav {	font-family:  Verdana, Arial, sans-serif;
			font-size: 9px;
			line-height: 13px;
			font-weight: normal;
			text-align: left;	
			text-decoration:none;
			display: block;
			margin: 7px 0px 9px 0px;
			}

.LeftNav a:link {	font-family:  Verdana, Arial, sans-serif;
					font-size: 9px;
              		color:#286fb7;
					font-weight: normal;
					text-decoration:none;
					}

.LeftNav a:visited {	font-family:  Verdana, Arial, sans-serif;
						font-size: 9px;
						font-weight: normal;
						text-decoration:none;
               			color:#286fb7;
						}

.LeftNav a:hover {	font-family:  Verdana, Arial, sans-serif;
					font-size: 9px;
					font-weight: normal;
         		    color:#70a4d8;
					text-decoration:none;
			}
			
/*********************************lighter left nav links-products only *****/
.LeftNavLight {				font-family:  Verdana, Arial, sans-serif;
							font-size: 9px;
							line-height: 13px;
							font-weight: normal;
							text-align: left;	
							text-decoration:none;
							display: block;
							margin: 7px 0px 9px 0px;
							}

.LeftNavLight a:link { 		font-family:  Verdana, Arial, sans-serif;
							font-size: 9px;
							line-height: 13px;
							font-weight: normal;
             				color:#70a4d8;
							text-decoration:none;
							}

.LeftNavLight a:visited	{	font-family:  Verdana, Arial, sans-serif;
                			font-size: 9px;
							line-height: 13px;
                			font-weight: normal;
							text-decoration:none;
               				color:#70a4d8;
							}

.LeftNavLight a:hover {		font-family:  Verdana, Arial, sans-serif;
                			font-size: 9px;
							line-height: 13px;
                			font-weight: normal;
              				color:#adcdec;
							text-decoration:none;
							}

/************************************************************************ main text end *****/
 
/*******sticky footer-friendly main container divs - avoid using top + bottom margin on these to help sticky footer work *****/


/***divWrapper contains everything ABOVE "#footer", which must be outside divWrapper to make Sticky Footer work ***/
 #divWrapper {	min-height: 100%;
				height: 100%;
				width:958px;
				border-right: 1px solid #d2d3d4;
				border-left: 1px solid #d2d3d4;
				margin-left:auto; margin-right:auto; 
				/*** left and right margins written long-hand to avoid using top or btm margin which  wreck the sticky footer***/
				padding:0px;
				text-align:left;
				background-color: #ffffff;
				overflow:hidden;
}



/***divTopBanner contains the logo, Glass Icons and Main Navigation tabs ***/
#divTopBanner {	width:958px;
				height:123px;
				margin: 0px auto;
				text-align:left;
				background-color: #ffffff;
           }

/*** "#central" contains the 3 main 'column' divs, divMain, divLeftNav and divRight ***/
#central {	overflow:auto;
			clear:both;
			padding-bottom: 40px;}  /* must be same height as the footer */

#divMain {		display: inline;
                float:left;
                width: 428px;
                margin-left: 170px;
                padding-left: 20px;
                padding-bottom: 20px;
				}

/***divLeftNav appears in  browsers before divMain, but in html is after divMain, to make search robots find main content first. this is achieved by negative margin-left ***/
 #divLeftNav{	float: left;
				width: 150px;
				margin-left: -598px;
}                             

/*******************these are the exceptions: 2 column versions for the 'search result' page only*****/
 
#divMain2column {	display: inline;
					float: right;
					width: 728px;
					padding: 0px 40px 50px 20px;
					}

#divLeftNav2column{	float: left;
					width: 150px;
					margin-left: 20px;
					}					             


/********************end of 2-column exceptions*****/

#divRight{	padding-right: 20px;
			float: right;
			width: 300px;
            margin: 0px 0px;
			}

			
/*** #footer sits BENEATH divWrapper, helps to make Sticky Footer work ***/
#footer {	position: relative;
			margin-top: -40px; /* negative value of footer height */
			height: 40px;
			clear:both;
			border-right: 1px solid #d2d3d4;
			border-left: 1px solid #d2d3d4;
			width:958px;
			margin-left:auto; margin-right:auto;
			background-color:#ffffff;
			} 


/*Opera Fix for Sticky Footer */
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/************************* Logo, Glass Icons and Main Navigation divs, which go inside divTopBanner *****/        

#divLogoHold {	float:left;
				width:300px;
				padding:10px 0px 0px 20px;
				margin:0px auto;
             }
 
#divGlassHold {	text-align:right;
				padding:20px 20px 0px 20px;
				margin:0px 0px 0px auto;
              }
 
#divNavHold {	float: right;
				clear:both;
				width:600px;
				height:29;
				margin:0px auto;
				padding: 16px 18px 0px 0px;
				text-align:right;
            }

/************************* Sub and bottom navigation divs *****/        
#divSUBNavHold {	float:right;
					width:938px;
					height:22px;
					margin-left: auto; margin-right: auto;
					padding: 0px 20px 0px 0px;
					text-align:right;
					background-color: #7c7c7c;
              }

#divBtmNavHold {	clear: both;
					width:918px;
					padding: 0px 20px;
					text-align:center;
					background-color: #bbbbbb;
}

	
/**********************search bar and breadcrumb divs *****/        

#divSearchHold {
				float:left;
				width: 918px;
				margin: 0px 0px;
				padding: 10px 20px;
				text-align:right;
				display:inline;
				background-color: #ffffff;
                }                                                             

.searchbox {    font-family: Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                padding: 0px;
                height: 15px;
}


.searchbutton {	font-family: Geneva, Arial, Helvetica, sans-serif;
				border:none;
				FONT-WEIGHT: bold;
				FONT-SIZE: 10px;
				COLOR: #FFFFFF;
				background: url(images/Gsearch_button.jpg) no-repeat 0 0;
				height: 20px;
				width:73px;
}

.searchbutton:hover { background-position: 0 -30px; }

.searchbutton span	{ display: none; }


#divBreadcrumb {	float: left;
					width:600px;
					margin:0px auto 0px 0px;
					padding:0px 0px;
					text-align:left;
				 }

#divsearchbox {	float: right;
				margin:0px 0px;
				padding:0px 0px 0px 0px;
				text-align:left;
			}


 
/*****************these two divs are for the homepage, to let text sit next to icons*****/

.divIconOnly {	width:60px; text-align:left;  }

.divTextOnly {	width: 362px;
				margin: -72px 0px 0px 66px;
				padding:10px 0px 0px 0px;
				text-align:left;
				}

/*----------------------------------------Glass Icon rollovers --------------------------------------------------*/
#GlassEntee { display: block; width: 53px; height: 60px; background: url(../images/GlassEnteeboth.jpg) no-repeat 0 0; }
#GlassEntee:hover { background-position: 0 -72px; }
#GlassEntee span { display: none; }
 
#GlassLCT { display: block; width: 53px; height: 60px; background: url(../images/GlassLCTboth.jpg) no-repeat 0 0; }
#GlassLCT:hover { background-position: 0 -72px; }
#GlassLCT span { display: none; }

#GlassTTG { display: block; width: 53px; height: 60px; background: url(../images/GlassTTGboth.jpg) no-repeat 0 0;
}
#GlassTTG:hover { background-position: 0 -72px; }
#GlassTTG span { display: none; }

/*** this is a container div for the 3 icons ***/
.GlassIconHolder {	float:right; padding:0px 5px 0px 15px;  display: inline; }

/*------------------------------------style for square blue bullets -------------------------------------------------*/

.squareBullet {
	list-style: square url(images/squareBullet.gif) inside;
	text-indent: 0px;
}

/*** border style and 'ship' style, which is for hidden text *****/

.border1 {	border: 1px solid #666666; }

.ship 			{	color: #ffffff; text-decoration: none; text-align:center; }
a.ship:link 	{	color: #ffffff; text-decoration: none; }
a.ship:visited 	{	color: #ffffff; text-decoration: none; }
a.ship:hover 	{	color: #ffffff; text-decoration: none; }

/***** for google map *****/
#map{	width:428px; height:500px; display: block; border: 1px solid #666666; }

/***** for WebRes Locations google map - total size is width:746px; height:500px; *****/
#WebResBigMap{ width:744px; height:598px; border: 1px solid #666666; margin: 0px 0px;}

/***** for Ferry Fader on clients.htm *****/
#divFerryFader{	width:300px; height:230px; }

/***** for Clients Logo Fader on clients.htm *****/
#divClientFader{ width:300px; height:230px; border: 1px solid #666666; }


#FlabellComponent { width:300px; height:230px; display:block; }