/*	-------------------------------------------------------------
	IBEX 
	
	Description:		Base setup styles and most to all typography is located here.
	Filename:			base.css
	Version:				2.0
	Date:					April 04 2006
	Author:				Daniel Eberhardt
	
	-------------------------------------------------------------	*/


/*  STYLING - Base styles
 - - - - - - - - - - - - - - - - - - - - - - - -  */
	html{
			font-size:62.5%;
			line-height: 0.1;
	/* 
	Above rules make all sizes close to 
	10px in all browsers. Resize using
	EM's from here.
	Sets line-height to smallest size for consistancy.
	*/	
		}
	
	body{
			color:#000;
			text-align:center;
			font:normal normal 1em/1.4em Verdana,Geneva,Arial,Helvetica,sans-serif;
			}
	
	
	/*	Links
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a,a:link{
			color:#717171;
			text-decoration:underline;
			background:transparent;
			}
	a:visited{
			color:#717171;
			}
	a:hover{
			color: #2B7EB4;
			text-decoration:none;
			}
	a:active{
			color: #000;
			background:transparent;
			}
	a img{
			border:none;
			}
	#content a img, #content a span img { 
			border:1px solid #ccc;
			}
/* Industries Links */	
/*	body.ind a:link{
			color:#589C28;
			}*/
body.ind a:hover{
			color: #339900;
			}

/* STYLING -- Skip to Content links */
		
	.skipper a{
			color:#000000;
			font-size:0.9em;
			}
	.skipper a:visited{
			color:#000000;
			}
	.skipper a:hover{
			color:#FFFFFF;
			}
			
/* STYLING -- Read more / Continue reading links etc. */
	
	a.more-info-link{  }
	a.more-info-link:link, a.more-info-link:visited{
			background: url(_img/more_tech.gif) no-repeat 0 50%;
			padding-left:15px;
			color:#000;
			text-decoration:none;
			font-weight:bold;
			}
	a.more-info-link:hover, a.more-info-link:active{
			color:#A3BCD6;
			}
			
/* Industries Read More Links */	
	body.ind a.more-info-link, body.ind a.more-info-link:link, body.ind a.more-info-link:visited{
			background-image:url(_img/more_indus.gif);
			}

/* STYLING -- To top Links */
		
	a.top:link, a.top:visited{
			display:block;
			text-align:right;
			text-decoration:none;
			background:url(_img/top_tech.gif) no-repeat 100% 0;
			width:2em;
			float:right;
			clear:both;
			margin:1.5em 0;
			color:#2B7EB4;
			}
	a.top:hover{
			background:url(_img/top_hover_tech.gif) no-repeat 100% 0;
			color:#A3BCD6;
			}
/* Industries Top Links */
	body.ind a.top:link, body.ind a.top:visited{
			background-image:url(_img/top_indus.gif);
			color:#339900;
			}
	body.ind a.top:hover{
			background-image:url(_img/top_hover_indus.gif);
			color:#589c28;
			}
			
/*  STYLING -- Headings
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	h1,h2,h3,h4,h5,h6{
			font-weight:bold;
			font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
			color:#2B7EB4;
			line-height:normal;
			padding:0;
			clear:both;
			}
	h1{
			font-size:2.2em;
			margin:0 0 .3em 0;
		    }
	h2{
			font-size:2em;
			margin:0 0 .5em 0;
		    }
	h3{
			font-size:1.8em;
			line-height:1.5em;
			margin:0 0 .5em 0;
		    }
	h4{
			font-size:1.6em;
			line-height:1.3em;
			margin:0 0 .4em 0;
			}
	h5{
			font-size:1.5em;
			line-height:1.3em;
			margin:0 0 .25em 0;
			}
	h6{
			font-size:1.3em;
			line-height:1.3em;
			margin:0 0 .25em 0;
			}
	
/* Industries Heading Styles  */
	body.ind h1,body.ind h2,body.ind h3,body.ind h4,body.ind h5,body.ind h6{
			color:#589C28 !important;
			}

	body.mceControlBody h1 {
	
			color:#589C28 !important;
	}

