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

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


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

	/* ---- container */
	
	#container
	{
		width: 980px;
		margin: 0 auto;
	}
	
		/* --- header */
		
		#header
		{
			height: 110px;
	z-index: 99;
		}
		
			/* 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: 18.4em;
				w\idth: 17.9em;
				height: auto;
				margin: 0;
				padding: 0;
				z-index: 99;
			}
			#nav ul ul
			{
				display: none !important;
			}
			
			#nav ul a 
			{
				width: 16em;
				w\idth: 15em;
				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 */
		
		#flash
		{
			height: 176px;
	z-index: 90;
		}
		
			
		/* --- content */
		
		#content
		{
			margin: 10px 0;
			background: url(../webimages/bg-content.gif) top repeat-y;
		}
		
			/* columns */
			#content .col
			{
				float: left;
				width: 214px;
				margin: 0 1px 0 0;
				padding: 5px 15px;
			}
			
			#content .col.expand
			{
				width: 470px;
				padding: 5px 0 5px 15px;
			}
			
			#content .col .latest img
			{
				float: left;
				display: inline;
				margin: 3px 0 0;
				padding: 0 10px 0 0;
			}
			
				
			#content .col.studies ul
			{
				margin: 0 0 2em;
			}
			/*
			#content .col.studies ul li
			{
				padding: 0 0 5px;
			}*/
			
				/* projects */
				#content .projects ul
				{
					overflow: hidden;
				}
				#content .projects li
				{
					float: left;
					display: inline;
					width: 200px;
					margin: 0 3em 1em 0;
					padding: 0;
				}
				#content .projects .menu li
				{
					float: none;
					width: 200px;
					margin: 0;
					padding: 0;
				}
				#content .projects .menu li a,
				#content .projects .menu li a:hover
				/*#content .col.studies ul li a,
				#content .col.studies ul li a:hover
				*/{
					display: block;
					padding: 0 0 0 16px;
					background: url(../webimages/icon-arrow.gif) 0 3px no-repeat;
				}
				#content .projects .menu li a:hover
				/*#content .col.studies ul li a:hover
				*/{
					background: url(../webimages/icon-arrow-over.gif) 0 3px no-repeat;
				}
				#content .projects h3
				{
					margin: 0 0 .5em;
				}
	

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

				
				/* case studies */
				#content .col .caseStudy p
				{
					margin: 1.5em 0 0;
				}
				#content .col .caseStudy img
				{
					float: left;
					display: inline;
					margin: 3px 0 0;
					padding: 0 10px 5px 0;
				}
			
			
				a#linkedin,
				a#twitter
				{
					display: block;
					padding: 8px 0 10px 40px;
					background: url(../webimages/linkedin_32.gif) 0 0 no-repeat;
				}
				a#twitter
				{
					margin: .5em 0 0;
					background: url(../webimages/twitter_32.gif) 0 0 no-repeat;
				}
			
			
		/* --- 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 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;
		}
		#sections li ul
		{
			margin: 0;
		}
		#sections li
		{
			float: left;
			margin: 0 2em 0 0;
		}
		#sections li a
		{
			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');
			}