/* 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: 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: #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.5em; font-style: italic; color: #ef4135; margin: 0 0 .5em; }
	h3 { font-size: 1.2em; font-style: italic; margin: 0 0 .5em; }
 	h4 { font-size: 1.3em; margin: .5em 0 .5em; }
 	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 0px; }
	#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 { width: 83px; background-position: 0 -45px; }
	#nav li a.aboutus:hover, #nav li a.aboutus-on { width: 102px; background-position: -83px -45px; }
	#nav li a.services:hover, #nav li a.services-on { width: 106px; background-position: -185px -45px; }
	#nav li a.pastprojects:hover, #nav li a.pastprojects-on { width: 125px; background-position: -291px -45px; }
	#nav li a.products:hover, #nav li a.products-on { width: 110px; background-position: -416px -45px; }
	#nav li a.career:hover, #nav li a.career-on { width: 125px; background-position: -526px -45px; }
	#nav li a.contactus:hover, #nav li a.contactus-on { width: 114px; background-position: -651px -45px; }
	#nav li a.extranet:hover, #nav li a.extranet-on { width: 195px; background-position: -765px -45px; }
	
	/* -- content */
	#content { background: url(../images/bg-content.gif) 0 0 no-repeat; }
	#content .left { float: left; width: 280px; }
	#content .right { float: right; width: 680px; font-size: 1.1em; }
	
	/* -- menu */
	.menu ul { margin: 25px 0 0; padding: 0 25px; }
	.menu li { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #cfe4f5; }
	.menu li.end { border: 0; }
	.menu li a { display: block; margin: 0; padding: 4px 10px 4px 40px; background: url(../images/menu-bg.png) 10px 6px no-repeat; font-size: 1.1em; }
	.menu li.off a { color: #0066a4; text-decoration: none; }
	.menu li.on a, .menu li a:hover { color: #ef4135; }
	.menu li.on a { text-decoration: none; font-weight: bold; }
	
	/* -- sidebanner */
	#sidebanner { padding: 25px; }
	
	/* -- news */
	#latestnews { padding: 0 25px; font-size: 1.1em; font-weight: bold; }
	#latestnews ul { margin: 0; padding: 0; }
	#latestnews li {  list-style: none; }
	#latestnews li a { display: block; margin: 0; padding: 4px 5px 4px 35px; background: url(../images/menu-bg.png) 0px 6px no-repeat; }
	#latestnews .date { padding-left: 35px; }
	h2#news { position: relative; width: 100%; height: 100%; }
	h2#news span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-latest-news.gif) 0 4px no-repeat; }
	h2#news a img { position: relative; top: 0; z-index: 99; padding: 0 0 0 130px; }
	
	/* -- aboutus */
	#aboutus { padding: 15px 20px 20px 20px; }
	
	/* --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; }
	
	
	
	 /* main search */
	 .search_form { display: none; }
	 .search_form legend, .search_form label { display: none; }
		
	
	 /* signup form */
	 form#signup_form,
	 form#signup_form fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		}
	 form#signup_form legend {
		display: none;
		}
	 form#signup_form fieldset fieldset legend {
		display: block;
		margin: 0;
		}
	 form#signup_form .required {
		font-weight: bold;
		}
	 form#signup_form ol {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	 form#signup_form li {
		clear: both;
		margin: 0 0 .75em;
		padding: 0;
		list-style: none;
		}
	 form#signup_form label {
		float: left;
		width: 110px;
		margin-right: 5px;
		text-align: right;
		}
	 form#signup_form label:after {
		content: ":";
		}
	 form#signup_form .state {
		float: left;
		margin: 0 0 .75em;
		}
	 form#signup_form ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	 form#signup_form li li {
		float: left;
		width: 48%;
		margin: 0;
		padding: 0;
		clear: none;
		}
	 form#signup_form .receive_email,
	 form#signup_form .security_code_fieldset,
	 form#signup_form .interests {
		margin-left: 115px;
		}
	 form#signup_form .state label,
	 form#signup_form .receive_email label,
	 form#signup_form .interests label {
		display: inline;
		width: auto;
		margin: 0;
		}
	 form#signup_form .interests li {
		width: 30%;
		}
	 form#signup_form .state label:after,
	 form#signup_form .receive_email label:after,
	 form#signup_form .interests label:after {
		content: "";
		}
	 form#signup_form button {
		margin-left: 115px;
		}
		
		
	form#update-form,
 form#update-form fieldset {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	}
 form#update-form legend {
 	display: none;
 	}
 form#update-form fieldset fieldset legend {
 	display: block;
 	}
 form#update-form input {
  	width: 220px;
  	}
 form#update-form textarea {
 	width: 300px;
 	height: 120px;
 	}
 form#update-form ol, form#update-form ul {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	}
 form#update-form li {
 	clear: both;
 	margin: 0 0 .75em;
 	padding: 0;
	list-style: none;
 	}
 form#update-form label {
 	float: left;
 	width: 110px;
 	margin-right: 5px;
 	text-align: left;
 	}
 form#update-form label:after {
 	content: ":";
 	}
 form#update-form .state {
 	float: left;
 	margin: 0 0 .75em;
 	}
 form#update-form ul {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	}
 form#update-form li li {
 	float: left;
 	width: 48%;
 	margin: 0;
 	padding: 0;
 	clear: none;
 	}
 form#update-form .receive_email,
 form#update-form .security_code_fieldset {
 	margin-left: 115px;
 	}
 form#update-form .state label,
 form#update-form .receive_email label {
 	display: inline;
 	width: auto;
 	margin: 0;
 	}
 form#update-form .state label:after,
 form#update-form .receive_email label:after {
 	content: "";
 	}
form#update-form button { margin-left: 115px; }

.buttonrow { margin: 0 0 15px 115px; }
.form th { text-align: left; width: 110px; padding-right: 5px; }
	.input_large_off, .input_large_on, .input_medium_off, .input_medium_on, form#login_form input { width: 250px; border: 1px solid #ccc; }
 	.textarea_small_off, .textarea_small_on { width: 350px; height: 50px; border: 1px solid #ccc; }

	
	/* 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; }	
	
	.noshow { display: none; }