/**
 * Innospection Stylesheet
 * @author		Ash Clarke
 * @version		0.5
 * @copyright	appius
 * @media		screen
 * @comments	
 */

/* http://ryanfait.com/sticky-footer/ */

/* HTML Elements */

/* These are for the footer 'logic' */
html, body { height: 99.85%; }

/* IE 6 */
* html { height: 99.6%; }
* html body { height: 99.6%; }

/* IE 7 */
* + html { height: 99.6%; }
* + html body { height: 99.6%; }
/* -------------------------------- */

body { margin: 0; padding: 0; font-size: 62.5%;}

h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; }

a { font-family: Tahoma, Arial, Helvetica, sans-serif; }

a.right { float: right; margin: 0.5em 0.5em 0 0; color: #666; font-size: 1.1em; }

li { font-family: Tahoma, Arial, Helvetica, sans-serif; }

li a { text-decoration: underline; color: #666; } 

ol {color:#007078; font-size: 1.1em; line-height:135%; }

a img { border: 0; }

a span { cursor: pointer; }

p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 0.5em 0; color: #666; }

form { font-family: Tahoma, Arial, Helvetica, sans-serif; }
fieldset, legend { margin: 0; padding: 0; border: 0; width: 34em; }
	label { float: left; clear: left; width: 14em; color: #333; font-size: 1.1em; font-weight: bold; }
	
		label span { font-size: 1.1em; }
		label.rightlabel { float: left; clear: none; margin: 1.4em 0 0 14em; font-weight: normal; }
		* html label.rightlabel { margin-left: 15.5em;}
		* + html label.rightlabel { margin-left: 15.5em;}
		
	input { float: left; width: 15.636em; height: 1.254em; margin: 0.3em 0; padding: 0.272em; border: 1px solid #B2C2C6; 
		font-size: 1.1em; font-family: Tahoma, Arial, Helvetica, sans-serif; } 
		
		input.submit { float: left; clear: both; position: relative; left: 25.5em; width: 50px; height: 20px; margin: 0; }
		input.check { float: left; clear: both; position: relative; left: 14em; width: 1.1em; height: 1.1em; margin: 1.6em 0.6em 1.6em 0; }
		
	textarea { float: left; width: 15.636em; height: 9.090em; padding: 0.272em; border: 1px solid #B2C2C6; 
		font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; } 
		

/* Structure */
#bg { background-image: url(/images/template/bodybgtop2.jpg); background-color: #007078; 
	background-repeat: repeat-x; background-position: left top; }
 
#container { width: 97.40em; margin: 3px auto -7.10em; background-color: #FFF; 
	background-image: url(/images/template/pageheaderbg.gif); background-repeat: repeat-x; 
	/* footer stuff */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	
	#header { position: relative; width: 100%; height: 92px; }
		#logo { position: absolute; left: 13px; top: 14px; width: 115px; height: 64px; }
		#subheading { position: absolute; right: 20px; top: 36px; }
		
	#menubg { width: 100%; height: 30px; background-image: url(/images/template/menubg.gif); background-repeat: repeat-x;
		background-color: #007078; background-position: left bottom; }





/*	




	#newsstage { position: relative; width: 97.40em; margin: 0 auto; background-color: #FFF; }
		#headerpictureright { position: absolute; right: 1px; top: -41px; width: 264px; height: 289px; 
			background-image: url(/images/template/pipedude.jpg); background-repeat: no-repeat; z-index: 4; }
	*/
	
	#newsstage { position: relative; width: 97.40em; margin: 0 auto; }
		#headerpictureright { position: absolute; right: 1px; top: -41px; width: 264px; height: 289px; 
			background-image: url(/images/template/pipedude.jpg); background-repeat: no-repeat; z-index: 4; }

	#headerpictureleft { position: absolute ; right: 265px; top: 0px; width: 120px; height: 217px; 
			background-image: url(/images/template/pipedudeleft.jpg); background-repeat: no-repeat; z-index: 1; }
			
			/*	
				#headerpictureleft { position: relative ; float:right;  width: 120px; height: 217px; 
			background-image: url(/images/template/pipedudeleft.jpg); background-repeat: no-repeat; z-index: 1; }
			#newsbg { position: relative; width: 100%; height: 220px; background-image: url(/images/template/newsbg.jpg); background-repeat: repeat-x; }
		
			*/
		
		#newsbg { position: relative; width: 100%; margin-top:0px; height: 220px; background-image: url(/images/template/newsbg.jpg); background-repeat: repeat-x; }
		
			#newsimage { position: absolute; top: 39px; left: 20px; width: 247px; height: 125px; z-index: 2;}
			
			#newsimageframe { position: absolute; top: 39px; width: 247px; height: 125px; left: 20px; 
				background-image: url(/images/template/newsimageframe.gif); z-index: 3; }
				
			#newsimagebuttons { position: absolute; bottom: 2px; left: 20px; width: 247px; height: 53px; 
				background-image: url(/images/template/newsimagebuttonsbg.gif); z-index: 2;}
				
			#casestudies { position: absolute; right: 280px; bottom: 8px; z-index: 3; }
			
	/*#menu2bg { width: 99.9%; height: 2.5em; margin: 0; padding: 0; background-color: #B2C2C6; }
	*/
		#menu2bg { width: 99.9%; height: 2.5em; margin: 0; padding: 0; background-color: #B2C2C6; }
	
	
	#content { width: 100%; min-height: 277px; background-image: url(/images/template/contentbg.jpg); background-repeat: repeat-x; }
	
		#servicescta { left: 26px; border-color: #006666;}
		
		#marketscta { left: 55px; border-color: #006666; }
	
		#probsissues { float: left; position: relative; top: 26px; left: 80px; width: 21.8em; height: 22.6em; background-image: url(/images/template/probsissues.gif); background-repeat: no-repeat; }
		
	#content2Column, #content3Column { width: 100%; border-top: 1px solid #FFF; background-image: url(/images/template/content_topbg.jpg); background-repeat: repeat-x; }
	
		#intro { float: left; position: relative; top: 4em; left: 2.7em; width: 92em; margin: 0 0 1em 0;}
	
		#left2Column { float: left; position: relative; top: 4em; left: 2.7em; width: 43.3em; }
		#right2Column { float: left; position: relative; top: 4em; left: 8em; width: 43.3em;  }
				
		#left3Column { float: left; position: relative; top: 4em; width: 18.8em; }
		#middle3Column { float: left; position: relative; top: 4em; width: 55.8em; }

		
		
		#right3Column { float: left; position: relative; top: 4em; left: 3em; width: 18em; }
		
	#content, #content2Column, #content3Column { clear: both; position: relative; top: -3px; }
		*html #content, 	*html  #content2Column,	*html  #content3Column { clear: both; position: relative; top: -0px; }
		* + html #content, 	* + html #content2Column,	* + html  #content3Column { clear: both; position: relative; top: 0px; }
	
	#pagepush { margin: 4.5em 0 0 0; height: 7.1em; /*margin prevents the odd overlaps */ }
	
	#footerbg { }
		#footer { width: 97.40em; height: 7.10em; margin: 0 auto; color: #007078; 
			background-image: url(/images/template/footerbg.gif); text-transform: lowercase; }
			#footerlinksLeft { float: left; margin: 3.1em 0 0 2.8em; display: inline; }
			#footerLogos { float: left; margin: 1em 0 0 23em; display: inline; }
				#footerLogos img { margin: 0 1em 0 0; }
			#footerlinksRight { float: right; margin: 3.3em 2.8em 0 0; display: inline; }

