/*	
	green	(1)	#08732a		e9f2de
	purple	(2)	#7b1447		e8dce8
	orange	(3)	#eb3c19		ffeadc
	
	blue		#00195e
	
	grey		#404040		lines
				#595959		text


	list-style-image: url(images/arrow.gif);
*/
/* ============================================================================================= */
/* RESET STYLES FIRST  -  http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ 			 */
/* ============================================================================================= */
		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;
		}
		body {
			line-height: 1;
		}
		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-collapse: collapse;
			border-spacing: 0;
		}
/* ============================================================================================= */
/* 																								 */
/* ============================================================================================= */

.div	{ border:1px solid #c33; padding:2px; }

html {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	}
body {
    text-align:center;
   	line-height:1.3em;
	background-color:#fff;
   }
  
hr {
	color:#808080;
	background:none;
	background-color:#808080;
	height:1px;
	border:none;
	}

#article h1 {
	font-size:1.3em;
	line-height:1.2em;
	color:#595959;
	}
#article h2 {
	font-size:1.3em;
	line-height:1.2em;
	color:#595959;
	}
#article h3 {
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	color:#595959;
	}
#article h4 {
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	color:#00195e;
	}
#article h5 {
	font-size:1em;
	line-height:0.8em;
	color:#00195e;
	}
#article p {
	margin-bottom:0.6em;
	}
#article h2,#article h3,#article h4,#article h5 {
	margin-top:1em;
	margin-bottom:0.2em;
	}
#article ul {
	margin-bottom:0.6em;
	margin-top:0;
	}
#article li {
	margin-left:12px;
	/*list-style:none;*/
	/*background:url(images/bullet_orange_open.png) no-repeat 0 .4em;*/
	}
#article li ul li {
	/*padding-left:10px;*/
	/*list-style:none;*/
	/*background:url(images/bullet_second.png) no-repeat 0 .6em;*/
	}
#article a,
#article a:visited
#right a,
#right p a,
#right a:visited,
.taEmail,
#home_container a,
#home_container a:visited {
	/*text-decoration:none;*/
	color:#595959;
	}
#article a:hover {
	color:#00195e;
	/*text-decoration:underline;*/
	}

#article .intro {
	color:#595959;
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:1em;
	}

/* -- COLOURS --------------------------------------------- */
#left  			{ background:url(images/bg_sidebar.png) no-repeat 0 0; }
#one #left  	{ background:url(images/bg_sidebar_1.png) no-repeat 0 0; }
#two #left  	{ background:url(images/bg_sidebar_2.png) no-repeat 0 0; }
#three #left  	{ background:url(images/bg_sidebar_3.png) no-repeat 0 0; }

#page_right_strip 			{ background:url(images/bg_sideline.png) no-repeat 100% 0; }
#one #page_right_strip 		{ background:url(images/bg_sideline_1.png) no-repeat 100% 0; }
#two #page_right_strip 		{ background:url(images/bg_sideline_2.png) no-repeat 100% 0; }
#three #page_right_strip 	{ background:url(images/bg_sideline_3.png) no-repeat 100% 0; }

#submenu .smhover 			{ background:#333 !important; }
#one #submenu .smhover 		{ background:#eb3c19 !important; }
#two #submenu .smhover 		{ background:#eb3c19 !important; }
#three #submenu .smhover 	{ background:#00195e !important; }

#submenu li a:hover 		{ background:url(images/sm_arrow_grey.png) no-repeat 0 2px; }
#one #submenu li a:hover 	{ background:url(images/sm_arrow_orange.png) no-repeat 0 2px; }
#two #submenu li a:hover 	{ background:url(images/sm_arrow_orange.png) no-repeat 0 2px; }
#three #submenu li a:hover 	{ background:url(images/sm_arrow_blue.png) no-repeat 0 2px; }

