@import url(reset.css);
@import url(form.css?v=1);
/* Structure */
body 
{
	background: #666666 url(../_img/bg-tile-horizontal.jpg) repeat-x;
	margin:0px;
	padding: 0px;
	color: #2E2E2E;
	font-family: Arial;
	font-size: 12px;
	line-height:18px;
}

h1 {color: #004B39; font-weight: normal; font-size: 20px; padding-bottom:14px;} 
h2 {color: #004B39; font-weight: normal; font-size: 16px; } 
h3 {color: #004B39; font-weight: normal; font-size: 16px;} 
h4 {color: #004B39; font-weight: normal; font-size: 14px;} 

a {color: #004938; text-decoration:none;}
a:hover {}
p {padding-bottom: 18px;}
img {border: none;}
.clear-both { clear:both;}
.hidden {display:none;}
.black {color: #000000; } 

ul { margin:0px; padding:0px 0px 14px 14px; }
	ul ul {padding-bottom:0px;}
li { list-style-type:none; list-style-image: url(../_img/bullet.gif); }
table,
tr,
th,
td {border: none;}

div#body,
div#body-back-page { margin: 0px auto; width: 975px; }
	div#header	{ height: 159px; background: url(../_img/banner-group.png) no-repeat;}
	div#main	{ background: url(../_img/content-tile.png) repeat-y; padding-top:14px;}
		div#banners { width:920px; height:239px; padding:0px 0px 14px 27px; clear:both; }
		div#body-back-page div#banners {height: 169px;}
	
		div#left-menu{ float: left;}
		div#content{ float: left;padding-left: 27px; padding-right:27px;}
		div#side-note{float: left; padding: 15px 0px 0px 14px; display:none;}
	
		div#main.cols-0-1-0 {} /* corresponds to when only the content div is/should be visible */
			
		div#main.cols-1-1-0 {} /* corresponds to when only the left menu and content divs are/should be visible */
			div#main.cols-1-1-0 div#content {width: 700px;}
		
		div#main.cols-1-1-1 {} /* corresponds to when only the left menu, content and side divs are/should be visible */
			div#main.cols-1-1-1 div#content {width: 452px; }
			div#main.cols-1-1-1 div#side-note { width: 214px; display:block; }
			
			/* [[ Specific Style For The Past Projects Pages ]] */
			div#body-back-page.page-civil-past-projects div#main.cols-1-1-1 div#content,
			div#body-back-page.page-construction-past-projects div#main.cols-1-1-1 div#content,
			div#body-back-page.page-total-hydraulic-services-past-projects div#main.cols-1-1-1 div#content,
			div#body-back-page.page-development-projects div#main.cols-1-1-1 div#content,
			div#body-back-page.page-development-development-projects div#main.cols-1-1-1 div#content,
			div#body-back-page.page-development-property-for-sale-lease div#main.cols-1-1-1 div#content { width:350px; }
			
		
		div#main.cols-0-1-1 {} /* corresponds to when only the content and side divs are/should be visible */
			div#main.cols-0-1-1 div#content {width: 568px;}
			div#main.cols-0-1-1 div#side-note {  width: 310px; display:block;}
			
			/* [[ Specific Style For The Tenders Pages ]] */
			div#body-back-page.page-tenders div#main.cols-0-1-1 div#content,
			div#body-back-page.page-civil-tenders div#main.cols-0-1-1 div#content,
			div#body-back-page.page-construction-tenders div#main.cols-0-1-1 div#content {width: 705px;}
			div#body-back-page.page-tenders div#main.cols-0-1-1 div#side-note,
			div#body-back-page.page-civil-tenders div#main.cols-0-1-1 div#side-note,
			div#body-back-page.page-construction-tenders div#main.cols-0-1-1 div#side-note {width: 173px; display:block;}
		
	div#footer	{ height: 55px; background: url(../_img/content-footer.png) no-repeat; }
	

/* Header */
div#header
	ul#main-menu { height:31px; margin:0px; padding:128px 0px 0px 40px; }
	ul#main-menu li { list-style-image:none; float:left;}
	ul#main-menu li a { display:block; height:31px; overflow:hidden;}
	
	ul#main-menu li a:hover img {margin-top:-31px;}
	ul#main-menu li a.selected img {margin-top:-62px;}
	ul#main-menu li a.selected:hover img {margin-top:-62px;}

	ul#main-menu li.divisions-tab { float: right; margin-right: 10px; margin-top: -2px;}

	ul#main-menu li.divisions-tab a:.selected img,  
	ul#main-menu li.divisions-tab a:hover img {margin-top:-62px;}
	
	div#divisions-box {position:absolute; width: 298px; height:185px; z-index:99999; margin-left:667px; margin-top: -2px; display:none;}
	div#divisions-box { color: #003A2A;}
		div#divisions-box p.no-pad {padding-bottom:0px;}
		div#divisions-box a { }
		div#divisions-box a:hover {text-decoration: underline;}
		div#divisions-box div.content {background: url(../_img/divisions-box-tile.png) repeat-y; padding:14px 24px 7px 14px;}
		div#divisions-box div.bottom {background: url(../_img/divisions-box-bottom.png) no-repeat; height:14px;}
	
/* Main */
	/* Banners */
	div#banners { }
		div#banners div { position: absolute; width:920px; height:239px; display:none; }
		
		div#banners div.first {display:block;}
		div#banners div#default-banner { background: url(../_img/sample-hardmen.jpg) no-repeat; display:block;}
		div#banners div#banner-mask { background: url(../_img/banner-mask.png) no-repeat; display:block;}
		
	div#body-back-page div#banners {}
		div#body-back-page div#banners div { height:169px;}
		
		div#body-back-page div#banners div#default-banner {background: url(../_img/sample-bulldozer.jpg) no-repeat;}
		div#body-back-page div#banners div#banner-mask {background: url(../_img/banner-mask-back.png) no-repeat;}

		
		/* Featured items*/
		div#featured-items { clear:both; height: 179px; width: 100%; padding-left:27px;}
		div#featured-items div.featured-item { width: 300px; height: 179px; float:left; margin-right:11px; overflow: hidden;}
		div#featured-items div.featured-item img { position:absolute; }
		div#featured-items div.featured-item div.overlay { width: 300px; height: 179px; background: url(../_img/featured-item-mask.png) no-repeat; position: absolute;}
		
		div#featured-items div.featured-item div.overlay a {color: #FFFFFF; text-decoration: none; font-size:11px; line-height:1.1em; padding: 10px 16px 0px 16px; display:block; }
		div#featured-items div.featured-item div.overlay a {background: url(../_img/featured-item-text-ribbon.png) no-repeat; margin-top: 128px; height:41px; }
		div#featured-items div.featured-item div.overlay a span {  display:block;}
		div#featured-items div.featured-item div.overlay a span.title { font-weight: bold; margin-bottom: 5px;}
		div#featured-items div.featured-item div.overlay a span.subtitle {margin-bottom: 5px;}
		div#featured-items div.featured-item div.overlay a span.blurb { display: none; line-height:140%;}
		
		div#featured-items div.featured-item div.overlay a.has-blurb:hover { background-image: url(../_img/featured-item-text-block.png); margin-top: 0px; height:169px; }
		div#featured-items div.featured-item div.overlay a.has-blurb:hover span.subtitle {display:none;}
		div#featured-items div.featured-item div.overlay a.has-blurb:hover span.blurb {display: block;}
		
		div#featured-items div.featured-item div.overlay a.no-image {background-image: url(../_img/featured-item-text-block.png); margin-top: 0px; height:169px;}
		div#featured-items div.featured-item div.overlay a.no-image span.subtitle {display: block;}
		div#featured-items div.featured-item div.overlay a.no-image:hover span.subtitle {display: block;}
		div#featured-items div.featured-item div.overlay a.no-image span.blurb {display: block;}

		/* Left Menu*/
		div#left-menu {}
			div#left-menu ul {padding-left:27px; width:190px; }
			div#left-menu ul li { list-style-image:none; margin-bottom: 4px; background: #F7F7F7 url(../_img/row-bg-190px-top.gif) no-repeat;}
			div#left-menu ul li.current { background-color: #CCCCCC; background-image: url(../_img/row-dark-bg-190px-top.gif); }
			div#left-menu ul li a {text-decoration: none; color: #666666;  display:block; padding: 4px 0px 4px 10px; background: url(../_img/row-bg-190px-bottom.gif) no-repeat 0px bottom;}
			div#left-menu ul li.current a {background-image: url(../_img/row-dark-bg-190px-bottom.gif); color: #FFFFFF;}
			
				div#left-menu ul ul {padding:0px 0px 0px 20px; width:auto; background: #FFFFFF;} 
				div#left-menu ul ul li {list-style-image: url(../_img/bullet.gif); background: none; padding:0px; }
				div#left-menu ul ul li a {background: none;}
				div#left-menu ul li.current ul li a {background: none; color: #666666;}
				
				div#left-menu ul li ul li a.current { font-weight:bold;}
		
		/* Content */

	
		/* Project tenders (beneath the Content) */
		table#project-tenders {width: 705px; border: none; margin: 0px 0px 15px 0px; padding:0px; border-collapse:collapse; }
		table#project-tenders tr { height:29px; margin:0px; padding:0px; position:relative;}
		table#project-tenders tr.odd { background: url(../_img/row-bg-705px.gif) no-repeat;}
		table#project-tenders tr th,
		table#project-tenders tr td {margin:0px;  border: none; background:none; vertical-align:top; }
		table#project-tenders tr th { text-align:left; color: #004B39;}
		table#project-tenders tr td {}
		table#project-tenders tr td a {color: #004B39; font-weight: bold; text-decoration:none;}
		div#button-request-tender-information {margin-left: 490px; margin-bottom:15px;}
		div#button-request-tender-information input { background: url(../_img/button-back-210px.png) no-repeat 0px 0px ; width: 210px; height:30px; border: none; color: #FFFFFF; font-size: 11px; font-weight:bold; text-indent:5px; cursor:pointer;}
		
		/* Current projects (beneath the Content) */
		table#current-projects {width: 905px; border: none; margin: 0px 0px 15px 0px; padding:0px; border-collapse:collapse; }
		table#current-projects tr { height:29px; margin:0px; padding:0px; position:relative;}
		table#current-projects tr.odd { background: url(../_img/row-bg-905px.gif) no-repeat;}
		table#current-projects tr th,
		table#current-projects tr td {margin:0px;  border: none; background:none; }
		table#current-projects tr th { text-align:left; color: #004B39; vertical-align:bottom;}
		table#current-projects tr th.map				{}
		table#current-projects tr th.completion-date	{ text-align:center; width: 120px;}
		table#current-projects tr td.completion-date	{ text-align:center;}
		table#current-projects tr th.project-value		{ text-align:center; width: 120px;}
		table#current-projects tr td.project-value		{ text-align:center; }
		table#current-projects tr td {}
		table#current-projects tr td a {color: #004B39; font-weight: bold; text-decoration:none;}
	
		/* featured job buttons (beneath the Content)*/
		div#buttons-featured-job { margin-bottom:15px;}
		div#buttons-featured-job input.download {background:none url(../_img/button-back-210px.png) no-repeat ; width: 210px; height:30px; border: none; color: #FFFFFF; font-size: 11px; font-weight:bold; text-indent:5px; cursor:pointer; }
		div#buttons-featured-job input.apply {background:none url(../_img/button-back-120px.png) no-repeat ; width: 120px; height:30px; border: none; color: #FFFFFF; font-size: 11px; font-weight:bold; text-indent:5px; cursor:pointer;}
		
		/* news articles (beneath the Content) */
		div#news-articles { width: 705px;}
		div#news-articles h2 {margin-bottom:5px;}
		div#news-articles h2 a { color: #004B39; font-size:20px; text-decoration:none; } 
		div#news-articles span.date { color: #2E2E2E; font-size:14px; font-weight:normal; display:inline-block; margin-left:10px;}
		div#news-articles div { padding: 0px;}
		
		div#news-articles div div.image { float:left; padding-right:15px; padding-left:5px; }
		div#news-articles div div.image span{ width:100px; height:100px;  display:block; position:absolute;  background: transparent url(../_img/news-image-border-white.png) no-repeat;}
		
		div#news-articles div.odd div.image span{background: transparent url(../_img/news-image-border-grey.png) no-repeat;}
		
		div#news-articles div div.text { padding:15px 10px 15px 10px; }
		div#news-articles div div.text p { padding:0px;}
		
		div#news-articles div.odd { background: #F7F7F7 url(../_img/row-bg-705px-top.gif) no-repeat;}
		div#news-articles div.odd div.text {background:  url(../_img/row-bg-705px-bottom.gif) no-repeat 0px bottom;}
		
		/* job buttons (beneath the Content)*/
		a#download-job-description,
		a#anchor-to-attachments,
		a#apply-now-button			{display:block; float:left; height: 24px; color: #FFFFFF; padding: 6px 0px 0px 0px; margin:0px 15px 15px 0px; font-size:11px; font-weight:bold; text-indent:40px;}
		a#download-job-description	{ width: 210px; background: url(../_img/button-back-210px.png) no-repeat;}
		a#anchor-to-attachments		{ width: 210px; background: url(../_img/button-back-210px.png) no-repeat;}
		a#apply-now-button			{ width: 120px; background: url(../_img/button-back-120px.png) no-repeat;}
		
		div#job-documents-section {width:450px;}
		div#job-documents-section h2 {margin-bottom:15px;}
	
		/* items on the right hand side */
		div#project-breakout-box { width:310px; }
		div#project-breakout-box div {  }
		div#project-breakout-box div div { padding:7px;}
		div#project-breakout-box div div div {padding:0px;}
		
		div#project-breakout-box div.odd {margin-bottom: 5px; background: #F7F7F7 url(../_img/row-bg-310px-top.gif) no-repeat;}
		div#project-breakout-box div.odd div {background: none url(../_img/row-bg-310px-bottom.gif) no-repeat 0px bottom;}
		
		div#project-breakout-box div div span.label { font-weight:bold; color: #004B39; display:block; width:80px; float:left;}
		div#project-breakout-box div div span.text {display:block; width: 210px; float:right; }
		
		/* job listing on right hand side */
		div#body-back-page.section-careers div#side-notes h2 { font-size:20px !important; margin-top:15px;}
		ul#job-listing { margin: 0px; padding:10px 0px 7px 0px;}
		ul#job-listing li { list-style-image:none; margin: 0px; padding:0px 0px 2px 0px; }
		ul#job-listing li a { color: #004B39; text-decoration: none;}
		ul#job-listing li.current {}
		ul#job-listing li.current a { font-weight:bold; }
		
		/* ezyquip product images */
		div#product-images {}
		div#product-images img { border: solid 1px #333333; padding:0px;}
		div#product-images a {padding:0px; margin:0px;}
		div#product-images a img {margin-bottom:11px;}
		div#product-images a.odd img {margin-right:11px;}
		
		
		/* contact us button on right hand side */
		div#button-contact-us { padding-left:00px;}
		div#button-contact-us a { font-size:11px; color: #FFFFFF; font-weight:bold; display:block; width: 210px; height: 24px; padding-top:6px; background: url(../_img/button-back-210px.png) no-repeat; text-indent:40px;}
		
		/* featured projects */
		div#featured-projects { color: #FFFFFF; padding-left: 27px; width:100%; padding-bottom:14px; height:51px;}
		div#featured-projects div {background: url(../_img/featured-project-button-back.png) no-repeat; width: 300px; height:51px; float:left; margin-right:11px;}
		div#featured-projects div a { padding: 12px 5px 0px 37px; color: #FFFFFF; text-decoration:none; font-size:11px; display:block; height:39px; line-height:1.1em;}
		div#featured-projects div a span.title { font-weight:bold;}
		

		/* Side note image area */
		div#side-notes ul#thumbnails { list-style: none; margin: 0; padding: 0; }
        div#side-notes ul#thumbnails li { list-style-image: none; }
		div#side-notes ul#thumbnails li.left { float: left; }
		div#side-notes ul#thumbnails li.right { float: right; }
		div#side-note div.youtubelink { display: block; margin: 13px 0; text-align: center; }
		div#side-note div.sideimage { display: block; margin: 13px 0; text-align: center; }

		/* Division site links*/
		ul#division-site-links { margin:0px 0px 0px 0px; padding: 15px 0px 0px 27px; }
		ul#division-site-links li { list-style-image: none; float:left; margin-left: 32px; margin-right:32px;}
		ul#division-site-links li a {}
		ul#division-site-links li a img{}
	
/* Footer */
div#footer {color: #FFFFFF; font-size:11px; padding-top:30px; padding-left: 37px;}
	div#footer ul {  list-style-image: none; height: 55px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(../_img/slogan-group.gif) no-repeat 771px 0px; }
		div#footer ul li {float:left; list-style-type:none; list-style-image: none; margin-right: 35px;}
			div#footer ul li a { color: #FFFFFF; text-decoration:none;}
			div#footer ul li a:hover { text-decoration:underline;}