/* Site Layout Styles
 * Updated:  21 Oct 2008 @ 11.00am
 * Author: Joshua Deidun <ivt.com.au>
 * Home
 * ---------------------------------------------*/
 
 	/* 
	-- 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.8em; margin: 0 0 .5em; }
	h3 { font-size: 1.2em; margin: 0 0 .5em; font-style: italic; }
 	h4 { font-size: 1.1em; margin: 0 0 .5em; }
 	h5 { font-size: 1.0em; margin: 0 0 .5em; }
	h6 { font-size: 0.9em; 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.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; }
	
	/* -- nav */
	#nav { width: 550px; position: absolute; top: 85px; right: 0px; }
	#nav ul { height: 30px; margin: 0; padding: 0; }
	#nav li { float: left; list-style: none; height: 30px; margin: 0; }
	#nav li a { display: block; width: 128px; height: 30px; background-image: url(../images/bg-nav.gif); text-indent: -999em; }
	
	
	/* off state */
	#nav li a.home { background-position: 0px -30px; width: 79px; }
	#nav li a.aboutus { background-position: -79px 0px; width: 102px; }
	#nav li a.services { background-position: -180px 0px; width: 116px; }
	#nav li a.projects { background-position: -296px 0px; width: 125px; }
	#nav li a.resources { background-position: -420px 0px; width: 128px; }
	
	/* over state */
	#nav li a.home:hover, #nav li a.home-on { background-position: 0px -30px; }
	#nav li a.aboutus:hover, #nav li a.aboutus-on { background-position: -79px -30px; }
	#nav li a.services:hover, #nav li a.services-on { background-position: -180px -30px; }
	#nav li a.projects:hover, #nav li a.projects-on { background-position: -296px -30px; }
	#nav li a.resources:hover, #nav li a.resources-on { background-position: -420px -30px; }
	
	/* -- banner */
	#banner { position: relative; width: 960px; height: 468px; overflow: hidden; background: url(../images/bg.gif) 0 -125px no-repeat; }
	#banner #flash { position: absolute; top: 8px; left: 10px; }	

	/* -- content */
	#content { width: 960px; background: url(../images/bg.gif) 0 -593px no-repeat; font-size: 1.1em; }
	#content h2 { font-size: .8em; }
	
	/* -- welcome */
	#left { float: left; width: 280px; padding: 20px; }
	#welcome { position: relative; width: 79px; height: 12px; padding-bottom: 10px;  }
	#welcome span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-welcome.gif) no-repeat; }
	
	/* -- feature */
	#middle { float: left; width: 280px; padding: 20px; }
	#feature { position: relative; width: 154px; height: 12px; padding-bottom: 10px;  }
	#feature span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-feature-project.gif) no-repeat; }
	#all { float: left; }
	#more { float: right; }
	
	/* -- contact */
	#right { float: left; width: 280px; padding: 20px; }
	#contact { position: relative; width: 107px; height: 12px; padding-bottom: 10px;  }
	#contact span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-contact-us.gif) no-repeat; }
	.table_content_data td { vertical-align: baseline; padding: 5px 0; }
	
	/* -- footer */
	#footer { height: 42px; background: url(../images/bg.gif) 0 -1958px no-repeat; color: #fff; font-size: 1.1em; }
	#copyright { float: left; padding: 11px 20px; }
	#copyright a { color: #fff; }
	#ivt { float: right; padding: 2px 15px 0 0;}