/* NABERS ASSESSORS Style Sheet created by 2Creative */

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

#wrapper { width: 982px; margin: 0 auto; }
	#header { height: 218px; background: url(images/header.jpg) no-repeat left top; }
	#content { padding: 0 27px; }
		#mainContent { }
			#leftContent { float: left; width: 204px; margin-right: 20px; 
				background: url(images/title-left.jpg) no-repeat left top; }
				#menu { width: 175px; font-size: 12px; 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: 8px 0; list-style: none; border-bottom: 1px dotted #071F34; }
				#menu li a { text-decoration: none; color: #071F34; }
				#menu li a:hover { text-decoration: none; color: #336600; }
				#menu li a.thispage { color: #336600; }				
				
			#midContentHome { float: left; width: 480px; height: 481px; margin-right: 20px; 
				background: url(images/nabers-assessors.jpg) no-repeat left top; }	
			#midContent { float: left; width: 489px; margin: 26px 20px 30px 0; 
				background: url(images/title-centre.jpg) no-repeat left top; }	
				#midContent h2, #midLargeContent h2 { font-size: 14px; font-weight: normal; color: #66CCFF; 
					margin: 4px 0 28px 10px; }	
			#midLargeContent { float: left; width: 704px; margin: 26px 0 30px 0; 
				background: url(images/title-centre-large.jpg) no-repeat left top; }	
				 
				#slidingPanel { padding: 0 20px; border: 1px solid #59A795; border-top: none;  }		
				.SlidingPanels { float: left; position: relative; width: 648px;	padding: 0; border: none; }
				.SlidingPanelsContentGroup { position: relative; float: left; width: 10000px; 
					margin: 0px; padding: 0px; border: none; }
				.SlidingPanelsContent { float: left; width: 660px; overflow: hidden; margin: 0px; 
					padding: 0 20px 0 0; border: none; }
				.SlidingPanelsAnimating * { overflow: hidden !important; }
				.slidingTabPanelWrapper { border-bottom: 1px solid #59A795; height: 44px; display: none; width: 690px; }
				.slidingTabPanel { list-style: none; margin: 0; padding: 0; width: 696px; height: 44px; }
				.slidingTabPanel li { list-style: none; float: left; width: 110px; margin: 0 6px 0 0; }
				.slidingTabPanel li#lastitem { margin-right: 0;  } 
				.tabActive { position: relative; top: 1px; display: block; width: 110px; height: 44px; 
					cursor: default; outline: none; }
				.tab { position: relative; top: 1px; display: block; width: 110px; height: 44px; 
					background-position: -220px; cursor: pointer; outline: none; }
				.tab:hover { background-position: -110px; }
				#aa { background-image: url(images/1-audit.jpg); }
				#ar { background-image: url(images/2-assess.jpg); }
				#ed { background-image: url(images/3-engineering.jpg); }
				#st { background-image: url(images/4-specifications.jpg); }
				#cm { background-image: url(images/5-construction.jpg); }
				#mp { background-image: url(images/6-monitoring.jpg); }	
				
				#panel-text { float: left; width: 440px; margin-right: 20px; padding: 20px 0; }
				#panel-image { float: left; width: 195px; padding: 20px 0; }
					#panel-image p { text-align: center; color: #59A795; }
					#panel-image img { margin-bottom: 10px; }
				
				.client-listing { margin-bottom: 20px; }
					.client-image { }
					.client-desc { }
				
				.news-listing { border-bottom: 1px solid #66CCFF; margin: 0 20px 20px 12px; }
					.news-listing h3 { font-size: 120%; margin-bottom: 10px; }
					.news-listing h3 a { text-decoration: none; }
					.news-listing h3 a:hover { text-decoration: underline; }
						
			#rightContentHome { float: left; width: 204px; background: url(images/title-left.jpg) no-repeat left top; }
				#news { width: 180px; font-size: 12px; margin: 30px 0 0 15px; }
				#news h2 { font-size: 14px; margin-bottom: 0; padding-bottom: 20px; color: #66CCFF; }				
				.news-entry { margin-top: 10px; margin-bottom: 15px; }
				.news-entry h3 { font-size: 14px; font-weight: normal; margin-bottom: 8px; }
				.news-entry h3 a { color: #336600; } 
				.news-entry a { text-decoration: none; } 
				.news-entry a:hover { text-decoration: underline; } 
				.news-entry p { padding-bottom: 10px; } 
				p.newsadd { padding-bottom: 10px; }
				.newsadded { color: #99CC00; font-weight: bold; }
				.newsdate { color: #33609E; }
				
				#facts { width: 204px; background: url(images/title-facts.jpg) no-repeat left top; }
				#facts h2 { font-size: 14px; margin-bottom: 0; padding: 5px 0 25px 15px; color: #66CCFF; }				
				.fact-entry { width: 180px; font-size: 12px; margin-left: 15px; }
				.fact-entry h3 { font-size: 14px; font-weight: normal; margin-bottom: 8px; color: #336600; }
				.fact-entry h3 a { color: #336600; } 
				.fact-entry a { text-decoration: none; } 
				.fact-entry a:hover { text-decoration: underline; } 
				.fact-entry p { padding-bottom: 10px; } 
				
			#rightContent { float: left; width: 195px; margin-top: 26px;}
				#rightContent img { margin-bottom: 5px; } 				
			
		#subContentHome { padding-top: 20px; }
			#subContentHome h2 { margin-left: 225px; padding-bottom: 15px; border-bottom: 1px dotted #071F34;}
			#subContentHome h3 { margin-bottom: 5px; } 
			#subContentHome p { font-size: 12px; } 
			#subContentHome a { text-decoration: none; }
			#subContentHome a:hover { color: #071F34; }
			.service-listing { margin-bottom: 19px; }
				.service-image { float: left; width: 195px; margin-right: 29px; }
				.service-desc { float: left; width: 695px; }

	#footer { border-top: 1px dotted #071F34; padding: 8px 0; }
		#footer p { font-size: 12px; text-align: center; } 
		#footer a { text-decoration: none; } 
		#footer a:hover { text-decoration: underline; } 
		#footer p.extra { font-size: 13px; } 
	
		
/************************ 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; }
.textDarkBlue, .textDarkBlueBold { color: #071F34; }
.textDarkGreen, .textDarkGreenBold { color: #336600; }
.textGreenBold, .textBlueBold, .textDarkBlueBold { font-weight: bold; }
.textOrange { color: #FF6600; }
.textGreen { color: #336600; }
.textLightBlue { color: #336699; }
.textPurple { color: #990099; }
.floatedRightImage { float: right; margin-left: 20px; }
a.pdflink { color: #33609E; font-size: 12px; text-decoration: none; }
a.pdflink:hover { text-decoration: underline; }
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; }