/* STYLING -- Linked Headings */
			
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
			text-decoration:none;
			}
	h1 a:link,h1 a:visited,h2 a:link,h2 a:visited{
			color:#2B7EB4;
			text-decoration:none;
			}
	h3 a:link,h3 a:visited, h4 a:link,h4 a:visited{
			color:#2B7EB4;
			}
	h1 a:hover,h2 a:hover, h3 a:hover, h4 a:hover{
			color:#A3BCD6;
			}
	
/* Industries Linked Heading Styles  */
	body.ind h1 a:link,body.ind h1 a:visited,body.ind h2 a:link,body.ind h2 a:visited,body.ind h3 a:link,body.ind h3 a:visited,body.ind h4 a:link,body.ind h4 a:visited{
			color:#589C28;
			}
	body.ind h1 a:hover,body.ind h2 a:hover,body.ind h3 a:hover,body.ind h4 a:hover{
			color:#88CC59;
			}

/*  STYLING -- Typograpgy
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	p,ul,ol,dl{
			margin:0 0 1.5em 0;
			line-height:1.4em;
			font-size:1.1em; /*11px*/
			}
	em{
			font-style:italic;
			}
	strong{
			font-weight:bolder;
			}
	blockquote{
			background:#E7E5E5;
			padding:0;
			margin:0.8em;
			color:#717171;
			font-size:1.2em;
			font-style:italic;
			}
	blockquote p{
			margin:0;
			padding:1em;
			}
	abbr,acronym{
			color:#737373;
			border-bottom-width:1px;
			border-bottom-style:dotted;
			border-bottom-color:#737373;/* for IE 5,same color as color */
			}
/* Notices to draw attention */

	#page .warning,.info,.attention,.note{
			padding:0.5em 0.5em 1em 40px;
			border:1px solid;
			}
	#page .warning{
			background:#FFE6E6 url(_img/icons/icon_warning.png) no-repeat 10px 0.2em;
			border-color:#FFCCCC;
			}
	.intro-text{
			font-size:1.1em;
			font-weight:bolder;/* Added to first paragraph */
			}
	.info{
			background:#E0F4F9 url(_img/icons/icon_info.png) no-repeat 10px 0.2em;
			border-color:#CFDEE6;
			}
	.attention,.note{
			background:#FAEDBC url(_img//icons/icon_attention.png) no-repeat 10px 0.2em;
			border-color:#FDCD5B;
			}
	.note{
			}
	.note em{
			font-weight:bolder;
			}
	.warning li,.info li,.attention li,.note li{
			list-style:square;
			background:none;
			}
	#page .highlight{
			color:#EB8A21;
			}
	#page .subdued{
			color:#999
			}
	#page .error{
			color:#c00;
			font-weight:bold
			}
	.error:before{ 
			content:'Error: '
			}
	#page .success{
			color:#390;
			font-weight:bold
			}
	#page .caption{
			color:#999;
			font-size:0.9em;
			text-align:center;
			padding:4px;
			border: 1px solid #E6E6E6;
			}
	#page .date{
			font:bold 1em Tahoma;
			color: #2B7EB4;
			display:block;
			}
	small{
			font-size:0.8em;
			}
	code { 
			font-family: monospace;
			font-size:1.1em;
			color:#339900;
			
			}
			
/*  STYLING -- Lists
 - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	ul{
			list-style: none;
			margin:0 0 1.5em 0;
			}
	ul li{
			margin:0 0 0.25em 30px;
			padding:0 0 0 10px;
			background:url(_img/bullet.gif) no-repeat 0 0.4em;
			}
	li p{
			font-size:inherit;
			margin:0 0 .5em 0;
			}
	ul ul{
			font-size:inherit;
			}

/* Ordered lists */	
	ol{
			margin:0 0 1.5em 3em;
			}
	ol li{
			font-size:1.0em;
			margin:0 0 0.25em 30px;
			padding:0;
			background:none;
			}
	ol ul{
			font-size:inherit;
			}
	ol ul li{
			background:url(_img/icons/bullet.gif) no-repeat 0 0.5em;
			margin:0 0 0.25em 30px;
			padding:0 0 0 10px;
			}