#submenu li.here 		{ background:url(images/sm_bg_arrow_grey.png) no-repeat 100% 1px; }
#one #submenu li.here 	{ background:url(images/sm_bg_arrow_orange.png) no-repeat 100% 1px; }
#two #submenu li.here 	{ background:url(images/sm_bg_arrow_orange.png) no-repeat 100% 1px; }
#three #submenu li.here { background:url(images/sm_bg_arrow_blue.png) no-repeat 100% 1px; }

#submenu li a.here 			{ background-color:#333; }
#one #submenu li a.here 	{ background-color:#eb3c19; }
#two #submenu li a.here 	{ background-color:#eb3c19; }
#three #submenu li a.here 	{ background-color:#00195e; }

#one #article h1,
#one #article h2	{ color:#08732a ; }
#two #article h1, 
#two #article h2	{ color:#7b1447 ; }
#three #article h1, 
#three #article h2	{ color:#eb3c19 ; }

#one #article h3,#one #article h4		{ color:#00195e ; }
#two #article h3, #two #article h4		{ color:#00195e ; }
#three #article h3, #three #article h4	{ color:#00195e ; }

#one .taBox			{ background-color:#e9f2de ; }
#two .taBox			{ background-color:#e8dce8 ; }
#three .taBox		{ background-color:#ffeadc ; }

#one .quote			{ color:#08732a;border-top:8px solid #e9f2de;border-bottom:8px solid #e9f2de }
#two .quote			{ color:#7b1447;border-top:8px solid #e8dce8;border-bottom:8px solid #e8dce8; }
#three .quote		{ color:#eb3c19;border-top:8px solid #ffeadc;border-bottom:8px solid #ffeadc }

/* PAGE - encompasses ALL page content: body > page ------- */
#page {
	position:relative;
	width:990px;
	text-align:left;
	margin:10px auto 0 auto;
	padding:0 3px;
	/*background:url(images/bg_page.png) repeat-y;*/
	background-color:#fff;
	}
#page_right_strip {
	height:100%;
	padding-right:10px;
	}


#page_bottom_strip {
	position:relative;
	width:996px;
	margin:0 auto;
	/*background:url(images/shadow_b.png) repeat-x;*/
	background-color:#fff;
	height:9px;
	margin-bottom:10px;
	}
#page_bottom_strip .bl {
	position:absolute;
	left:0;
	/*background:url(images/shadow_bl.png) repeat-x;*/
	height:3px;
	width:3px;
	}
#page_bottom_strip .br {
	position:absolute;
	right:0;
	/*background:url(images/shadow_br.png) repeat-x;*/
	height:3px;
	width:3px;
	}
/* HEADER ------------------------------------------------- */
#global_bar {
	/*border:1px solid #0c0;*/
	position:relative;
	width:990px;
	height:60px;
	background:url(images/banner.png) no-repeat 0 0;
	}
#global_bar .links {
	position:absolute;
	right:10px;
	}
#global_bar .links,
#global_bar .links a {
	color:#fff;
	font-size:0.9em;
	line-height:28px;
	}
#global_bar .links a {
	text-decoration:none;
	}
#global_bar .links a:hover {
	text-decoration:underline;
	}

#global_items {
	/*border:1px solid #c00;*/
	height:60px;
	}
#global_items div {
	display:inline;
	}

#global_logo {
	position:absolute;
	left:0;
	top:0;
	width:300px;
	height:52px;
	}

/* Google Custom Search Engine results */
iframe {
	/*border:1px solid #c00;*/
	width:490px !important;
	}

	
#header {
	position:relative;
	display:block;
	height:82px;
	text-align:left;
	}
#header_image {
	position:absolute;
	top:0;
	right:0;
	width:748px;
	height:127px;
	}
#logo {
	position:absolute;
	top:0px;
	left:0;
	width:152px;
	height:83px;
	}
/* UTILITY ------------------------------------------------ */
#utilitymenu {
	/*border:1px solid #0c0;*/
	height:28px;
	line-height:28px;
	text-align:right;
	padding-right:18px;
	font-size:0.7em;
	}
#print_button {
	/*border:1px solid #c00;*/
	background:#fff !important;
	}
#utilitymenu a {
	color:#595959;
	font-weight:bold;
	text-decoration:none;
	}
