/* Site Layout Styles
 * Updated:  12 May 2008 @ 1.17pm
 * Author: Matthew Holmes <www.ivt.com.au>
 ---------------------------------------------*/

/* -- reset css [http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/] */
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, 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: inherit; 
	font-family: inherit; 
	list-style: none;
	}


	/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */ height: 1%; }
	*+ html .clearfix { height: 1%; }
		
		
		body {
			background: #c9bfad;
			color: #555;
 			font: 62.5%/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
		
		/* -- links */
		a { 
			color: #115b73;
			font-weight: bold;
			text-decoration: none;
			}

		/* -- structure
		---------------------------------------------*/
		#container {
			width: 1035px;
			margin: 30px auto 0;
			background: #fff url(../webimage/bg-container.gif) repeat-y;
			}

			
			/* -- header */
			#header {
				margin: 0 0 0 2px;
				height: 131px;
				background: url(../webimage/bg.gif) 0 0 no-repeat;
				}
			
				/* logo */
				#header h1 {
					float: left;
					padding: 2px 0 0 0;
					line-height: 0;
					}
					
				/* conference button */
				#header p {
					float: right;
					padding: 2px 9px 0 0;
					line-height: 0;
					}
			
			
			/* -- banner */
			#banner {
				margin: 0 9px 0 2px;
				height: 270px;
				background: #f65f00 url(../webimage/bg.gif) 0 -131px no-repeat;
				}
				
				/* main navigation */
				div#nav {
					float: left;
					width: 266px;
					height: 235px;
					padding: 14px 0 0;
					}
					
					#nav li {
						display: block;
						margin: 0;
						padding: 3px 25px;
						}
					#nav li.projects {
						margin: 0 0 1px;
						background: #fcb040;
						}
					#nav li a {
						display: block;
						padding: 3px 0 3px 23px;
						color: #fff;
						font-family: Helvetica;
						font-size: 1.4em;
						font-weight: normal;
						text-decoration: none;
						text-transform: lowercase;
						background: url(../webimage/icon-arrow.gif) 0 10px no-repeat;
						}
					#nav li a:hover, #nav li a.on { background: url(../webimage/icon-arrow-pink.gif) 0 10px no-repeat; }
					#nav li a span { font-size: .8em; }
					
				/* picture */
				div#picture {
					float: right;
					width: 756px;
					height: 270px;
					background: url(../webimage/bg-banner.jpg) no-repeat;
					}
					
					body#about-us #picture { background: url(../webimage/bg-aboutus-banner.jpg) no-repeat; }						
					body#consultancy-services #picture { background: url(../webimage/bg-consultancy-banner.jpg) no-repeat; }						
					body#conferences-events #picture { background: url(../webimage/bg-conferences-banner.jpg) no-repeat; }
					
					
			/* -- main body */
			#main_body {
				position: relative;
				margin: 0 9px 0 2px;
				min-height: 364px;
				background: url(../webimage/bg-content.gif) repeat-y;
				}
			* html #main_body { height: 364px; }

				body#about-us #main_body,
				body#conferences-events #main_body,
				body#consultancy-services #main_body { background: url(../webimage/bg-aboutus-content.gif) repeat-y; }
								
	
				body#general #main_body { background: none; }
				
			
				/* sidebar */
				div#sidebar {
					float: left;
					width: 218px;
					padding: 35px 25px;
					}
					
				div#rightbar {
					float: right;
					width: 264px;
					padding: 35px 25px;
					font-size: 1.1em;
					}
					
					div#rightbar li { display: block; padding: 0 0 10px; }
					div#rightbar li img.thumb { float: left; margin-right: 10px; }
					div#rightbar li h4 { font-size: 1.1em; }
					
				/* content */
				div#content {
					float: left;
					width: 392px;
					padding: 35px 25px;
					font-size: 1.1em;
					}
				div#content h2.page_title { margin: 0 0 8px; }
				div#content div.right { text-align: right; }
				div#content p { padding: 3px 0; }
				div#content li { padding-left: 12px; list-style: none; background: url(../webimage/icon-list-type.gif) 0 6px no-repeat; }
					
				body#about-us #main_body div#content,
				body#consultancy-services #main_body div#content,
				body#general #main_body div#content,
				body#conferences-events #main_body div#content {
					width: 690px;
					}
					
				img.image {
					position: absolute;
					bottom: 0;
					left: 0;
					}
					
				div#flyer_content { padding: 0 35px; }
					
					
				.content-main-area { height: 100%; background: url(../webimage/bg-content-spare.gif) 390px 0 repeat-y; }
 				.content-main-title {
 					height: 30px;
 					background: #fff;
 					border-bottom: 1px solid #cfcfcf;
 					}
				.content-main-title a {
					color: #01266d;
					text-decoration: none;
					font-weight: normal;
					}
				.content-main-left-full {
					float: left;
					width: 646px;
					margin: 0;
					padding: 15px 20px 20px;
					line-height: 1.6;
					}
				.content-main-left-des p {
					margin: 0;
					padding: 0 0 5px 0;
					line-height: 1.6;
					}
					
				.content-main-left-half {
					float: left;
					width: 352px;
					padding: 15px 20px;
					}
				.content-main-right {
					float: right;
					clear: right;
					width: 200px;
					padding: 15px 20px 5px 20px;
					line-height: 1.6;
					}
				.content-main-right h4 {
					color: #105b74;
					font-size: 1em;
					text-transform: uppercase;
					}
				
				table.knowledge_list_table, table.knowledge_category_table {
 					width: 635px;
 					margin: 10px 5px 0 20px;
 					border-collapse: collapse;
 					}
 				table.knowledge_list_table td, table.knowledge_category_table td {
 					width: 200px;
 					padding: 0 0 15px;
 					vertical-align: bottom;
 					}
 				table.knowledge_category_table td { padding: 0 0 5px; }
 				table.knowledge_list_table td a span.arrow, table.knowledge_category_table td a {
 					display: block;
					font-weight: bold;
					text-decoration: none;
					padding: 0 0 10px 22px;
					background: url(../webimage/arrow-icon.gif) 4px 2px no-repeat;
 					}
 				a.icon_arrow, a.arrow {
 					display: block;
 					font-weight: bold;
 					text-decoration: underline;
 					padding: 0 0 0 22px;
 					background: url(../webimage/arrow-icon.gif) 4px 4px no-repeat;
 					}
 				a.arrow { padding: 0 0 10px 22px; background: url(../webimage/arrow-icon.gif) 4px 4px no-repeat; }
 				a.icon_arrow:hover, a.arrow:hover { text-decoration: none; background: url(../webimage/arrow-icon.gif) 4px 4px no-repeat; }
 				a.arrow:hover { background: url(../webimage/arrow-icon.gif) 4px 4px no-repeat; }
 				table.knowledge_list_table td a:hover span.arrow, table.knowledge_category_table td a:hover { background: url(../webimage/arrow-icon.gif) 4px 2px no-repeat; text-decoration: none; }
 				div.content-main-title h2 { color: #da6632; font-size: 1.2em; }
			
			
			/* -- footer */
			#footer {
				width: 1035px;
				margin: 0 auto;
				background: url(../webimage/bg.gif) 2px -401px no-repeat;
				color: #716558;
				font-size: 1.1em;
				}
			#footer a { color: #da6733; text-decoration: none; }
				
				/* developed */
				p#developed { float: right; padding: 15px 9px 0 0; }
					
				/* copyright */
				p#copyright { float: left; padding: 15px 0 0 15px; }
				
				/* ----- THICKBOX STYLES ----- */
				#TB_overlay{  position:fixed;  z-index:100;  top:0px;  left:0px;  height:100%;  width:100%}.TB_overlayMacFFBGHack{background:url(../webimage/macFFBgHack.png) repeat}.TB_overlayBG{ background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75}#TB_window{ position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%}#TB_window img#TB_Image{ display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666}#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left}#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right}#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right}#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px}#TB_title{ background-color:#e8e8e8; height:27px}#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}#TB_ajaxContent.TB_modal{ padding:15px}#TB_ajaxContent p{ padding:5px 0px 5px 0px}#TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px}#TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%}#TB_iframeContent{ clear:both; border:none; display:block; margin:15px}#TB_window  #flyer_content h2, #TB_window  #flyer_content h3 {padding: 0 0 10px; color: #797979; font-size: 1.1em;}#TB_window #flyer_content img.thumb {display: none;}#TB_window #flyer_content {color: #797979; font-size:1.1em;}#TB_window #flyer_content .short, #TB_window #flyer_content .right {display: none;}#TB_window #flyer_content ul{float: left;width:100%;}#TB_window #flyer_content li{float: left;display:block;padding:10px 0;width:100%}#TB_window #flyer_content h4{font-size:1.1em;font-weight:normal;}

				/* ----- FORM STYLES ----- */
				form#signup_form { margin: 15px 0 0; }
				form#signup_form li {
					margin: 0 0 .75em;
					padding: 0;
					list-style: none;
					background: none;
					}
				form#signup_form legend {
					display: none;
					}
				form#signup_form label {
					width: 100px;
					margin-right: 5px;
					float: left;
					display: block;
					text-align: right;
					}
				form#signup_form fieldset fieldset legend {
					display: block;
					}
				form#signup_form button {
					margin-left: 105px;
					}
				form#signup_form .security_code_fieldset {
					margin-left: 105px;
					}
		
				/* files list */
				.files_list {
					margin: 10px 0;
					padding: 0;
					list-style: none;
					}
				.files_list li img {
					vertical-align: middle;
					margin-right: 5px;
					}