@charset "utf-8";
/* Hydro Excavac 
by Mike Healy - www.mikehealy.com.au
*/


/* STRUCTURAL
-------------- */
	body {
		margin: 0; padding: 0; background: url(../images/road.jpg) #27323b; 
		text-align: center;
		font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small;	
	}
		textarea {font-family: Arial, Helvetica, sans-serif; font-size: small;}
	
	#container {
		margin: auto; padding: 0; text-align: left;
		width: 759px;
		background: #191e23;
		border-bottom: 3px solid #000;
	}
	
	#header {
		margin: 0;
		padding: 0;
		height: 95px;
		background: url(../images/header_bg.jpg) no-repeat 100% 0 #bdb69d;
	}
		#logo {width: 335px; height: 95px; border: 0;}
		#skipNav {float: right; margin: 60px 10px 0 0; font-size: 12px;}
		#skipNav a {color: #fff;}
		
	#nav {
		margin: 0;
		padding: 0;
		height: 30px;
		background: url(../images/nav_bg.jpg) no-repeat #e1e3e0;
	}
		#nav ul {margin: 0 0 0 10px; padding: 0; height: 30px;}
		#nav ul li {list-style: none; margin: 0 ; display: inline; height: 30px; line-height: 30px;}
		#nav li a.current {background: #cfac0c;}
		#nav li a.current:hover {background:;}
		#nav li a {display:block; float: left; height: 30px; padding: 0 20px; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #000;}
		#nav li a:hover {background: #e7ca07;}
		
	#content {background: #fff;}
		#content.home {background: url(../images/truck.jpg) no-repeat 99% 0 #fff;}

	
	/* Main and Extra columns (2 col layout) 
	Default widths. #extra is wider on home page to allow for truck photo in background */
	#main {
		margin: 0; padding: 20px;
		float: left; width: 539px;
	}
	
	#extra {
		padding: 20px 0 0 0;
		float: left;
		width: 170px;
	}
	
		/* Home page width overwrites */
		.home #main {width: 479px;}
		.home #extra {width: 230px; background: url(../images/truck.jpg) no-repeat 50% 0; padding-top: 150px;}
		
		#main.full {width: 719px;}
		
		
	#footer {
		margin: 0; padding: 20px;
		background: url(../images/footer_bg2.jpg) no-repeat #dcb439;
		width: 719px; min-height: 45px;
	}
	
	
	/* 2 column layout */
	.col2 {float: left; margin: 0 20px 0 0; padding: 0; width: 48%;}
	.col2.second {margin-right: 0;}
	
/* COMMON 
----------- */
	.hydro {text-transform: uppercase; font-weight: bold; color: #67572e;}
	.tcmd {font-weight: bold; font-style: italic; color: #ff6600;} /* traffic control mackay & districts */
	
	.clear {clear: both; height: 2px; margin: 0;}
	.fRight {float: right; margin: 0 0 10px 10px;}
	.bold {font-weight: bold;}
	.hidden {display: none;}
	.invisible {visibility: none;}
	
	.top {text-align: right;}
	.top a {color: #957514;}


/* STYLING
----------- */
	h1 {color: #67572e; font-size: 3em;}
	h2 {color: #957514;}
	h3 {color: #957514; border-bottom: 1px solid #957514;}
		.subHeading {font-size: 0.5em; line-height: 1em; display: block;}
			
	p, li {line-height: 150%;}
	
	a {color: #67572e;}
	
	#footer p {float: left; width: 50%; margin: 0; padding: 0; font-weight: bold;}
	#footer p.right {text-align: right;}
	#footer a {color: #3F2C07;}
	
	/* box style link */
	#content a.box {background: #957514; color: #fff; border: 1px solid #67572e; padding: 6px; font-weight: bold; text-decoration: none;}
	#content a.box:hover {background: #cea93e; color: #67572e; border-color: #957514;}

	#extra {text-align: right;}
	

/* DETAILS & FEATURES
---------------------- */
.featureListBox {
	width: 359px; height: 149px;
	margin: 0 0 2em 0; padding: 10px;
	background: url(../images/featurelist_bg.jpg) no-repeat;
}

ul.featureList  {margin: 0; padding: 0;}

	ul.featureList li {
		list-style: none; padding-left: 30px; margin-bottom: 1em; background: url(../images/ticks2.png) no-repeat;
		line-height: 22px;
	}
	ul.featureList.lesser li {background-position: 0 -22px; /* offset bg image to show less prominant grey icons */}
	
	#content .featureList a {font-weight: bold; text-decoration: none; color: #0976af;}
	#content .featureList a:hover {text-decoration: underline; color: #67572e;}
	
	
.galleryThumbs img {border: 2px solid #67572e; width: 150px; height: 100px; margin-bottom: 8px;}

#dbyd {margin: 2em 0;}


.infoToggler {
	margin: 2em 0 0 0;
	height: 32px; line-height: 32px; font-weight: bold; color: #34728b;
	background: url('../images/info2.png') no-repeat; padding-left: 40px;
	cursor: pointer;
}
	.infoToggler:hover {
		text-decoration: underline; background-position: 0 -32px;
	}

	
/* NOTIFICATION 
---------------- */
	.notification {margin: 0 auto 20px auto; width: 350px; padding: 0 0 0 100px; min-height: 100px; }
	.notification h3 {margin: 10px 0 0 0; font-size: 1.5em;}
	
	.notification {background: url('../admin/images/notif.png') no-repeat #fff; border-style: solid; border-width: 0 0 2px 0; border-color: #89a2a0;}
	.good {background-image: url('../admin/images/notif_good.png'); border-color: #72a911;}
		.good h3 {color: #72a911;}
	.bad {background-image: url('../admin/images/notif_bad.png'); border-color: #912626; min-height: 140px;}
		.bad h3 {color: #912626;}