/* Site Layout Styles
 * Updated:  10 Oct 2008 @ 9.00am
 * Author: Joshua Deidun <ivt.com.au>
 * About Us
 * ---------------------------------------------*/

	/* -- 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: #fff; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; } 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #004f5a; font: normal 3em/1.5 "Trebuchet MS", Helvetica, Arial, sans-serif; }
 	h2 { font-size: 1.7em; margin: 0 0 .5em; }
	h3 { font-size: 1.7em; 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: 50px; width: 960px; margin: 0 auto; }
	
	/* -- navigation */
	#nav { position: relative; height: 35px; background-image: url(../images/bg.gif); }
	#nav ul { width: 960px; height: 35px; margin: 0; padding: 0; }
	#nav li { float: left; list-style: none; height: 35px; margin: 0; padding: 0; }
	#nav li a { display: block; height: 35px; background-image: url(../images/bg.gif); background-repeat: no-repeat; text-indent: -999em; }	
		
	
	/* off state */
	#nav li a.home { background-position: 0 0px; width: 107px; }
	#nav li a.aboutus { background-position: -107px 0px; width: 112px; }
	#nav li a.news { background-position: -219px 0px; width: 146px; }
	#nav li a.services { background-position: -365px 0px; width: 102px; }
	#nav li a.clients { background-position: -468px 0px; width: 96px; }
	#nav li a.ourteam { background-position: -564px 0px; width: 118px; }
	#nav li a.contact { background-position: -682px 0px; width: 89px; }
	#nav form { position: absolute; top: 7px; right: 20px; width: 150px; }
	#nav form input { float: left; width: 150px; color: #004f5a; font-size: 1.1em; font-style: italic; }

	/* over state */ 
	#nav li a.home:hover, #nav li a.home-on { background-position: 0 -35px; width: 107px; }
	#nav li a.aboutus:hover, #nav li a.aboutus-on { background-position: -107px -35px; width: 112px; }
	#nav li a.news:hover, #nav li a.news-on { background-position: -219px -35px; width: 146px; }
	#nav li a.services:hover, #nav li a.services-on { background-position: -365px -35px; width: 102px; }
	#nav li a.clients:hover, #nav li a.clients-on { background-position: -468px -35px; width: 96px; }
	#nav li a.ourteam:hover, #nav li a.ourteam-on { background-position: -564px -35px; width: 118px; }
	#nav li a.contact:hover, #nav li a.contact-on { background-position: -682px -35px; width: 89px; }       
		   
       
	/* -- header */
	#header { position: relative; height: 160px; background: url(../images/bg.gif) 0 -70px no-repeat; }
	.logo { padding: 30px;  } 
	#header h2 { position: absolute; top: 63px; left: 200px; }
	#randomheader { position: absolute; top: 0px; right: 0px; padding: 0px; margin: 0px; }
	
	/* -- content */
	#content { background: url(../images/bg.gif) 0 -297px no-repeat; color: #666; font-size: 1.1em; }
	#content a { color: #666; }
	.left { float: left; width: 210px; padding: 15px; }
	.left ul { margin: 0; }
	.left li { list-style: none; }
	.left li a { display: block; padding: 4px 0px 4px 20px; background: url(../images/news-menu.gif) 0px 7px no-repeat; color: #666; }
	#randombanner { padding: 15px 5px 0; }  
	.right { float: left; width: 690px; padding: 15px; }
	#subhead { font-weight: bold; font-style: italic; color: #004f5a; }
	.search_form { padding: 0 0 15px; }
	.search_form legend, .search_form label { display: none; }
	.noshow {display: none; }
	
	/* -- footer */
	#footer { height: 56px; background: url(../images/bg.gif) 0 -1944px no-repeat; font-size: 1.1em; }
	#copyright { float: left; padding: 20px; color: #fff; }
	#copyright a { color: #fff; }
	#ivt { float: right; padding: 10px; }