/* Specific Selectors */

	#probsissues p { position: relative; top: 60px; padding: 16px; }
	#probsissues #piform { position: absolute; bottom: 10px; }
	#piform { width: 90%; padding: 10px; }
	#piform  select { width: 190px; border: 1px solid #CCC; font-size: 1.1em; color: #007078; margin: 0 0 10px 0; }
	#piform .gobtn { width: 30px; height: 20px;  border: 0px; background-image: url(/images/template/gobutton.gif); cursor: pointer; }
	
	#footerlinksLeft a { color: #007078; font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; font-weight: normal; }
	
/* Classes */

/* -- http://www.positioniseverything.net/easyclearing.html --*/
.clear:after { clear: both; content: "&nbsp;"; height: 0; display: block; visibility: hidden; }
/*------------------------------------------------------------*/

.printClear { display: none; }

.clearprevious { clear: both; }

.access { display: none; }

.bold { font-weight: bold; }

.nomargin { margin: 0; }

.noborder { border: none !important; }

.hr { width: 100%; height: 0.1em; margin: 5px 0; border-top: 1px solid #B2C2C6; font-size: 0.1em; }

.sectionHeading { font-size: 1.5em; font-weight: bold; color: #00626A; text-decoration: underline; }

.printContactDetails { display: none; visibility: hidden; }

	/* home page */
	
	.homecta { float: left; position: relative; top: 4em; width: 32.2em; height: 24.5em; border: 3px solid; 
		margin: 0; padding: 0; margin-bottom: 2em; }
	
	.homectawide { width: 44em !important; }
	
	.homectatitle { position: absolute; top: -1.8em; left: -0.3em; width: 16.8em; height: 3.1em; margin: 0; }

	.homectatitle a { position:relative; top:6px; left:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; color: #FFF; }

	.homectagreytitle { background-image: url(/images/template/ctatitlegrey.gif); background-repeat: no-repeat; }
	
	.homectagreentitle { background-image: url(/images/template/ctatitlegreen.gif); background-repeat: no-repeat;  }
	
	.homectalist { position: relative; top: 19px; left: 8px; margin: 0; padding: 0;
		font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;  line-height: 21px; }
	
	.homectalist li { width: 48%; list-style-type: none; }
	
	#servicescta .homectalist li { border-bottom: 1px dotted #007078; }
	
	#marketscta .homectalist li { border-bottom: 1px dotted #007078; }
	
	.homectalist li.last { border: 0 !important; }
	
	.homectalist li  a { width: 48%; text-decoration: none; }
	
	#servicescta .homectalist li  a { color: #007078; }
	
	#marketscta .homectalist li  a { color: #007078; }
	
	.homectaimageouter { position: absolute; right: 10px; top: 16px; width: 131px; height: 123px; border: 2px solid;  }
	
	.homectaimageinner { width: 129px; height: 121px; border: 1px solid #FFF; background-color: #EDE; }
	
	.homectafooter { position: absolute; bottom: 0px; width: 32.2em; height: 6.9em; }
	
	.homectafooter p { position: relative; padding: 11px; width: 95%; color: #FFF; line-height: 119%; }
	
	* html .homectafooter p { width: 94% }
	
	.homectafooter p a { font-weight: bold; color: #FFF; }
	
	* html .homectafooter { bottom: -1px; }
	
	.homectafooter.homectagrey { background-color: #006666; }
	
	.homectafooter.homectagreen { background-color: #006666; }
	
	.homectagrey { border-color: #007078; }
	
	.homectagreen { border-color: #007078; }
	
	/* content pages */
	
	.contentHeader { float: left; margin: 0 0 1.5em 0; }
	
	
		.contentImage { float: left; padding: 3px; border: 2px solid #036D74; }
		
		.contentBodyImage { margin: 0 1em 0 0; }
		
		.contentHeaderBody { float: left; width: 38.3em; height: 16em; border: 1px solid #036D74; border-left: 0; display: inline;
			background-position: bottom; background-repeat: repeat-x; background-image: url(/images/template/content_headerbg.gif); }
		
		* html .contentHeaderBody  { height: 16.1em; }
		* + html .contentHeaderBody  { height: 16.1em; }
		
		.contentHeaderBody p { margin: 1em; }
		contentHeader
		
		
	/*  about us news */
		
			.contentHeaderBodyNews { float: left; width: 38.3em; height: 12em; border: 1px solid #036D74; border-left: 0; display: inline;
			background-position: bottom; background-repeat: repeat-x; background-image: url(/images/template/content_headerbg.gif); }
		
		* html .contentHeaderBodyNews  { height: 12.1em; }
		* + html .contentHeaderBodyNews  { height: 12.1em; }
		
		.contentHeaderBodyNews p { margin: 0em 1em 1em 1em; float:left; width: 330px;}
			
		.headerTitle { width: 24em; height: 2.4em; padding: 0.6em 0 0 1em; background-repeat: no-repeat; 
			background-image: url(/images/template/content_contentheadertitle.gif); }
			
		.headerTitle span, .wideTitle span { font-size: 1.2em; color: #FFF; }
		
		.headerTitle span a { color: #FFF; }
		
		.headerTitleNoArrow { width: 45em; height: 2.4em; padding: 0.6em 0 0 1em;
			background-image:url(/images/template/page_title_arrow.gif);background-repeat:no-repeat; }
			
		.headerTitleNoArrow span, .wideTitle span { font-size: 1.2em; color: #FFF; }
		
		.headerTitleNoArrow span a { color: #FFF; }
		
		headerTitleNoArrow2 { width: 30em; height: 2.4em; padding: 0.6em 0 0 1em;
			background-image:url(/images/template/page_title_arrow.gif);background-repeat:no-repeat; }
			
		.headerTitleNoArrow2 span, .wideTitle span { font-size: 1.2em; color: #FFF; }
		
		.headerTitleNoArrow2 span a { color: #FFF; }
			
		.detailBody { float: left; clear: both; width: 55.4em; margin-top: -1px; padding-bottom: 1em; border: 1px solid #036D74; border-top: 0;
			background-position: bottom; background-repeat: repeat-x; background-image: url(/images/template/content_headerbg.gif); }
			
			* html .detailBody { width: 55.5em; }
			* + html .detailBody { width: 55.5em; }
		
		.careersView { width: 55.8em; border-left: 1px solid #036D74; border-bottom: 0; background-image: none;  }
		
		.careersViewIndex { border-bottom: 1px solid #036D74; }
		
		.careersView .wideTitle { width: 53em; }
			* html .wideTitle .careersView .wideTitle { width: 52.9em; }
			* + html.careersView .wideTitle { width: 52.9em; }
		
		.subSection { margin: 1.5em 1em 1.5em 0; color: #007078; text-decoration: underline; font-size: 1.2em; }

		.summary { margin-top: 0; text-align: justify; }
		
		.bodyText { text-align: justify; }
		
		.document { margin: 0 0 0 1em; font-weight: bold; font-size: 1.0em; color: #666; }
		
		.document a { color: #666; }
		
		.detailBody h4 { margin: 1.5em 1em; color: #007078; text-decoration: underline; font-size: 1.2em; }
		
		.detailBody p { margin: 1em; }
			
		h4.wideTitle a { color: #FFF; font-size: 1.2em; }
							
		.wideTitle { float: left; width: 34.4em; height: 2.4em; padding: 0.6em 0 0 1em; background-repeat: repeat-x; 
			background-image: url(/images/template/content_newsheadertitle.gif); margin-bottom: 1em; }
			
			* html .wideTitle { width: 34.3em; }
			* + html .wideTitle { width: 34.3em; }
			
					
	/*	.newsTitleEnd { float: right; width: 1.8em; height: 3em; display: inline; background-repeat: no-repeat;
			background-image: url(/images/template/content_contentheadertitle.gif); background-position: right top; }
			*/
		
		.newsTitleEnd { float: right; width: 2.9em; height: 3em; display: inline; background-repeat: no-repeat;
			background-image: url(/images/template/content_contentheadertitle.gif); background-position: right top; }
	
		.datePosted { float: right; font-weight: bold; }
		
		.newsDate { position: absolute; top: 0; right: 0; }
		
	.contentcta { float: left; clear: both; position: relative; width: 18.2em; margin-bottom: 0.6em; }
	
	*html .contentcta { float: left; clear: both; position: relative; width: 18.4em; margin-bottom: 0.6em; }
		.contentctaimage { float: left; position: relative; top: 0.1em; left: 0.1em; border: 2px solid #007078; margin: 0 0.2em 0 0; }
		
		.contentctatitlebg { float: left; width: 14.8em; height: 3.2em; background-image: url(/images/template/content_ctatitlebg.gif); 
			background-position: bottom left; background-repeat: no-repeat; }
		
			.contentctatitle { float: left; width: 12.4em; color:#FFFFFF; font-size:1.2em; }	
				*html 	.contentctatitle { float: left; width:11.4em; color:#FFFFFF; font-size:1.2em; }	
				* html .contentctatitlebg { width: 14.8em;  }
				
					/*.contentctatitle { float: left; width: 14.4em; color:#FFFFFF; font-size:1.2em; }	
				
				* html .contentctatitlebg { width: 14.7em; } */
				
				
			.contentctatitle2 { position: absolute; right: 0; top: 0; width: 3em; height: 3.2em; background-image: url(/images/template/content_ctatitlebgend.gif); 
				background-position: bottom right; background-repeat: no-repeat; z-index: 5; }
				
				/* * html .contentctatitle2 { right: 0.2em;  } */
				
				* html .contentctatitle2 { right: 0; position:absolute; float:right;  }
				
				.contentctatitle h3 { margin: 0.8em 0 0 1em; }
				
				.contentctatitle h3 a { font-size: 1.2em; font-weight: bold; color: #FFF; }
				
		.contentctabody { float: left; position: relative; left: 0.1em; width: 17.9em; border: 1px solid #007078;
			background-image: url(/images/template/content_ctabodybg.gif); background-repeat: repeat-x; padding-bottom:1em; }
		
		* html .contentctabody { width: 18em; }
		
	/*	ul.contentDownloads { list-style-type: none; margin: 1em 0 0 0.5em; padding: 0; } */
		
			ul.contentDownloads { list-style-type: none; margin: 1em 0 0 0.4em; padding: 0; }
		
		ul.contentDownloads li { height: 2.5em; margin: 0.1em 0 0 0; text-indent: 2.8em; background-image: url(/images/template/icon_pdf.gif); 
			background-repeat: no-repeat; background-position: center left; }
		ul.contentDownloads li a { display: block; line-height: 2.25em; font-size: 1.1em; }
			ul.contentDownloads li a:hover { display: block; text-decoration: underline; }
		
	.contactcta { float: left; }
		.contactctatitle { position:relative; top:1.6em; width: 18em; height: 3.1em; 
			background-image: url(/images/template/content_contactctatitlebg.gif); background-repeat: no-repeat; }
		
		.contactctatitle h3 { position: relative; left: 1em; top: 0.7em; }
		
		.contactctatitle h3 a { font-size: 1.2em; font-weight: bold; color: #333; }
		
		.contactctabody { width: 16em; height: 7.5em; background-color: #D0DBDD; background-image: url(/images/template/content_contactctabodybg.gif);
			background-position: bottom; background-repeat: no-repeat; padding: 2.5em 1em 0 1em; }
		
		* html .contactctabody { width: 14.8em; }
		
		.contactctabody img { float: left; margin: 0 0.6em 0 0; vertical-align: middle; }
		
		.contactctabody a { font-size: 1.1em; color: #333; text-decoration: none;  font-weight: normal; }
		
		.contactctabody a span { font-size: 0.909em; }
		
		.contactctabody .hr { width: 100%; height: 0.1em; margin: 5px; border-color: #A0B3B8; font-size: 0.1em; }
		
		.contactctabottom { width: 18em; height: 4em; background-image: url(/images/template/content_contactbtm.jpg); }
		
	/* hub pages */
	
	.hub { float: left; margin: 0.5em 0 0.5em 0; }
	
	.widehub { float: left; margin: 0.5em 0 0.5em 0.5em; }
	
	*html .widehub { float: left; margin: 0.5em 0 0.5em 0.0em; }
	
	.hubImage { float: left; padding: 3px; border: 2px solid #036D74; }
	.hubBody { float: left; width: 25.2em; min-height: 16em; border: 1px solid #036D74; border-left: 0; display: inline;
		background-position: bottom; background-repeat: repeat-x; background-image: url(/images/template/content_headerbg.gif); }
	
	* html .hubBody  { height: 16.1em; }
	* + html .hubBody  { min-height: 16.1em; }
	
	.hubBody p { float: left; clear: left; width: 21em; margin: 1em 1em 0 1em; }
	* html .hubBody p { display: inline;  }
	
	.hubBody p img { float: left;  }
	
	.hubBody p span { float: left; margin: 0 0 0 1em; }
		
	
	
	.widehub .hubBody { min-height: 11em; }
	
	* html .widehub .hubBody { height: 11.1em; }
	* + html .widehub .hubBody { min-height: 11.1em; }
	
	.widehub .hubImage { padding: 1px; }
	
	.widehub .hubBody p { margin: 0.5em 0.8em 0 0.8em; }
	
	#right2Column .widehub { margin: 0.5em 0em 0.5em 0; }
	
	.bullet_list {font-size: 1.1em;  list-style-image:url(/images/template/bullet.gif); color:#007078;}
	/*	.bullet_list {font-size: 1.1em; line-height:135%; list-style-image:url(/images/template/bullet.gif); color:#007078;} */
	
	.smbullet_list {font-size: .9em; line-height:135%; list-style-image:url(/images/template/bullet.gif); color:#007078; margin-left:0px;}
	
	.green_subtitle {font-weight: bold; font-size:14px; color:#007078;}
	
	
/* content 26/10/09 */

#newscontent {height:125px; left:290px; position: relative; top:39px; width:370px; z-index:99 !important; }


/* #newscontent {height:125px; left:290px; position:absolute; top:39px; width:370px; z-index:99 !important;  background:red; }
*/

#location {font-family:Tahoma,Arial,Helvetica,sans-serif; min-height:400px;   width:370px; float:left; font-size:1.1em; color:#666;  }
*html #location {height:400px; }

#location  a {color:#666; }


.greyText {color:#666; font-size:1.1em;  }
.greyText  a {color:#666; }

.imageDiv { margin:10px 0px 10px 5px; float:left;}


.bullets {margin:10px 0px 0px 0px; float:left; }

.invisi {display:none;}

table {
	color: #666666;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 1.1em;	
}
