/* CSS Document for gardiner.com © AXOS INTERNET FEB 2007 */


/* structural elements ----------------------------*/

	body {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #666666;
		background-image:  url(images/blacklines.gif);
		margin-top: 20px;
		margin-height: 20px;
		color: #666666;
		font-size: 11px;
		line-height: 14px;
		}

	* html #container{height:100%;}
		
	td {
		text-align: center;
		}

	#container {
		position: relative;
		margin: 0 auto;
		width: 851px;
		text-align: left;
		background-color: #FFF;
		color: #666666;
		height:auto;
		min-height:500px;
		}


	#mainwrapper{
		width: 850px;
		float: left;
		color: #666;
		}
		
	.blockwrapper {
		float: left;
		padding-left: 25px;
		padding-right: 25px;
		width:849px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width: 799px;
		}
				
	.leftcol {
		width: 201px;
		float: left;
		padding: 0px;
		}
		
	.middlecol {
		width: 447px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width: 427px;
		float: left;
		padding: 0px 0px 0px 20px;
		}

	.rightcol {
		width: 146px;
		float: left;
		padding: 0px;
		}
		
	.negativemargin {
		margin-bottom:-1px;
		}
		
	#job {
		background-color: #fff;
		text-align: left;
		margin: 0px 20px 20px 20px;
		}
		
/* typographical elements-------------------------------*/
		
	#bodytext{
		font : 11px/13px Arial, Helvetica, sans-serif;
		color: #666666;
		width: 404px;
		}

	#bodytextscroll{
		font : 11px/13px Arial, Helvetica, sans-serif;
		color: #666666;
		width: 404px;
		height:300px;
		overflow: auto;
		scrollbar-width:2px;
		scrollbar-base-color: #E8E8E8;
		scrollbar-arrow-color: #999;
		scrollbar-3dlight-color: #E8E8E8;
		scrollbar-darkshadow-color: #E8E8E8;
		scrollbar-face-color: #E8E8E8;
		scrollbar-highlight-color: #E8E8E8;
		scrollbar-shadow-color: #EFEFEF;
		scrollbar-track-color: #F2F2F2;
		}

	#tabletext{
		width:400px;
		font : 10px Arial, Helvetica, sans-serif;
		color: #666666;
		border: 1px solid #B0BCCE;
		}
	
	#tabletext td {
		text-align:left
		}
		
	#tabletext2{
		width: 410px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:400px;
		font : 10px Arial, Helvetica, sans-serif;
		color: #666666;
		border: 1px solid #B0BCCE;
		padding:5px;
		}
		
	h1 {
		font-size: 12px;
		font-weight: bold;
		color: #000;
		}

	.sideheading {
		font-size: 11px;
		line-height:12px;
		font-weight: bold;
		color: #000;
		}
			
	.sideheading2 {
		margin: 10px 0px 4px 0px;
		font-size: 11px;
		line-height:12px;
		font-weight: bold;
		color: #095BA6;
		}

/* main menu  ------------------------------------------*/		
 
	#menuhome {
		width: 64px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:60px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}


	#menulocation {
		padding: 2px;
		width:114px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:110px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		}

	#menusectors {
		padding: 2px;
		width:114px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:110px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		}

	#menuprojects {
		width:55px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:51px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}

	#menueconomics {
		width:88px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:83px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}

	#menucareers {
		width:60px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:55px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}

	#menucontact {
		width:105px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:101px;
		height: 54px;
		float: right;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}

	.menutext {
		padding-left: 2px;
		padding-top: 44px;
		text-decoration: none;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		}

	.menutextc {
		padding-right: 25px;
		padding-top: 44px;
		text-decoration: none;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		}

	#languagedropdown {
  		padding-right: 25px;
		}

/* form elements,  buttons dropdowns etc --------------------------------------*/

	#enter {
		padding: 5px; 
		border: solid 1px #0A50A1; 
		width: 75px; 
		margin-top: 20px;
		background: #fff;
		}	
	
	input {
		border: 1px solid #B0BCCE;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
		font : 12px/12px verdana, geneva, helvetica;
		}
	
	input.button{
		border-collapse:collapse;
		border: outset #0A50A1;
		background-color:#F00;
		}

	input.submit {
		background-color : #c00;
		color : #ccc;
		font : bold 14px/14px verdana, geneva, helvetica;
		border : 2px solid #ccc;
		}
		
	select {
		font : 11px/14px verdana, geneva, helvetica;
		border: 1px solid #666;
		}
		
	#bodytext select {
		font : 11px/14px verdana, geneva, helvetica;
		border: 1px solid #B0BCCE;
		color: #666;
		}		

	#languagedropdown select {
		color: #FFF;
		font: 11px/14px verdana, geneva, helvetica; 
		background-color: #666;
		}
		
	.gobtn {
		background-color: #FFF;
		color: #095BA6;
		font-size: 10px;
		width:30px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:26px;
		padding:2px;
		}
		
	#brochure {
		padding: 5px; 
		border: solid 1px #0A50A1; 
		width: 160px; 
		margin-top: 20px;
		background: #fff;
		text-decoration: none;
		}		
	