/* Definition Lists */

	dl{
			margin:0 0 1.5em 0;
			padding:0;
			}
	dl dt{
			font-weight:bold;
			font-size: 1.2em;
			margin:1em 0 0.25em 0;
			padding:0;
			}
	dl dd{
			margin:0 0 0 0;
			padding:0;
			}
	dl dd ul{
			font-size:inherit;
			}
	dl dd p{
			font-size:inherit;
			}
	dl dl{
			margin: 0 0 1.5em 30px
			}						

/*  STYLING -- Images
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	img{
			padding:4px;
			border:1px solid #B8B8B8;
			}
	#content img{
			float:left;
			margin:0.2em 1em 1em 0;
			display:inline;
			}
	img.logo{ 
			border:0;
			padding:0;
			}
	#page #footer img.nexsys {
			display:none;
			}
	
/*  LAYOUT -- Main Layout wrappers and containers
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	#page{
			text-align:left;/* Re-set IE hack in body */
			}
	#main {
			}
	
/*  STYLING -- Utility Navigation
 - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	#utility-nav{
			text-align:right;
			font-size:0.9em;
			width:100%;
			font-weight:normal;
			color:#000;
			}

/*  STYLING -- Global Classes
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	tr .odd, tr .even{
			background:#F4F4F4;
			}
	div *.last, *.first{
			border:0;
			}
	*.feature-box {
			border:solid #B8B8B8;
			border-width:1px;
			padding:1em;
			font-size: 1.1em;
			font-weight: normal;
			margin:1em 0;
			background:#FAFAFA;
			}
			
/*  STYLING -- Tables
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	table{
			border:solid #C1C1C1;
			border-width:1px 0 0 1px;
			padding:0;
			margin:0.2em auto 2em auto;
			width:98%;
			border-collapse:collapse;
			}
	table caption{
			color:#000000;
			text-align:left;
			font:normal bold 2em "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
			margin:0.5em 0 1em 1em;
			}
		
/* Table Header */
		
	thead th, tr th{
			font:normal bold 1.1em "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
			color:#000;
			text-align:center;
			vertical-align:bottom; 
			border:solid #C1C1C1;
			border-width:1px 1px 1px 0;
			padding-bottom:0.2em;
			background: #E6E6E6;
			}

	thead th.nobg { /* Remove background */
			color:#666;
			border:solid #C1C1C1;
			border-width: 0 1px 1px 0;
			background: none;
			}
	.table-header{ 
			font:normal bold 1.1em "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
			color:#000;
			text-align:center;
			vertical-align:bottom; 
			border:solid #C1C1C1;
			border-width:1px 1px 1px 0;
			padding-bottom:0.2em;
			background: #E6E6E6;
			}
/* Table Body */
		
	tbody tr th { 
			background:#FAFAFA;
			color: #2B7EB4;
			font-size:1.2em;
			}
	body.ind tbody tr th { 
			color:#339900;
			}
	.table-sub-header{ 
			background:#FAFAFA;
			color: #2B7EB4;
			font-size:1.2em;
			}
	body.ind .table-sub-header{ 
			color:#339900;
			}
	td,th{
			text-align:right;
			padding:0.5em 0.5em;
			border: solid #C1C1C1;
			border-width: 0 1px 1px 0;
			}
				
/* Tbody Headers */
				
	th{
			color:#000000;
			font-weight:bold;
			text-align:right;
			font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			border: solid #C1C1C1;
			border-width: 0 1px 1px 1px;
			}
						
/* Tbody Odd and even styles */
						
.odd th{
			background: #fff url(_img/table/bullet_orange.gif) no-repeat;
			}
.even th{
			background: #f5fafa url(_img/table/bullet_grey.jpg) no-repeat;
			}
