/**
 * Screen Stylesheet
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 30 Nov 2007
 */
 
 body {
 	margin: 0;
 	padding: 0;
 	color: #666;
 	font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
 	}
 	
 	
 	/* links */
 	a {
 		color: #fe860c;
 		}
 	a:hover {
 		text-decoration: none;
 		}
 	a:focus {
 		outline: none;
 		}
 	a img {
 		border: 0;
 		}
 		
 	
 	/* headings */
 	h1, h2, h3, h4, h5, h6 {
 		margin: 0;
 		}
 		
 		
 		/* container
 		--------------------*/
 		#container {
 			position: relative;
 			width: 980px;
 			margin: 0 auto;
 			}
 			
 			.clearfix:after {
 				display: block;
 				clear: both;
 				height: 0;
 				content: ".";
 				visibility: hidden;
 				}
 			
 			
 			/* header
 			-------------------*/
 			#header {
 				position: relative;
 				height: 110px;
 				}
 				
 				/* logo */
 				#header h1 {
 					padding: 32px 0 0;
 					}
 				
 				/* navigation */
 				#menu {
 					position: absolute;
 					bottom: 5px;
 					right: 15px;
 					z-index: 99;
 					}
 				ul#nav {
 					list-style: none;
 					margin: 0;
 					padding: 0;
 					}
 				#nav li {
 					float: left;
 					display: block;
 					margin: 0 5px 0 0;
 					}
 				#nav li a {
 					display: block;
 					margin: 0;
 					padding: 8px 10px 7px;
 					background: #dedede;
 					color: #01266d;
 					font-size: 1.2em;
 					font-weight: bold;
 					text-decoration: none;
 					}
 				* html #nav li a {
 					padding: 8px 13px 7px 12px;
 					}
 				#nav li a.start {
 					background: #dedede url(../webimages/bg-nav-left-corner.gif) top left no-repeat;
 					}
 				#nav li a.end {
 					background: #dedede url(../webimages/bg-nav-right-corner.gif) top right no-repeat;
 					}
 					
 				#nav ul {
 					position: absolute;
 					left: -999em;
 					width: 15.4em;
 					w\idth: 14.9em;
 					height: auto;
 					margin: 0;
 					padding: 0;
 					z-index: 99;
 					}
 				#nav ul ul {
 					margin: -30px 0 0 15em;
 					}
 				* html #nav ul ul {
 					margin: -29px 0 0 15em;
 					}
 				#nav li li {
 					padding: 0 1em 0 0;
 					}
 				#nav ul a {
 					width: 13em;
 					w\idth: 12em;
 					padding: 8px 10px 9px;
 					font-size: 1.1em;
 					font-weight: normal;
 					}
 				#nav li:hover ul ul, #nav li.sfhover ul ul,
 				#nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
 					left: -999em;
 					}
 				#nav li:hover ul, #nav li.sfhover ul,
 				#nav li li:hover ul, #nav li li.sfhover ul {
 					left: auto;
 					}
 					
 				#nav li:hover a, #nav li.sfhover a {
 					color: #fe860c;
 					background: #01266d;
 					}
 				#nav li:hover a.start, #nav li.sfhover a.start {
 					background: #01266d url(../webimages/bg-nav-left-corner-over.gif) top left no-repeat;
 					}
 				#nav li:hover a.end, #nav li.sfhover a.end {
 					background: #01266d url(../webimages/bg-nav-right-corner-over.gif) top right no-repeat;
 					}
 				#nav li li:hover a, #nav li li.sfhover a,
 				#nav li li:hover li a, #nav li li.sfhover li a {
 					color: #fff;
 					background: #01266d;
 					background-image: none;
 					}
 					
 				#nav li:hover li a, #nav li:hover li:hover a,
 				#nav li.sfhover li a, #nav li.sfhover li.sfhover a {
 					color: #fff;
 					background: url(../webimages/bg-border-bottom.gif) bottom repeat-x;
 					}
 					
 				#nav li:hover li a:hover, #nav li:hover li:hover a,
 				#nav li.sfhover li a:hover, #nav li.sfhover li.sfhover a {
 					color: #fe860c;
 					}
 					
 				#nav li:hover li:hover li a,
 				#nav li.sfhover li.sfhover li a {
 					color: #fff;
 					
 					}
 				#nav li:hover li li a:hover,
 				#nav li.sfhover li li a:hover {
 					color: #fe860c;
 					}
 				
 			
 			
 			/* banner
 			-------------------*/
 			#banner {
 				height: 106px;
 				}
 				
 				/* title */
 				#banner #title {
 					float: left;
 					width: 680px;
 					height: 106px;
 					background: #fe860c url(../webimages/bg-title.gif) no-repeat;
 					}
 				#banner #title h2 {
 					color: #fff;
 					font-size: 5em;
 					}
 				#banner #title h2 strong {
 					display: none !important;
 					}
 					
 				/* random images */
 				#banner #random-images {
 					float: right;
 					width: 294px;
 					height: 106px;
 					}
 				#banner div.corners {
 					position: absolute;
					top: 110px;
					right: 0;
					width: 294px;
					height: 106px;
					background: url(../webimages/bg-random-corners.png) no-repeat;
 					}
 			
 				
 			/* content 
 			-------------------*/
 			.content {
 				height: 1%;
 				margin: 6px 0 7px;
 				background: url(../webimages/bg-content.gif) top repeat-y;
 				font-size: 1.1em;
 				}
 				
 				
 				/* content main area */
 				.content-full #content-main {
 					float: right;
	 				width: 945px;
	 				margin: 6px 0 7px;
	 				padding: 0 20px 0 15px;
 					}
 					
 				.content #content-main {
 					float: right;
	 				width: 686px;
	 				padding: 0 20px 0 15px;
 					}
 					
 					.content-main-area {
 						height: 100%;
 						background: url(../webimages/bg-content-spare.gif) 428px 0 repeat-y;
 						}
 					
 					/* content-main title */
 					.content-main-title {
 						height: 70px;
 						margin: 0;
 						padding: 0;
 						background: #fff;
 						}
 					.content-main-title h2 {
 						padding: 20px;
 						background: url(../webimages/bg-content-title-right.gif) bottom right no-repeat;
 						color: #01266d;
 						font-size: 1.8em;
 						font-weight: normal;
 						}
 					.content-main-title a {
 						color: #01266d;
 						text-decoration: none;
 						font-weight: normal;
 						}
 					.content-main-title div {
 						background: #dedede url(../webimages/bg-content-title-left.gif) bottom left no-repeat;
 						}
 						
 					.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: 382px;
 						padding: 15px 20px;
 						}
 					.content-main-right {
 						float: right;
 						clear: right;
 						width: 210px;
 						padding: 15px 20px 5px 20px;
 						line-height: 1.6;
 						}
 					.content-main-right h4 {
 						color: #01266d;
 						font-size: 1em;
 						text-transform: uppercase;
 						}
					.content-main-right img {
						border: 1px solid #ccc;
						}
 						
 					p.large {
 						font-size: 1.4em;
 						margin: 0;
 						}
 						
 				/* project list */
 				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: underline;
					padding: 0 0 10px 22px;
					background: url(../webimages/icon-arrow.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(../webimages/icon-arrow.gif) 4px 4px no-repeat;
 					}
 				a.arrow {
 					padding: 0 0 10px 22px;
 					background: url(../webimages/icon-arrow.gif) 4px 4px no-repeat;
 					}
 				a.icon_arrow:hover, a.arrow:hover {
 					text-decoration: none;
 					background: url(../webimages/icon-arrow-over.gif) 4px 4px no-repeat;
 					}
 				a.arrow:hover {
 					background: url(../webimages/icon-arrow-over.gif) 4px 4px no-repeat;
 					}
 				table.knowledge_list_table td a:hover span.arrow, table.knowledge_category_table td a:hover {
 					background: url(../webimages/icon-arrow-over.gif) 4px 2px no-repeat;
					text-decoration: none;
 					}
 					
 				ul.content-main-sub-links {
 					list-style: none;
 					height: 1%;
 					margin: 0;
 					padding: 0 20px 8px;
 					}
 				.content-main-sub-links li {
 					float: left;
 					display: block;
 					margin: 0;
 					padding: 0 5px 5px 0;
 					}
 				.content-main-sub-links li a {
 					display: block;
 					float: left;
 					padding: 0 6px 0 0;
 					font-size: 1.1em;
 					}
 				.content-main-sub-des {
 					padding: 0 20px 10px;
 					font-size: 1.2em;
 					line-height: 1.5;
 					}
 					
 				.page_showing {
 					display: none !important;
 					}
 					
 					
 				/* company profile video */
 				#video {
 					margin: 15px 0;
 					padding: 8px 5px;
 					border: 1px solid #ddd;
 					text-align: center;
 					}
 				
 				
 				/* content sub area */
 				#content-sub {
 					float: left;
 					width: 215px;
 					padding: 15px 0 0 20px;
					}
 			
 				/* quote */
 				span.quote {
 					color: #fe860c;
 					font-size: 1.5em;
 					}
 			

				/* menu */
				.content-main-right ul {
					line-height: 1.2;
					}
				ul.menu, .content-main-right ul, ul.news_date_list {
					list-style: none;
					margin: 0 0 20px;
					padding: 0;
					}
				.menu li, .content-main-right ul li, ul.news_date_list li {
					display: block;
					margin: 0;
					padding: 6px 5px 6px 0;
					border-bottom: 1px solid #ccc;
					}
				.menu li a, .content-main-right ul li a, a.form-link, ul.news_date_list li a {
					padding: 0 0 0 22px;
					background: url(../webimages/icon-arrow.gif) 4px 2px no-repeat;
					}
				a.form-link {
					display: block;
					padding: 3px 0 3px 22px;
					background: url(../webimages/icon-arrow.gif) 4px 7px no-repeat;
					}
				a.form-link:hover {
					background: url(../webimages/icon-arrow-over.gif) 4px 7px no-repeat;
					}
				.menu li a:hover, .menu li.on a, .content-main-right ul li a:hover {
					background: url(../webimages/icon-arrow-over.gif) 4px 2px no-repeat;
					}
				.menu li.on a {
					font-weight: bold;
					text-decoration: none;
					}
				.menu ul {
					list-style: none;
					margin: 0;
					padding: 6px 0 0;
					}
				.menu ul li {
					margin: 0;
					padding: 0 0 4px;
					border: 1px solid #fff;
					}
				.menu ul li.off a, .menu ul li.on a, .menu ul li a:hover {
					padding: 0 0 0  22px;
					background: none;
					font-weight: normal;
					text-decoration: underline;
					}
				.menu ul li.on a, .menu ul li.on a:hover, .menu ul li.off a:hover {
					font-weight: bold;
					text-decoration: none;
					}
				.menu ul li.off a:hover {
					font-weight: normal;
					}
					
				/* links */
				ul.links_list,
				ul.files_list {
					list-style: none;
					margin: 10px 0 0;
					padding: 0;
					line-height: 1.6;
					}
				ul.files_list {
					margin: 0;
					}
				.links_list li,
				.files_list li {
					display: block;
					margin: 0;
					}
				.links_list li a,
				.files_list li a {
					display: block;
					padding: 3px 12px 3px 22px;
					text-decoration: underline;
					color: #fe860c;
					background: url(../webimages/icon-arrow.gif) 4px 7px no-repeat;
					}
				.links_list a:hover,
				.files_list a:hover {
					background: url(../webimages/icon-arrow-over.gif) 4px 7px no-repeat;
					text-decoration: none;
					}

				.file_size, .files_list a img, .files_list a:first-child { padding: 0; display: none !important; }
					
				/* news */
				.news-list {
					height: 1%;
					padding: 5px 0;
					border-bottom: 1px solid #ccc;
					}
				.news-list a {
					padding: 0 0 0 22px;
					background: url(../webimages/icon-arrow.gif) 4px 2px no-repeat;
					}
				.news-list a:hover {
					background: url(../webimages/icon-arrow-over.gif) 4px 2px no-repeat;
					}
				

				div.list ul {
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 440px;
					}	
				div.list ul li {
					list-style: none;
					padding-right: 14px;
					width: 206px;
					float: left;
					}
					
				/* search */
				.search_form form,
				.search_form fieldset,
				.search_form legend {
					margin: 0;
					padding: 0;
					border: 0;
					}
				.search_form fieldset {
					margin: 0 0 5px;
					padding: 0 0 15px;
					border-bottom: 1px solid #ddd;
					}
				.search_form legend {
					display: none;
					}
				.search_form input {
					padding: 3px;
					border: 1px solid #ccc;
					font-size: 11px;
					}
				.search_form button {
					border: 0;
					margin: 0 3px;
					text-indent: -999em;
					width: 26px;
					height: 17px;
					background: url(../webimages/btn-go.gif) no-repeat;
					cursor: pointer;
					}
				.search_form label {
					float: left;
					width: 60px;
					margin: 2px 5px;
					text-align: left;
					}
				.search_form br {
					clear: left;
					}
				.search_highlight {
					color: #f60;
					}
					
					
				/* forgotten password form */
				form#passwordForm,
				form#passwordForm fieldset {
					margin: 0;
					padding: 0;
					border: 0;
					}
				form#passwordForm {
					padding: 0 0 15px 20px;
					}
				form#passwordForm legend {
					display: none;
					}
				form#passwordForm p {
					margin: 0;
					line-height: 1.6;
					}
				form#passwordForm ol {
					list-style: none;
					margin: 0;
					padding: 15px 0 0;
					}
				form#passwordForm li {
					clear: both;
					margin: 0 0 .75em;
					padding: 0;
					}
				form#passwordForm label {
					float: left;
					display: block;
					margin: 4px 5px 0 0;
					width: 100px;
					text-align: right;
					}
				form#passwordForm button {
					margin-left: 105px;
					}
				
 				
 			/* footer
 			-------------------*/
 			#footer {
 				height: 1%;
 				margin: 0 0 15px;
 				background: #dedede url(../webimages/bg-footer-right-corner.gif) bottom right no-repeat;
 				font-size: 1.1em;
 				}
 			#footer p {
 				margin: 0;
 				}
 			
 				/* extras */
 				#extras {
 					float: right;
 					width: 342px;
 					}
 					
 					/* search */
 					#search form {
 						margin: 0;
 						padding: 0;
 						}
 					#search form label {
 						float: left;
 						display: block;
 						padding: 6px 2px 0;
 						}
 					#search form input {
 						float: left;
 						width: 100px;
 						margin: 4px 5px 0;
 						border: 1px solid #ccc;
 						background: #eee;
 						}
 					#search form button {
 						float: left;
 						width: 26px;
 						height: 17px;
 						margin: 6px 15px 0 0;
 						border: 0;
 						text-indent: -999em;
 						background: url(../webimages/btn-go.gif) no-repeat;
 						cursor: pointer;
 						}
 						
 					/* live chat */
 					#support {
 						float: left;
 						padding: 6px 18px 0 0;
 						}
 			
 				/* copyright */
 				#copyright {
 					float: left;
 					padding: 8px 15px;
 					background: url(../webimages/bg-footer-left-corner.gif) bottom left no-repeat;
 					}

 			/* thickbox styles do not remove or modify 
 			---------------------------------------------------------------*/
 			#TB_overlay {
 				position: fixed;
 				top: 0;
 				left: 0;
 				width: 100%;
 				height: 100%;
 				z-index: 100;
 				}
 				
 				/* overlay hack for mac */
 				.TB_overlayMacFFBGHack {
 					background: url(../webimages/machack.png) repeat;
 					}
 					
 				.TB_overlayBG {
 					background: #000;
 					filter: alpha(opacity=75);
 					-moz-opacity: 0.75;
 					opacity: 0.75;
 					}
 					
 				/* ie6 hack for overlay to work */
 				* html #TB_overlay {
 					position: absolute;
 					height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 					}
 					
 				#TB_window {
 					position: fixed;
 					top: 50%;
 					left: 50%;
 					display: none;
 					border: 5px solid #999;
 					background: #fff;
 					text-align: left;
 					z-index: 102;
 					}
 					
 				/* ie6 hack for window to work */
 				* html #TB_window {
 					position: absolute;
 					margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 					}
 					
 				#TB_caption {
 					display: none !important;
 					}
 					
 				#TB_title {
 					height: 30px;
 					background: #e8e8e8;
 					}
 					
 				#TB_closeAjaxWindow {
 					float: right;
 					padding: 7px 7px 5px 0;
 					text-align: right;
 					}
 					
 				#TB_ajaxContent {
 					clear: both;
 					margin: 0;
 					padding: 15px;
 					text-align: left;
 					overflow: auto;
 					font-size: 1.1em;
 					}
 					
 				/* loading position */
 				#TB_load {
 					display: none;
 					position: fixed;
 					top: 50%;
 					left: 50%;
 					width: 208px;
 					height: 13px;
 					margin: -6px 0 0 -104px;
 					z-index: 103;
 					}
 				
 				/* ie6 hack for load to work */
 				* html #TB_load {
 					position: absolute;
 					margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 					}	
 					
 					
 					/* dashboard
					--------------------*/
					#TB_ajaxContent #dashboard_title {
						height: 72px;
						margin: 0;
						padding: 0;
						background: #fff;
						}
					#TB_ajaxContent #dashboard_title h2 {
						padding: 20px;
						background:  url(../webimages/bg-content-title-right.gif) bottom right no-repeat;
						color: #01266d;
						font-size: 1.8em;
						font-weight: normal;
						text-align: center;
						}
					#TB_ajaxContent #dashboard_title div {
						background: #dedede url(../webimages/bg-content-title-left.gif) bottom left no-repeat;
						}
					#TB_ajaxContent form,
					#TB_ajaxContent form fieldset {
						margin: 0;
						padding: 0;
						border: 0;
						}
					#TB_ajaxContent form ol {
						list-style: none;
						margin: 0;
						padding: 0;
						}
					#TB_ajaxContent form li {
						clear: both;
						margin: 0 0 .75em;
						padding: 0;
						}
					#TB_ajaxContent form label {
						float: left;
						width: 65px;
						margin-right: 5px;
						padding: 4px 0 0;
						text-align: right;
						}
					#TB_ajaxContent form label:after {
						content: ":";
						}
					#TB_ajaxContent form input {
						width: 170px;
						}
					#TB_ajaxContent form button {
						margin-left: 70px;
						padding: 0;
						border: 0;
						background: transparent;
						cursor: pointer;
						}