#utilitymenu a:hover {
	text-decoration:underline;
	}
/* MAIN MENU ---------------------------------------------- */
#mainmenu {
	position:absolute;
	top:25px;
	right:10px;
	background-color:#fff;
	height:38px;
	padding:0;
	margin:0;
	font-size:1em;
	}
#mainmenu ul {
	padding:2px 0; /* Set's height of Menubar */
	margin:0;
	}
#mainmenu li {
	display:inline;
	list-style:none;
	}
#mainmenu li ul li  { /* Drop down menus (all levels) */
	background:		#fff;
	padding:4px 5px 4px 12px; /* drop-down link spacing */
	margin-left:5px;
	border-bottom:1px solid #ccc;
	}
#mainmenu li ul li.last  { /* last item in submenu */
	border:none;
	}
#mainmenu li li a { /* Drop down menu links */
	line-height:1.3em;
	/*border:1px solid #c00;*/
	}
#mainmenu li a:hover {
	text-decoration:underline;
	}
#mainmenu li a.here {
	font-weight:bold;
	/*padding-left:12px;*/
	}

#mainmenu img { /* Space between main menu images */
	margin-right:6px;
	}
#mainmenu .last img { /* last item, no right margin */
	margin-right:0;
	/*border:1px solid #c00 !important;*/
	}

/* BREADCRUMBS -------------------------------------------- */
#breadcrumbs {
	color:#595959;
	height:20px;
	font-size:0.8em;
	overflow:hidden;
	line-height:20px;
	border-bottom:1px solid #999;
	margin-bottom:12px;
	margin-left:264px;
	margin-right:20px;
	}
#breadcrumbs img {
	/*border:1px solid #c00;*/
	vertical-align:top;
	margin:auto 5px;
	}
#breadcrumbs a {
	color:#595959;
	text-decoration:none;
	}
#breadcrumbs a:hover {
	text-decoration:underline;
	}
/* COLUMNS ------------------------------------------------ */
#right,#left,#article,#container {
 	/*border:1px solid #c00;*/
	}
#article {
	margin:auto 20px;
	width:480px;
	}
#left {
	float:left;
	width:244px;
	height:600px;
	}
#right {
	float:right;
	width:195px;
	margin-right:20px;
	/*padding-left:5px;*/
	/*background-color:#eef;*/ /* right bg color */
	}
#right p {
	font-size:0.9em;
	margin-bottom:0.6em;
	}
/* QUOTE ------------------------------------------------ */
.quote {
	font-style:italic;
	font-size:1.1em;
	line-height:1.4em;
	padding-top:1em;
	padding-bottom:1em;	
	}

/* SEARCH ------------------------------------------------ */
.searchbox {
	display:inline;
/*	position:absolute;
	top:203px;
	right:25px;*/
	line-height:28px;
	height:30px;
	margin:0;
	padding:0;
	}
.searchbox form {
	display:inline;
	}
.searchbox *,.inlinesearch *,.project_searchbox *,.case_study_searchbox * {
	vertical-align:middle;
	}
.searchbox .forminput,.inlinesearch .forminput,.project_searchbox .forminput,.case_study_searchbox .forminput {
	border:1px solid #333;
	border-right:none;
	height:14px;
	padding:2px 2px 2px 4px;
	color:#595959;
	font-size:0.8em;
	}
.searchbox,
.case_study_searchbox {
	margin-bottom:1em;
	}
.case_study_searchbox .forminput {
	border:1px solid #f7941e;
	}
.searchbox .formbuttonx,.inlinesearch .formbuttonx,.project_searchbox .formbuttonx,.case_study_searchbox .formbuttonx {
	border:0;
	}
.inlinesearch {
	background:#eee;
	border:1px solid #808080;
	padding:10px;
	margin-bottom:20px;
	position:relative;
	}

/* SUBMENU ------------------------------------------------ */
#submenu {
	/*background:#eee;*/
	/*border:1px solid #c00;*/
	/*display:block;*/
	margin-left:-22px;
	padding:20px 5px 5px 0;
	}
