/* Site Layout Styles
 * Updated:  21 Oct 2008 @ 11.00am
 * Author: Joshua Deidun <ivt.com.au>
 * Standard
 * ---------------------------------------------*/
 
 	/* 
	-- TOC
	------------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/
	
	/* -- COLORS
	-------------------------------------------
	/* green = #316b40 */
	

	/* -- 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, 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; }
        
        table { border-collapse: collapse; border-spacing: 0; }
        
        
        /* -- FIX FLOATS
	---------------------------------------*/
        .clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
        * html .clearfix { height: 1%; }
        *+ html .clearfix { height: 1%; }
		
	 	/* -- LINKS
	---------------------------------------*/
	a, a:visited { color: #000; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; } 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #316b40; font: normal 3em/1.5 "Trebuchet MS", Helvetica, Arial, sans-serif; }
 	h2 { font-size: 1.6em; margin: 0 0 .5em; }
	h3 { font-size: 1.4em; margin: 0 0 .5em; }
 	h4 { font-size: 1.3em; margin: 0 0 .5em; }
 	h5 { font-size: 1.1em; margin: 0 0 .5em; }
	h6 { font-size: 1.5em; margin: 0 0 .5em; }
	
	p { margin: 0 0 1em; }

 	
 	/* -- LISTS
 	---------------------------------------*/
 	ul { margin: 0 0 0 2em; }
 	li { list-style: disc; line-height: 1.5; padding: 0 0 5px; }
 	

	/* -- STRUCTURE
 	---------------------------------------*/
	body { font: 62.5%/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif; }	
	
	/* -- container */
	#container { padding: 10px; width: 960px; margin: 0 auto; }
	
	/* -- header */
	#header { position: relative; height: 125px; background: url(../images/bg-inner.gif) no-repeat; }
	#header h1 { position: absolute; top: 20px; left: 20px; }
	
	/* -- search */
	#search form { position: absolute; top: 45px; right: 20px; width: 150px; }
	#search form input { float: left; width: 150px; color: #316b40; font-size: 1.1em; font-style: italic; }
	.search_form { padding: 15px 0 15px; }
	.search_form legend, .search_form label { display: none; }
	.noshow {display: none; }
	
	/* -- nav */
	#nav { width: 570px; position: absolute; top: 85px; right: 0px; }
	#nav ul { height: 30px; margin: 0; padding: 0; }
	#nav li { position: relative; float: left; list-style: none; height: 30px; margin: 0; padding-bottom: 10px; }
	#nav li a { display: block; width: 128px; height: 30px; background-image: url(../images/main-nav.gif); text-indent: -999em; }
	
	/* off state */
	#nav li a.home { background-position: 0 0; width: 92px; }
	#nav li a.people { background-position: -92px 0px; width: 107px; }
	#nav li a.services { background-position: -199px 0px; width: 116px; }
	#nav li a.projects { background-position: -315px 0px; width: 124px; }
	#nav li a.resources { background-position: -439px 0px; width: 130px; }
	
	/* over state */
	#nav li a.home:hover, #nav li.sfHover a.home { background-position: 0 -30px; width: 92px; }
	#nav li a.people:hover, #nav li.sfHover a.people, #nav li a.people-on { background-position: -92px -30px; width: 107px; }
	#nav li a.services:hover, #nav li.sfHover a.services, #nav li a.services-on { background-position: -199px -30px; width: 116px; }
	#nav li a.projects:hover, #nav li.sfHover a.projects, #nav li a.projects-on { background-position: -315px -30px; width: 124px; }
	#nav li a.resources:hover, #nav li.sfHover a.resources, #nav li a.resources-on { background-position: -439px -30px; width: 130px; }

	#header ul.sf-menu ul { position: absolute; top: -999em; width: 198px; height: auto; padding: 0 0 5px; background: url(../images/bg-menu.png) left bottom no-repeat; }
	#header ul.sf-menu li:hover ul, #header ul.sf-menu li.sfHover ul { top: 30px; left: 0; z-index: 99; }
	#header ul.sf-menu li li:hover ul, #header ul.sf-menu li li.sfHover ul { top: 0; left: 198px; }
	
	/* other */
	#header ul.sf-menu li li { width: 198px; height: auto; border-bottom: 1px solid #fff; background: #316B40; padding: 0; }
	#header ul.sf-menu li li a { float: none; height: auto; padding: 5px 20px; color: #fff; font-size: 1.2em; background: #316B40; text-decoration: none; text-indent: 0; width: 158px; }
	
	#header ul.sf-menu li li:hover a, #header ul.sf-menu li.sfHover li a:hover, #header ul.sf-menu li li.sfHover a { color: #000; background: #316B40; }
	#header ul.sf-menu li li:hover li a, #header ul.sf-menu li li.sfHover li a { color: #000; }
	#header ul.sf-menu li li li:hover a, #header ul.sf-menu li li li.sfHover a { color: #000; }
	
	#header ul.sf-menu li li span.sf-sub-indicator { display: block; position: absolute; top: 1em; /* ie6 */ right: 1em; width: 6px; height: 7px; text-indent: -999em; overflow: hidden; background: url(../images/btn-nav-icon-arrow.gif) no-repeat; }
	
	
	/* -- content */
	#content { width: 960px; background: url(../images/bg-inner.gif) 0 -125px no-repeat; font-size: 1.1em; }
	#left { float: left; width: 147px; padding: 30px 20px 0 20px; }
	#left ul { padding: 5px 0 0 14px; margin: 0; }
	#left li { padding-left: 10px; }
	#right { float: left; width: 733px; padding: 30px 0 0 20px; }
	#right img { padding-bottom: 10px; }
	
	/* files list */
	#right ul.files_list a { text-decoration: none; }
	#right ul.files_list { margin: 15px 0 0; padding: 0; font-size: 1.1em; }	
	#right ul.files_list li { margin: 0 0 5px; padding: 0; list-style: none; }
	#right ul.files_list li img { margin-right: 5px; vertical-align: middle; }
	
	/* -- projects content */
	.projects_content { background: url(../images/projects-border.gif) 435px repeat-y; }
	.left { float: left; width: 406px; padding-right: 35px; }
	.right { float: left; width: 252px; padding: 0 20px; }
	
		
	/* -- footer */
	#footer { position: relative; height: 90px; background: url(../images/bg-inner-2.gif) 0 -1910px no-repeat; color: #316B40; font-size: 1.1em; }
	#copyright { position: absolute; bottom: 2px; left: 20px; }
	#copyright a { color: #316B40; }
	#ivt { position: absolute; bottom: 3px; right: 15px;}