/************************************************\
 ******************** LAYOUT ********************
\************************************************/

/*	Created: 19 January 2010 & 12.15pm
 *	Author: Matthew Holmes <www.ivt.com.au>
*/


/*	LAYOUT
 *	----------------------------------------------
*/

	/* ---- container */
	
	#container
	{
		position: relative;
		width: 980px;
		margin: 0 auto;
	}
	
		/* --- header */
		
		#header
		{
			height: 110px;
		}
		
			/* logo */
			#header a#logo
			{
				float: left;
				display: block;
				padding: 32px 0 0;
			}
			
			/* navigation */
			#nav
			{
				float: right;
				margin: 74px 0 0;
				padding: 0;
			}
			#nav li
			{
				float: left;
				margin: 0 5px 0 0;
				list-style: none;
			}
			#nav li a
			{
				display: block;
				margin: 0;
				padding: 8px 10px 7px;
				background: #dedede;
				color: #01266d;
				font-size: 1.1em;
				font-weight: bold;
				text-decoration: none;
			}
			#nav li a:hover,
			#nav li a.on
			{
				background: #01266d;
				color: #fe860c;
			}
			
			#nav ul
			{
				position: absolute;
				left: -999em;
				width: 185px;
				w\idth: 17.9em;
				height: auto;
				margin: 0;
				padding: 0;
				z-index: 99;
				background: #fff;
			}
			#nav ul ul
			{
				display: none !important;
			}
			
			#nav ul a 
			{
				width: 16em;
				w\idth: 176px;
				padding: 8px 10px 9px;
				font-size: 1em;
				font-weight: normal;
 			}
			
			#nav li:hover a, #nav li.sfhover a 
			{
 				color: #fe860c;
 				background: #01266d;
 			}
			#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 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;
			}
 			
	
			/* start and end rounded corners */
			#nav li:first-child a
			{
				background: #dedede url(../webimages/bg-nav-left-corner.gif) top left no-repeat;
			}
			#nav li:first-child a:hover,
			#nav li:first-child:hover a,
			#nav li:first-child a.on
			{
				background: #01266d url(../webimages/bg-nav-left-corner-over.gif) top left no-repeat;
			}
			#nav li:last-child a
			{
				background: #dedede url(../webimages/bg-nav-right-corner.gif) top right no-repeat;
			}
			#nav li:last-child a:hover
			{
				background: #01266d url(../webimages/bg-nav-right-corner-over.gif) top right no-repeat;
			}
			
			#nav li:first-child:hover li a
			{
				color: #fff;
				background: url(../webimages/bg-border-bottom.gif) bottom repeat-x;
			}
			#nav li:first-child li:hover a
			{
				color: #fe860c;
			}
			
			#nav li a.portfolio
			{
				display: none !important;
			}

		/* --- banner */
		
		#banner
		{
			height: 106px;
		}
		
			#banner .title
			{
				float: left;
				width: 680px;
				height: 106px;
				background: #fe860c url(../webimages/bg-title.gif) no-repeat;
			}
			#banner .title h1
			{
				margin: 0;
				padding: 40px 20px 0;
				color: #fff;
				font-size: 5em;
				font-weight: normal;
				line-height: 0;
				text-transform: none;
			}
		
			#banner .randomImages
			{
				float: right;
				width: 294px;
				height: 106px;
			}
			#banner .corners
			{
				position: absolute;
				top: 110px;
				right: 0;
				width: 294px;
				height: 106px;
				background: url(../webimages/bg-random-corners.png) no-repeat;
			}
		
			
		/* --- content */
		
		#content
		{
			min-height: 350px;
			height: auto !important;
			height: 350px;
			margin: 10px 0;
			background: url(../webimages/bg-content.gif) top repeat-y;
		}
		
			#content .sideBar
			{
				float: left;
				display: inline;
				width: 222px;
				margin: 0 15px;
			}
		
			#content .mainBar
			{
				float: right;
				width: 686px;
				padding: 0 20px 0 15px;
			}
			

				#content .mainBar li ul
				{
					padding: 0 0 0 1.5em;
				}
				#content .mainBar form#siteForm li ul
				{
					padding: 0;
				}
				
				#content .mainBar ul.search_list
				{
					padding: 0;
				}
				#content .mainBar ul.search_list li
				{
					padding: 1em 0;
					list-style: none;
					border-bottom: 1px solid #ccc;
				}
				#content .mainBar ul.search_list p
				{
					margin: 0;
					padding: 0;
				}
				
				#content .mainBar p.search_pages
				{
					float: right;
					margin: 1em 0;
				}
			
			
				/* side navigation */
				#content .mainBar .content-main-left-full .links_list,
				#content .mainBar .content-main-left-full .files_list
				{
					margin: 1em 0 0;
					padding: 0;
				}
				#subNav,
				.content-main-right ul,
				#content .mainBar .content-main-left-full .links_list li,
				#content .mainBar .content-main-left-full .files_list li
				{
					margin: 0;
					padding: 0;
					list-style: none;
				}
				.content-main-right ul
				{
					margin: 0 0 1.5em;
				}
				#subNav li,
				.news_date_list li,
				#content .mainBar .content-main-right li
				{
					display: block;
					margin: 0;
					padding: 6px 5px 6px 0;
					border-bottom: 1px solid #ccc;
					list-style: none;
				}
				#subNav li a,
				.news_date_list li a,
				#content .mainBar .content-main-right li a,
				#content .mainBar .content-main-left-full .links_list li a,
				#content .mainBar .content-main-left-full .files_list li a,
				#content .mainBar .content-main-left-full a.form-link
				{
					padding: 0 0 0 22px;
					background: url(../webimages/icon-arrow.gif) 4px 2px no-repeat;
				}
				#subNav li a:hover,
				#subNav li.on a,
				.news_date_list li a:hover,
				#content .mainBar .content-main-right li a:hover,
				#content .mainBar .content-main-left-full .links_list li a:hover,
				#content .mainBar .content-main-left-full .files_list li a:hover,
				#content .mainBar .content-main-left-full a.form-link:hover
				{
					background: url(../webimages/icon-arrow-over.gif) 4px 2px no-repeat;
					text-decoration: none;
				}
				#subNav li.on a
				{
					font-weight: bold;
				}
				#subNav li ul,
				#subNav li li
				{
					margin: 0;
					padding: 0;
					border: 0;
				}
				#subNav li.on li a
				{
					display: block;
					padding: 3px 0 3px 22px;
					background: none;
					font-weight: normal;
					text-decoration: underline;
				}
				#subNav li.on li a:hover
				{
					text-decoration: none;
				}
				#subNav li li.on a
				{
					font-weight: bold;
					text-decoration: none;
				}
				
			

				#content .mainBar .content-main-area
				{
					min-height: 350px;
					height: auto !important;
					height: 100%;
 					background: url(../webimages/bg-content-spare.gif) 428px 0 repeat-y;
				}
			
				/* content title */
				#content .mainBar .content-main-title
				{
					height: 70px;
					background: #fff;
				}
				#content .mainBar .content-main-title h2
				{
					margin: 0;
					padding: 20px;
					background: url(../webimages/bg-content-title-right.gif) bottom right no-repeat;
					color: #01266d;
					font-size: 2em;
					font-weight: normal;
				}
				#content .mainBar .content-main-title div 
				{
 					background: #dedede url(../webimages/bg-content-title-left.gif) bottom left no-repeat;
 				}
			
		
				#content .mainBar .content-main-left-half
				{
					float: left;
					width: 382px;
					padding: 20px;
				}
				#content .mainBar .content-main-left-full
				{
					padding: 20px 20px 20px;
				}
				#content .mainBar .content-main-right
				{
					float: right;
					clear: right;
					width: 210px;
					padding: 20px;
				}
				#content .mainBar .content-main-right .quote
				{
					color: #fe860c;
					font-size: 1.5em;
					line-height: 1.6;
				}
				#content .mainBar .content-main-right 
				{
					float: right;
					clear: right;
					width: 210px;
					padding: 20px 20px 5px 20px;
					line-height: 1.6;
 				}
 				#content .mainBar .content-main-right h4 
 				{
 					margin: 0;
					color: #01266d;
					text-transform: uppercase;
 				}
				#content .mainBar .content-main-right img 
				{
					border: 1px solid #ccc;
				}
				
				
				#content .news-list 
				{
					padding: 5px 0;
					border-bottom: 1px solid #ccc;
				}
				#content .news-list a 
				{
					padding: 0 0 0 22px;
					background: url(../webimages/icon-arrow.gif) 4px 2px no-repeat;
				}
				#content .news-list a:hover 
				{
					background: url(../webimages/icon-arrow-over.gif) 4px 2px no-repeat;
				}
				
				
				/* 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.files_list li:first-child a img
 				{
 					display: none !important;
 				}
 			
				div.page_numbers_box 
				{
					margin: 10px 0;
					padding: 10px 0;
					border-top: 1px solid #ccc;
				}	
 				div.page_numbers_box table td
 				{
 					padding: 0 10px 0 0;
 				}
 				
			
			
		/* --- footer */
		
		#footer
		{
			margin: 0 0 15px;
			background: #dedede url(../webimages/bg-footer-right-corner.gif) bottom right no-repeat;
		}

			/* copyright */
			#footer #copyright
			{
				margin: 0;
				padding: 8px 15px;
				background: url(../webimages/bg-footer-left-corner.gif) bottom left no-repeat;
			}
			
			/* search */
			#footer #search
			{
				float: right;
				width: 200px;
			}
			#footer #search label
			{
				display: none !important;
			}
			#footer #search input,
			#footer #search button
			{
				float: left;
				margin: 6px 0 0;
			}
			#footer #search button
			{
				width: 24px;
				height: 16px;
				margin: 8px 15px 0 5px;
				padding: 0 0 0 24px;
				border: 0;
				background: url(../webimages/btn-go.gif) 0 0 no-repeat;
				cursor: pointer;
				text-indent: -999em;
			}
			
			
		/* --- sections */
		#sections
		{
			margin: 0 15px 25px;
			padding: 0;
		}
		#sections li ul
		{
			margin: 0;
			padding: 0;
		}
		#sections li
		{
			float: left;
			margin: 0 2em 0 0;
			list-style: none;
		}
		#sections li a
		{
			padding: 0;
			background: none;
			color: #01266d;
			font-size: 1.2em;
			font-weight: bold;
			text-decoration: none;
		}
		#sections li li
		{
			float: none;
			margin: 0;
			padding: 5px 0 0;
			width: 150px;
		}
		#sections li li a
		{
			display: block;
			padding: 0 0 0 20px;
			background: url(../webimages/icon-arrow.gif) 3px 3px no-repeat;
			color: #fe860c;
			font-size: 1em;
			font-weight: normal;
			text-decoration: underline;
		}
		#sections li li a:hover
		{
			background: url(../webimages/icon-arrow-over.gif) 3px 3px no-repeat;
			text-decoration: none;
		}
		#sections li li ul
		{
			display: none !important;
		}
		
			/* twitter */
			#sections li a.twitter 
			{ 
				display: block;
				padding: 10px 10px 10px 40px;
				font-size: 1em;
				color: #fe860c;
				background: url(../images/twitter-icon.gif) 0 5px no-repeat; 
				text-decoration: underline;
			}
			#sections li a.twitter:hover
			{
				text-decoration: none;
			}
			
			
			
			
			
			
			
			
			
			
		/* 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_ajaxWindowTitle {
                        	display: none !important;
                        	}	
			#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');
				}	


/* quick links */
ul#quick_links
{
	margin: 2em 0 0;
	padding: 0;
	list-style: none;
}
#quick_links li
{
	padding: 0;
	margin: 0 0 .5em;
	list-style: none;
}	
#quick_links li a,
#quick_links li a:hover
{
	display: block;
	width: 209px;
	height: 40px;
	text-indent: -999em;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#quick_links li a:hover
{
	background-position: 0 -40px;
}
#quick_links li a#enews
{
	background-image: url(../images/btn-signup-enews.gif);
}
#quick_links li a#info
{
		background-image: url(../images/btn-request-information.gif);
}
#quick_links li a#call
{
		background-image: url(../images/btn-call-us.gif);
}
#quick_links li#chat a
{
	text-indent: 0;
}

/*	9. NEW INNER PAGES - Rory McDougall (1/11/2010)
	----------------------------------------------*/

.content
{
	position: relative;
	min-height: 440px;
}
#subNav
{
	margin-bottom: 200px;
}
#quick_links
{
	position: absolute;
	bottom: 75px;
	left: 20px;
}