/* Odd and Even Special rules */						
						

	.even th.spec {
			background: #f5fafa url(_img/table/bullet_grey.jpg) no-repeat;
			border-bottom: 0;
			}
	.odd th.spec {
			background: #f5fafa url(_img/table/bullet_grey_no.jpg) no-repeat;
			}		

/* Tbody cells */
	td{
			font:1em Verdana,"Andale Mono",Courier,"Courier New",monospace;
			vertical-align:top;
			padding-right: 1em;
			background: #fff;
			}
						
/* Tbody cell odd and even */
				
	.even td {
			background: #E4E4E4 url(_img/table/tab_bg_td_grey.jpg) no-repeat;
			}
/* Tbody odd even special */
	.even td.spec {
			border-top: 0;
			border-bottom: 0;
			background: #E4E4E4 url(_img/table/tab_bg_td_grey.jpg) no-repeat;
			}
	.odd td.spec {
			background: #E4E4E4 url(_img/table/tab_bg_td_grey2.jpg) no-repeat;
			}

/*  LAYOUT-- Masthead
 - - - - - - - - - - - - - - - - - - - - - - - -  */

/*  STYLING -- Masthead
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	#masthead{
			background:#fff;
			}
	#masthead h1 a:link, #masthead h1 a:visited{
			color:#000;
			text-transform:uppercase;
			}
    

/*  STYLING -- Main Content area
 - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	#content{
			}
/*  STYLING -- Vcard
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	#content .vcard{ 
			margin-bottom:1.5em;
			}
	.vcard .street-address,.extended-address,.locality,.country-name,postal-code,div.tel span.type,.fn{
			display:block;
			}
	div.adr span.type,div.type .fn{
			font-weight:bold;
			text-transform:capitalize;
			}
	.vcard .fn{
			font-size:1.1em;
			margin:0;
			font-weight:bold;
			border:solid #E7E5E5;
			border-width:1px 1px;
			padding:1em;
			}
	.vcard .adr{
			background: #F0F0F0;
			padding:1em;
			}
	.vcard h3{
			padding:0.5em;
			margin:0;
			border:solid #E7E5E5;
			border-width:1px 1px 0 1px;
			font-weight:normal;
			}
	#innershell .vcard{
			margin-top:2.5em;
			}
	.fn a:link,.fn a:visited{
			color:#000000;
			}
					
/*  STYLING -- Sidebar
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4{
			padding: 0 0 0.2em 0; 
			margin: 0 0 0.5em 0; 
			}
		
/*  STYLING -- Footer
 - - - - - - - - - - - - - - - - - - - - - - - -  */

	#footer{
			font-size:0.9em;/*Equivilent to 9px*/
			color:#717171;
			text-align:center;
			border:solid #000;
			border-width:0 1px;
			background:#fff url(_img/awards_logos_small.gif) no-repeat 16px 8px;
			} 

	#footer div.inner-shell{
			margin:0 16px;
			border-top: 1px solid #E6E6E6;
			padding:8px 0 2em;
			}
	#footer img{
			display:none;
			}
/* Footer Menu */
	#footer ul{
			text-align:right;
			float:right;
			width:300px; /* increased to allow for orphaned word in IE */
			}	
	#footer ul li{
			display:block;
			padding:0 0.5em;
			margin:0.5em 0;
			background:none;
			}
	#footer ul li.first{
			border:0;
			}
	#footer ul li a{ 
			text-decoration:none;
			}
	#footer p.copyright{
			text-align: center;
			float:right;
			width:253px;
			margin:0;
			}
	#footer address{
			display:block;
			text-align:right;
			width:300px;
			float:right;
			clear:both;
			margin-right:3px;
			}
	#footer address a:link, #footer address a:visited{
			color: #717171;
			text-decoration:none;
			}
	#footer address a:hover{
			color: #2B7EB4;
			}
/* Industries Address */
	body.ind #footer address a:hover{
			color:#589C28;
			}
			
/*  STYLING -- Sneaking this in
 - - - - - - - - - - - - - - - - - - - - - - - -  */	
	#pbi sub{
			display:block;
			font-style:italic;
			}