#submenu h3 {
	margin:10px 0 10px 47px;
	color:#fff;
	}
#submenu ul {
	/*border:1px solid #c00;*/
	margin-right:12px;
	}
#submenu li {
	/*border:1px solid #0c0;*/
	list-style:none;
	padding-left:22px;
	padding-top:8px;
	}
#submenu a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:0.9em;
	line-height:1.2em;
	}
#submenu li a {
	padding-left:22px;
	}
#submenu a:hover {
	text-decoration:underline;
	}
#submenu li.here {
	padding-right:26px;
	padding-bottom:5px;
	background:url(images/sm_bg_arrow.png) no-repeat 100% 1px;
	}
#submenu li a.here {
	/*border:1px solid #00c;*/
	font-weight:bold;
	padding:2px 2px 4px 22px;
	}
#submenu li.in_here {
	/*text-transform:uppercase;*/
	}
/* HOMEPAGE ----------------------------------------------- */
#homepage {
	position:relative;
	width:970px;
	height:620px;
	margin-top:20px;
	background:url(images/bg_home.png) no-repeat 14px 30px;
	/*border:1px solid #c00;*/
	}
#home_logo {
	position:absolute;
	top:0;
	left:20px;
	}
#home_section_1 {
	position:absolute;
	right:0;
	top:19px;
	overflow:hidden;
	}
#home_section_2 {
	position:absolute;
	right:0;
	top:219px;
	}
#home_section_3 {
	position:absolute;
	right:0;
	top:412px;
	}
#home_arrow_where {
	position:absolute;
	left:0;
	top:120px;
	}
#home_arrow_findout {
	position:absolute;
	z-index:300;
	left:220px;
	top:360px;
	}
#home_arrow_resources {
	position:absolute;
	left:295px;
	top:425px;
	}
#home_arrow_news {
	position:absolute;
	left:270px;
	top:479px;
	}
#home_arrow_contactus {
	position:absolute;
	left:245px;
	top:535px;
	}
#home_intro {
	position:absolute;
	left:22px;
	top:194px;
	}
#home_image {
	position:absolute;
	top:340px;
	left:20px;
	}

/* META ITEM TABLE ---------------------------------------- */
#metaitem {
	border:1px solid #999;
	width:100%;
	font-size:0.9em;
	}
#metaitem tr {
	background-color:#eee;
	}
#metaitem tr.even {
	background-color:#ddd;
	}
#metaitem td {
	padding:6px 8px;
	}
#metaitem h3,
#metaitem h4 {
	margin:0;
	color:#333;
	}
#metaitem h4 {
	font-weight:normal;
	margin-top:0.2em;
	}

/* SITEMAP ------------------------------------------------ */
div#sitemap {
	margin-top:1em;
	margin-bottom:1em;
	}
#sitemap li {
	margin-top:0.2em;
	}
#sitemap li ul li {
	margin-left:20px;
	}
/* LAST UPDATED ------------------------------------------- */
#lastupdated {
	font-size:0.7em;
	color:#999;
	margin-right:18px;
	padding-bottom:10px;
	text-align:right;
	clear:both;
	}
/* FOOTER ------------------------------------------------- */
#footer,#imprint,#footer a, #imprint a {
	font-size:0.9em;
	color:#404040;
	}
#footer {
	clear:both;
	padding:5px 10px 0 10px;
	text-align:left;
	}
#footer a {
	text-decoration:none;
	color:#404040;
	}
#footer a:hover {
	text-decoration:underline;
	}
#imprint {
	float:right;
	}
#imprint a {
	color:#999;
	}
/* -------------------------------------------------------- */
#fontResize {
	display:inline;
	padding-left:0.5em;
	background:#fff;
	}
	
.backToTop {
	margin:1.5em 0;
	border-top:1px solid #e5f1ef;
	background:url(images/i_up.png) no-repeat 0 5px;
	}
.backToTop a {
	font-size:0.8em;
	margin-left:12px;
	}
	
