/* Site Layout Styles
 * Updated:  30 Sep 2008 @ 12.00pm
 * Author: Joshua Deidun <www.ivt.com.au>
 ---------------------------------------------*/
 
 
 	@import "thickbox.css";

 
 /* -- 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: 100%; 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: #FF0000; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; } 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #0066a5; font: normal 3em/1.5 "Trebuchet MS", Helvetica, Arial, sans-serif; }
 	h2 { font-size: 1.6em; font-style: italic; color: #ef4135; margin: 0 0 .5em; }
	h3 { font-size: 1.2em; font-style: italic; margin: 0 0 .5em; }
 	h4 { font-size: 1em; }
 	h5 { font-size: 1em; }
	
	p { margin: 0 0 .8em; }

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

	/* -- STRUCTURE
 	---------------------------------------*/
	body { background: #ffffff; color: #555; font: 62.5%/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif; }
	
	
	
	/* -- container */
	#container { width: 960px; margin: 0 auto; }

	/* -- header */
	#header { position: relative; height: 119px; background: url(../images/bg-header.gif); background-repeat:no-repeat; }
	#header h1 { padding: 28px 32px 0; }
	#header p { position: absolute; bottom: 35px; right: 20px; font-style: italic; }
	#header a { color: #000000; text-decoration: underline; outline: none; }
	#header a:hover { text-decoration: none; }
	#header form { position: absolute; top: 20px; right: 5px; width: 200px; }
	#header form input { float: left; width: 180px; color: #0066a5; font-size: 1.3em; font-style: italic; }
	#header form button { float: left; margin: 0; padding: 0; border: 0; background: 0; cursor: pointer; }
		
	/* -- navigation */
	#nav { height: 45px; background-image: url(../images/nav-bg.gif); background-repeat: repeat-x; border-bottom: 1px solid #ddd; }
	#nav ul { width: 960px; height: 45px; margin: 0 auto; padding: 0; text-align: center; }
	#nav li { list-style: none; float: left; height: 45px; padding: 0; }
	#nav li a { display: block; height: 45px; background-image: url(../images/bg-nav.gif); background-repeat:no-repeat; text-indent: -999em; }
	
	/* off state*/ 
	#nav li a.home { width: 83px; background-position: 0 -45px; }
	#nav li a.aboutus { width: 102px; background-position: -83px 0; }
	#nav li a.services { width: 106px; background-position: -185px 0; }
	#nav li a.pastprojects { width: 125px; background-position: -291px 0; }
	#nav li a.products { width: 110px; background-position: -416px 0; }
	#nav li a.career { width: 125px; background-position: -526px 0; }
	#nav li a.contactus { width: 114px; background-position: -651px 0; }
	#nav li a.extranet { width: 195px; background-position: -765px 0; }
			
	/* over state */
	#nav li a.home:hover { background-position: 0 -45px; }
	#nav li a.aboutus:hover { background-position: -83px -45px; }
	#nav li a.services:hover { background-position: -185px -45px; }
	#nav li a.pastprojects:hover { background-position: -291px -45px; }
	#nav li a.products:hover { background-position: -416px -45px; }
	#nav li a.career:hover { background-position: -526px -45px; }
	#nav li a.contactus:hover { background-position: -651px -45px; }
	#nav li a.extranet:hover { background-position: -765px -45px; }
	
	/* -- content */
	#content { background: url(../images/bg-content.gif) no-repeat; }
	#content .left { float: left; width: 660px; }
	#content .right { float: right; width: 300px; }
	
	/* -- left */
	#banner { height: 220px}  
	#welcome { padding: 15px 25px 15px 15px; font-size: 1.1em; }
		
	/* -- extra */
	#extra { border-top: 1px solid #ddd; background: url(../images/bg-divider.gif) 330px 0 repeat-y; }
	#extra h3 { margin: 0; line-height: 1; }
	#extra ul { margin: 0; padding: 0; }
	#extra li { margin: 0; padding: 0; list-style: none; }
	#extra li a { display: block; margin: 0; padding: 5px 5px 4px 20px; background: url(../images/menu-bg.png) 0px 7px no-repeat; }
	#extra .date { padding-left: 25px }
	
	/* -- news */
	#latestnews { float: left; width: 300px; padding: 15px; font-weight: bold; font-size: 1.1em; }
	#latestnews h2 { font-size: 1.0em; }
	h2#news { position: relative; width: 100%; height: 100%; }
	h2#news span { position: absolute; width: 100%; height: 24px; background: url(../images/h2-latest-news.gif) 0 4px no-repeat; }
	h2#news a img { position: relative; top: 0; z-index: 99; margin: 0 0 0 200px; }

	
	/* -- projects */	
	#pastprojects { float: left; width: 300px; padding: 15px; font-weight: bold; font-size: 1.1em; }
	#pastprojects h2 { font-size: 1.0em; }
	h2#projects { position: relative; width: 100%; height: 100%;}
	h2#projects span { position: absolute; width: 100%; height: 24px; background: url(../images/h2-past-projects.gif) 0 4px no-repeat; }
	h2#projects a img { position: relative; top: 0; z-index: 99; margin: 0 0 0 200px; }
		
	/* -- services */
	#services { padding: 20px; font-size: 1.1em; }
	#services a { font-weight: bold; color: #0066a5; }
	#services ul { margin: 0px; }
	#services li { list-style: none; border-bottom: 1px solid #ddd; padding: 15px 0 15px 0; }
	#services img { float: right; width: 100px; border: 3px solid #fff; }
	#services .button { border: 0px; padding: 25px 3px 0 0; }
	#featuredservices { position: relative; width: 200px; height: 24px; font-size: 1.1em; }
	#featuredservices span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-featured-services.gif) no-repeat; }
	
	/* -- contact */
	#contact { width: 230px; margin: 0 0 0 16px; padding: 20px 20px 10px; background: #fff; font-size: 1.1em; }
	#contactus { position: relative; width: 102px; height: 24px; font-size: .9em; }
	#contactus span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-contact-us.gif) no-repeat; }
	#footy { float: right; padding: 20px 20px 10px; }
	

		
	/* --footer */
	#footer { position: relative; width: 960px; margin: 0 auto; background: #0066a5; }
	#footer a { color: #fff; text-decoration: underline; outline: none; }
	#footer a:hover { text-decoration: none; } 
	
	/* -- copyright */
	#copyright { padding: 15px 15px 5px 15px; color: #fff; font-size: 1.1em }
	#copyright p { padding: 5px 10px 5px 10px; }
	#ivt { position: absolute; top: 10px; right: 15px; }
	
		
	/* thickbox for members login */
	#TB_ajaxContent { width: 430px; height: 250px; background: #fff url(../images/bg-login.jpg) no-repeat; }
	#TB_window div div form { position: absolute; top: 150px; left: 60px; }
	#TB_window div div form ol li { list-style: none; margin: 0 0 .75em; padding: 0; }
	#TB_window div div form ol li label { float: left; display: block; width: 70px; margin: 0 10px 0 0; font-size: 1.1em; text-align: right; }
	#TB_window div div form input { width: 180px; border: 1px solid #ddd; padding: 1px 0; }
	#TB_window div div form button { width: 184px; margin: 10px 0 0 77px; border: 0; background: none; cursor: pointer; }
	#TB_window div div #forgotten_password { position: absolute; bottom: 0; left: 0; width: 160px; height: 35px; margin: 0; padding: 0; display: block; text-indent: -999em; }