/* graphics -------------------------------------*/

	#logo {
		float: left;
		}
	
	.sectorpics1 {
		float: left;
		padding-right: 5px;
		width: 95px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:95px;
		}
		
	.sectorpics1 a {
		text-decoration: none;

		}
		
	.sectorpics2 {
		width:95px;
		float: left;
		}
		
	.sectorpics1 a:hover img{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 1;
		}
		
	.sectorpics2 a:hover img{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 1;
		}
		
	.picwrap{
		float: left;
		margin-bottom: 5px;
		width: 295px;
		}
		
/* links and menus  ------------------------------------------*/	

	a {
		text-decoration: none;
		color: #000;
		}

	a:hover {
		text-decoration: none;
		color: #095BA6;
		}
		
	#bodytext a {
		border-bottom: 1px solid #B0BCCE;
		color: #666;
		}
		
	#bodytext a:hover {
		border-bottom: 1px solid #B0BCCE;
		color: #095BA6;
		}
		
	#job a {
		border-bottom: 1px solid #B0BCCE;
		color: #666;
		}
		
	#job a:hover {
		border-bottom: 1px solid #B0BCCE;
		color: #095BA6;
		}

	.bluemenucontainer  {
		width:105px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:101px;
		height: 54px;
		float: right;
		padding: 2px;
		}

	.bluemenu  {
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom:5px;
		padding-bottom:5px;
		font-size: 9px;
		float; left;
		}
		
	.bluemenu a {
		text-decoration: none;
		color: #095BA6;
		font-size: 9px;
		}

	.bluemenu a:hover {
		text-decoration: none;
		color: #69c;
		font-size: 9px
		}
		
	.subblumenu{
		display: block;
		margin-left: 0px;
		padding-top:6px;
		font-size: 9px;
		border-bottom: solid 1px #eee;
		}

	a.subblumenu{
		color: #999;
		font-size: 9px;
		Text-decoration: none;
		}

	a:hover.subblumenu {
		color: #69c;
		font-size: 9px;
		text-decoration: none;
		}
		
	.subblumenu_selected {
		display: block;
		margin-left: 0px;
		padding-top:4px;
		color: #F00;
		}

	a.subblumenu_selected {
		display: block;
		margin-left: 0px;
		padding-top:4px;
		color: #666;
		}
		
	#fscroller a {
		text-decoration: underline;
		}
			
	 #enter A:hover {
		background: #E2F0FF;
		color: #095BA6;
		font-size: 10px;
		}
		
	 #enter A {
		background: #FFFFFF;
		color: #095BA6;
		font-size: 10px;
		}
		
	 #brochure a:hover {
	 	text-decoration: none;
		background: #E2F0FF;
		color: #095BA6;
		font-size: 10px;
	}
			
	#brochure a {
		text-decoration: none;
		background: #FFFFFF;
		color: #095BA6;
		font-size: 10px;
		}
		
	#sectorcontainer a {
		text-decoration: underline;
		color: #666666;
		}
			
	#locsofficecontainer a{
		text-decoration: underline;
		color: #666666;
		}
		
/* layers  and panels -------------------------------------*/

	.hide{
		display: none;
		}
		
	.show{
		display: block;
		}

	.panel {
		background-color: #eee;
		font : 11px/13px Arial, Helvetica, sans-serif;
		width: 190px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:180px;
		height:130px;
		padding:5px;
		margin: 10px 0px 0px 0px;
		}

	#latestnews {
		float: left;
		height: 160px;
		background-color: #eee;
		padding: 5px;
		margin:4px 0px 20px 0px;
		font : 10px/13px Arial, Helvetica, sans-serif;
		color: #000;
		width: 190px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:180px;
		}
	#latestnewsblank {
		float: left;
		height: 160px;
		margin:4px 0px 20px 0px;
		width: 190px;
		}
	#latestnewsspacer {
		float: left;
		height: 50px;
		margin:4px 0px 20px 0px;
		width: 190px;
		}	
/* locations page ----------------------------- */

	#locsmenucontainer  {
		text-decoration: none;
		color: #000;
		font-size: 10px;
		font-weight:bold;
    	margin-left:0px;
		padding-right:5px;
		float:left;
		width:125px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:120px;
		}

	#locsofficecontainer  {
		float: left;
		color: #000;
		font-size: 10px;
		padding-left:20px;
		border-left: 1px solid #B0BCCE;
		width:260px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:240px;
		}
		
	.locs {
		font-size: 11px;
		font-weight: bold;
		color: #000;
		}

	#locsmenu{
		width:65px;
		border: 0px;
		padding-bottom:4px;
		}

/* sectors page -----------------------------*/

	#sectormenucontainer  {
		text-decoration: none;
		color: #000;
		font-size: 10px;
		font-weight:bold;
		float:left;
		width:90px;
		border: 0px;
		}

	#sectorcontainer  {
		width: 285px;
		float: left;
		color: #000;
		font-size: 10px;
		padding: 0px 0px 0px 10px;
		border-left:  1px solid #B0BCCE;
		}