.success {
	background:url(Filestore/_icons/icon_yes.png) no-repeat 4px 4px;
	border:1px solid #396;
	padding:3px 3px 3px 25px;
	margin-top:10px;
	background-color:#d6e4bd;
	font-size:.8em;
	}
.failure {
	background:url(Filestore/_icons/icon_no.png) no-repeat 4px 4px;
	border:1px solid #c00;
	padding:3px 3px 3px 25px;
	margin-top:10px;
	background-color:#f5cccc;
	font-size:.8em;
	}
/* ------------------------------------------------------------------------ */
/* ToolTip Styles */

#easyTooltip {
	font-size:0.9em;
	margin:0 10px 1em 0;
	width:250px;
	padding:8px;
	background:#fcfcfc;
	border:1px solid #404040;
	line-height:130%;
	text-align:left;
	}
#easyTooltip h3 {
	margin:0 0 .5em 0;
	/*font:13px Arial, Helvetica, sans-serif;*/
	text-transform:uppercase;
	}	
#easyTooltip p {
	margin:0 0 .5em 0;
	}		
#easyTooltip img {
		background:#fff;
		padding:1px;
		border:1px solid #e1e1e1;
		float:left;
		margin-right:10px;
		}		

#item{display:none;}

/* ------------------------------------------------------------------------ */
.taBlockContent {
	display:none;
	/*background:#f2f6f9;*/
	padding:6px;
	}
.taPicStyle,.taPicStyleLeft,.taPicStyleRight,.taPicStyleCentre {
	margin:0 0 10px 0;
	padding:0;
/*	margin-bottom:0;
	margin-top:10px;
	padding-bottom:0;*/
	}
.taPicStyleCentre {
	/*text-align:center;
	width:200px;
	position:relative;
	left:40%;*/
	}
.taPicStyleLeft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
.taPicStyleRight {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}
.taPicCaption {
	display:block;
	text-align:center;
	font-weight:bold;
	background-color: #ece9d2; 
	width:190px;
	padding:5px 5px;
	margin-top:0;
	}

.taColumnsBlock {
	/*border:1px solid #0c0;*/
	width:100%;
	padding:0;
	margin:0;
	/*padding-bottom:1em;*/
	}
.taColumnsBlockLeft {
	/*border:1px solid #c00;*/
	float:left;
	width:46%;
	padding:0;
	margin:0 1em 0 0;
	}
.taColumnsBlockRight {
	/*border:1px solid #00c;*/
	float:left;
	width:46%;
	height:1%;
	padding:0;
	margin:0 0 0 1em;
	}

.taBox {
	background:#ffeadc;
	padding:1em .5em .5em 1em;
	}
.taTable {
	/*border-top:1px solid #61656C;*/
	/*border-bottom:1px solid #61656C;*/
	border:1px solid #61656C;
	}
.taTable td {
	/*padding:.1em 1em .1em .5em;*/
	padding:.5em 1em;
	}
.taTable .rowAlt {
	background:#ECF1F3;
	}
.topOfPage {
	clear:both;
	margin:2em 0;
	padding:1em 0;
	border-top:1px solid #e5f1ef;
	}
/* plain table. The default is bordered and striped */
.plain {
	/*border:1px solid #999;*/
	margin-bottom:1em;
	}
.plain td {
	padding:.1em 1em .1em 0;
	font-size:0.9em !important;
	}
	
/* --------------------------------------------------------------------------- */
.nosee {
	display:none;
	}
/* --------------------------------------------------------------------------- */
/* A div with a floated div inside will not expand to fill the contained div.  */
/* This fix deals with the matter. Apply class="clearfix" to the container div */
/* Thanks to http://positioniseverything.net/easyclearing.html */

.clearfix:after,.itemlist:after,.taColumnsBlock:after,#container:after,#article:after,#search_count:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

.clearfix,.taBox img,.itemlist,.taColumnsBlock,#left,#article {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* --------------------------------------------------------------------------- */
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
	}
/* --------------------------------------------------------------------------- */