/* Queensland Laboratory Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #FFF;	font: 80%/1.4em Arial, Helvetica, sans-serif;
		background: #071F34 url(images/header-repeat.jpg) repeat-x 850px 0;	}	
h1 { font-size: 150%; font-weight: normal; margin-bottom: 20px;	color: #66CCFF;}
h2 { font-size: 140%; font-weight: normal; margin-bottom: 20px;	color: #66CCFF; }
h3 { font-size: 120%; margin-bottom: 15px; font-weight: normal; color: #66CCFF; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

#bg-wrapper { background: url(images/header.jpg) no-repeat 0 0; width: 100%; min-height: 492px; }
	#content-wrapper { width: 940px; margin: 0 auto; } 
		#flash { height: 288px; }
		#content-one { background: url(images/body-bg.jpg) no-repeat left top; min-height: 204px; }
		#content-two { background: url(images/body-bg-2.jpg) no-repeat left top; min-height: 204px; }
		#content-three { background: url(images/body-bg-3.jpg) no-repeat left top; min-height: 204px; }
			#content { padding-bottom: 50px; }
				
			#menu { float: left; width: 120px; font-size: 12px; margin: 30px 30px 0 35px !important; margin: 30px 30px 0 15px; }
				#menu p { font-size: 14px; padding-bottom: 20px; color: #66CCFF; }
				#menu ul { margin: 0 0 20px; padding: 0; }
				#menu li { margin: 0; padding: 7px 0; list-style: none; border-bottom: 1px dotted #66CCFF; }
				#menu li a { text-decoration: none; color: #66CCFF; }
				#menu li a:hover { text-decoration: none; color: #99CC00; }
				#menu li a.thispage { color: #99CC00; }				
			
			#twitter { margin-top: 20px; }
				#twitter img { float: left; width: 49px; margin-right: 8px; }
				#twitter p { float: left; line-height: 1.1em; } 
				#twitter a { color: #66CCFF; text-decoration: none; }
				#twitter a:hover { color: #FFF; text-decoration: none; }
			
			#extra { margin-top: 20px; }
				
			#main-content { float: left; width: 445px; margin: 30px 32px 0 25px; }
			#main-content-wide { float: left; width: 660px; margin: 30px 0 0 35px; }
				#main-content-text { padding-left: 10px; }
				#main-content-wide-text { margin-top: 27px; }
					#main-content-wide-text a { color: #66CCFF; }
				
				.title-heading { margin-bottom: 25px; }
				.service-summary, .service-summary-last { float: left; width: 208px; height: 85px; margin: 20px 27px 0 0;
						background: url(images/projects-tile.jpg) no-repeat left top; }
				.service-summary-last { margin-right: 0; }
					.service-summary img, .service-summary-last img { float: left; width: 66px; margin: 10px 10px 0 10px; }
					.service-summary h2, .service-summary-last h2 { float: left; width: 120px; font-size: 14px; 
						margin-top: 10px; margin-bottom: 0;	line-height: 1.6em; }
					.service-summary a, .service-summary-last a { text-decoration: none; color: #66FFFF; }
					.service-summary a:hover, .service-summary-last a:hover { text-decoration: underline; }
				
				#service-content { float: left; width: 450px; }
					#service-content h3 { font-size: 14px; } 
				#service-images { float: left; width: 183px; margin-left: 20px; }
					#service-images img { margin-bottom: 10px; } 
					
				.service-listing { margin-bottom: 20px; }
					.service-listing img { float: left; width: 66px; margin-right: 20px; }
					.service-listing-text { float: left; width: 550px; }
				
				.project-listing { margin-bottom: 20px; }
					.project-listing h2 { font-size: 14px; margin-bottom: 5px; } 
					.project-listing img { float: left; width: 234px; margin-top: 5px; margin-right: 20px; }
					.project-listing-text { float: left; width: 405px; }						
				
				.affiliate-listing { margin-bottom: 20px; }
					.affiliate-listing img { float: left; width: 120px; margin-right: 20px; }
					.affiliate-listing-text { float: left; width: 435px; }
						.affiliate-listing-text h2 { font-size: 12px; margin-bottom: 5px; } 
				
				.news-listing { border-bottom: 1px solid #66CCFF; margin-bottom: 20px; }
				.news-listing h2 { font-size: 120%; margin-bottom: 10px; }
					.news-listing h2 a { text-decoration: none; }
					.news-listing h2 a:hover { text-decoration: underline; }
			
			#side-content { float: left; width: 180px; margin: 30px 20px 0 35px !important; margin: 30px 0 0 35px; }
				#side-content h2 { font-size: 14px; }
				#side-content h3 { font-size: 14px; font-weight: normal; margin-bottom: 5px; }
				#side-content img { margin-bottom: 10px; } 
				p.newsdate { padding-bottom: 8px; }
				.news-entry { border-bottom: 1px dotted #FFFFFF; margin-bottom: 15px; }
				
				#news-box a { color: #66CCFF; text-decoration: none; }
				#news-box a:hover { text-decoration: underline; }
				
				#featured-clients h2 { margin-bottom: 10px; }		
				 
			#footer { border-top: 1px dotted #FFF; padding: 8px 0; }
				#footer p { text-align: center; } 
				#footer a { text-decoration: none; } 
				#footer a:hover { text-decoration: underline; } 
	
	
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; }
.warning { color: #FF0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 85%; font-style: italic; }
.invisibleHeading {	display: none; }
.textBlue, .textBlueBold { color: #66CCFF; }
.textGreen, .textGreenBold { color: #99CC00; }
.textGreenBold, .textBlueBold { font-weight: bold; }
.floatedRightImage { float: right; margin-left: 20px; }
a.pdflink { font-size: 11px; text-decoration: underline; }
a.pdflink:hover { font-size: 11px; text-decoration: none; }
a.pdficon { background: url(images/pdf.gif) no-repeat left center; padding-top: 10px; padding-left: 30px; margin-left: 20px; }

/************************* FORM **********************/
form br { clear: left; }
label {	border: none; width: 150px; }
input, textarea { font: small Arial, Helvetica, sans-serif;
	margin-bottom: 5px;	border: 1px solid #666;	padding: 2px; width: 160px;	color: #333; }

#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 250px; float: left; margin-bottom: 10px; border: 1px solid #CCC;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #000; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px;	padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton { cursor: pointer; color: #071F34; font-weight: bold; border: none; float: left;	display: block;
	margin-top: 10px; background: #99CC00; width: 100px; }
#formContact .tinyInput { width: 20px; }
#formContact .smallInput { width: 180px; }
#formContact .mediumInput { width: 200px; }
#formContact .wideLabel { width: 260px; }
#formContact p { margin-bottom: 5px; }
#formContact input.hidden { display: none; }