/*  Main CSS							*/
/*  Last Updated: May 15th				*/

@import url(/reset.css);

/*	--- General Styling					*/
body {
	font: 80% Verdana, sans-serif;
	background: url(/images/layout/page_bg.gif) top repeat-x #f1eacf;
}
strong {font-weight:bold;}
em {font-style:italic;}
:focus {}

a u {text-decoration:none;}

.left {float:left;}
.right {float:right;}

/*	--- Deployment specific				*/

a:link {text-decoration:none;color:#004661;}
a:hover {text-decoration:underline;color:#004661;}
a:visited {text-decoration:none;color:#004661;}

div#main_container {
	width:988px;
	min-height:400px;
	margin: 0 auto 0 auto;
}
img.logo {margin-top:10px;position:absolute;}

/*	-- Page Structure								*/

div#yellow_bar {
	height:18px;
	background: url(/images/layout/top_bar_bg.gif) repeat-x;
}
div#page {
	background:url(/images/layout/page_content_bg.gif) repeat-y center white;
	padding:5px 13px 4px 13px;
}

div.page_content {
	padding: 9px 0px 15px 12px;
	font-size:95%;
	line-height:1.5;
}

div#footer {
	text-align:center;
	font-size:80%;
	color:#bba25c;
	background:url(/images/layout/page_bottom_border.gif) top no-repeat;
	padding-top:10px;
	width:988px;
	margin-bottom:10px;
}

div#page #lhs_content {
	width:240px;
	margin-right:0px;
	background:url(/images/layout/subnav_footer.gif) bottom no-repeat #cdcdcd;
}

div#page #rhs_content {
	width:714px;
}

/*	--- Page content layout elements				*/

div#page_heading {
	background:url(/images/layout/content_page_heading.gif) top repeat-x;
	height:50px;	
}
div#page_heading h1 {
	color:white;
	font-size:140%;
	padding:13px 5px 0 13px;
	width:680px;
	overflow:hidden;
}

div#page_breadcrumb {
	background:url(/images/layout/content_bread_bg.gif) repeat-x;
	height:15px;
	border-top:1px solid white;
}

div#page_breadcrumb a {
	font-size:75%;
	display:block;
	float:left;
	color: #7a7a7a;
	padding: 1px 10px 0 10px;
	background: url(/images/layout/bread_arrow.gif) no-repeat 100% 60%;
}


div#page_breadcrumb a.first {padding-left:13px;}
div#page_breadcrumb a.last {background:none;}

/*	--- Subnav 										*/

div#page #lhs_content .subnav_heading {
	background:url(/images/layout/content_gold_bg.gif) no-repeat top #f7c335;
	width:240px;
	height:50px;
	border-bottom:1px solid white;
}
div#page #lhs_content .subnav_heading h1{display:none}
div#page #lhs_content img {margin-top:13px;margin-left:8px;}
div#page #lhs_content .grey_bar {
	background: url(/images/layout/content_grey_bar.gif) repeat-x #909090;
	height:15px;
	width:240px;
	border-bottom:1px solid white;
}

div#page #lhs_content ul {
	padding:10px 10px 0px 10px;
}

div#page #lhs_content li {
	margin-bottom:6px;
	background:url(/images/layout/subnav_arrow.gif) 3px 2px no-repeat #f0f0f0;
	
}

div#page #lhs_content li span {
	background: url(/images/layout/subnav_element_top.gif) top no-repeat;/* #f0f0f0;*/
	display:block;
}

div#page #lhs_content span span a {
	display:block;
	padding:2px 3px 5px 22px;
	color:#0c3d74;
}
div#page #lhs_content span span a:hover {text-decoration:underline}

div#page #lhs_content li span span {
	background: url(/images/layout/subnav_element_bottom.gif) bottom no-repeat;
}

div.seperator {
	background:url(/images/layout/subnav_sep.gif) no-repeat center;
	height:1px;
	padding:5px 0 5px 0;
	margin-left:1px;
}

/*	--- Subnav Features								*/

div.lhs_feature {
	background:url(/images/layout/subnav_feature_bottom.gif) center bottom no-repeat #e8e8e8;
	width:220px;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:5px;	
}
div#contact_us {
	background:url(/images/layout/subnav_contact_bottom.gif) center bottom no-repeat #e8e8e8;
}

div.feature_inner {
	background:url(/images/layout/subnav_feature_top.gif) center top no-repeat;
	padding:10px;
}

div.feature_inner h1{
	font-size:110%;
	font-weight:bold;
	padding-bottom:3px;
	background: url(/images/layout/blue_px.gif) repeat-x bottom;	
}

div#page #lhs_content div.feature_inner img {margin-top:6px;margin-left:0px;}

div.feature_description {
	background:url(/images/layout/subnav_feature_content.gif) no-repeat top center;
	width:200px;
	height:34px;
	margin-top:6px;
	font-size:90%;
}
div.feature_description a {
	font-weight:bold;
	color:#1073ac;
	display:block;
	padding:2px 5px 0px 3px;
		
}
div.feature_description a:hover {text-decoration:underline;}

div.feature_description a span {
	display:block;
	height:28px;
	overflow:hidden;
	width:182px;
}

/*	--- Main Nav 									*/

div#main_nav {
	background:url(/images/layout/page_top_border.gif) bottom repeat-x;
	margin-top:60px;
	height:35px;
}
div#main_nav ul {margin-left:145px;}

div#main_nav ul li {
	display:inline;
}

div#main_nav ul li a {
	width:106px;
	height:30px;
	background:url(/images/layout/tab_normal1.gif) top center no-repeat;
	display:block;
	float:left;
	padding-top:0px;
	text-align:center;
	font-weight:bold;
	color:#4d4d4d;
	line-height:2.3;
}
div#main_nav ul li a:hover {background-position: bottom center;}
div#main_nav ul li a.focus { 
	background:url(/images/layout/tab_focus.gif) no-repeat;
}

/*	--- Search Box									*/

div#search {
	width:205px;
	height:35px;
	background: url(/images/layout/search_box_bg.gif) no-repeat top;
	line-height:2.2;
	text-align:right;
}
input.go_button {margin-right:10px;}
input.search_input {
	background:#ffffff;
	border:1px solid #cc9e13;
	height:17px;
	width:103px;
}
div#search_content {
	margin-top:2px;
}

div#search input {
	vertical-align:middle;
}

/*	--- Page content style						*/

div.page_content h1,h2,h3,h4,h5,h6 {
	color:#0c3d74;
	font-weight:bold;
	margin: 8px 0 13px 0;
	padding-bottom:4px;
	clear:both;
}

div.page_content h1 {font-size:135%; border-bottom:1px solid #c0c0c0}
div.page_content h2 {font-size:125%;color:#8e690a;border-bottom:1px solid #bdb395}
div.page_content h3 {font-size:125%;color:#6a6a6a;border-bottom:1px solid #cacaca}
div.page_content h4 {font-size:125%;color:#666034;}
div.page_content h5 {font-size:110%;}
div.page_content h6 {font-size:105%;}

blockquote {margin:10px 0 10px 0;padding:4px 0 4px 15px;background:#f6e7c2;line-height:1.5;font-size:110%;border-top:1px solid #d3a42c;border-bottom:1px solid #d3a42c;}

div.page_content p {
	padding: 5px 0 5px 0;
}

div.page_content ul{ margin: 5px 0 5px 15px;}
div.page_content ol {margin: 5px 0 5px 33px;}

div.page_content ul li {
	padding: 0 0 10px 18px;
	background: url(/images/layout/content_li.gif) no-repeat 0px 8px;
}

div.page_content ul li ul, div.page_content ol li ol{
	padding-top:5px;
}

div.page_content ol {
	list-style-type: decimal;
}

div.page_content ol li {
	padding: 0 0 9px 10px;
}

div.page_content a, div.page_content a:link  {color:#1e7ab6;}
div.page_content a:visited {color:#1e7ab6;}
div.page_content a:hover {color:#1f81bf;text-decoration:underline;}

div.page_content img.content_img {
	margin: 5px 0 15px 25px;
	clear:right;
	border-top:2px solid #dca61a;
	border-bottom:2px solid #dca61a;
}

div.page_content img {
	border:1px solid #b8b8b8;
	padding:3px;
	margin:10px;
	background:white;
	clear:both;
}

div.page_content div.content_img_container {
	float:right;
	background:white;	
}

div.page_content table tr td {
	padding:2px;
}

div.page_content table#search_table tr td {
	border-bottom:none;
	padding:0;
}

div.page_resources {margin-top:10px;clear:both;margin-bottom:10px;}
div.resource {
	height:21px;
	padding: 4px 2px 0px 5px;
	border-top:3px solid white;
	background: url(/images/layout/attachment_bg.gif) no-repeat top left;
	font-size:90%;
}
div.page_content div.resource img {vertical-align:middle;padding-right:5px;border:none;margin:0}

div.resource div.filesize {
	margin-top:-15px;
}

/*	---	Homepage Specific						*/

div#homepage_welcome {
	background:url(/images/layout/home_gold_welcome.png) no-repeat top #f5d667;
	width:240px;
	height:175px; 
}

div#homepage_welcome div {
	padding:5px 5px 0 15px;
	height:127px;
	overflow:hidden;
}

div#homepage_welcome div p {padding:0px 0px 7px 0px;}

div#page #rhs_content_home {width:721px;}

img.featured_home {vertical-align:top;}

div.short_black_bar {
	height:6px;
	border-top:1px solid white;
	border-bottom:1px solid white;
	background:url(/images/layout/home_black_bar_bg.gif) repeat-x top #8c8c8c;
}

div.tall_black_bar {
	background:url(/images/layout/home_black_bar_bg.gif) repeat-x top #8c8c8c;
	border-top:1px solid white;
	height:36px;
}
div.tall_black_bar div.bar_corner {
	background:url(/images/layout/home_black_bar_start.gif) no-repeat top left;
	height:36px;
	text-align:center;
}

div.tall_black_bar div.bar_corner h1 {
	color:white;
	font-size:110%;
	padding:8px 0 0 0;
}
div#page #lhs_content div#contact_us{margin-top:10px;}

div#page #lhs_content div#contact_us ul li {
	background:url(/images/layout/contact_li.gif) no-repeat 0px 3px;
	padding:0 0 2px 18px;
}

div#page #lhs_content div#contact_us ul {
	padding:6px 0 0 0;
}
div#services_row {margin-top:2px;margin-left:20px;height:139px;}

div#services_row div.titles a {
	display:block;
	width:140px;
	height:34px;
	float:left;
	background:#efc046;
	overflow:hidden;
}
div#services_row div.titles a span{display:none}
	
div#services_row div.titles a#subheading_concrete {background:url(/images/home_concrete.gif) no-repeat top;}
div#services_row div.titles a#subheading_transport {background:url(/images/home_transport.gif) no-repeat top;width:139px;}
div#services_row div.titles a#subheading_quarry {background:url(/images/home_quarry.gif) no-repeat top;width:139px;}
div#services_row div.titles a#subheading_earth {background:url(/images/home_earthmoving.gif) no-repeat top;}
div#services_row div.titles a#subheading_waste {background:url(/images/home_waste.gif) no-repeat top;width:143px;}

div#services_row .photos img {float:left;}

div#news_area {
	margin-left:20px;
	margin-top:20px;
	background:url(/images/layout/news_area_bg.gif) no-repeat top;
	padding:9px 13px 0 13px;
}

div#news_area h1, div#news_area h2{
	font-weight:bold;
	color:#4c4c4c;
	float:left;
	width:524px;
}

div#news_area h2{
	font-size:90%;
	float:left;
	width:150px;
	margin-top:0px;
	text-align:right;
	font-weight:normal;
}

div.news_story h3 a {
	color:#0b0a07;
	background:url(/images/layout/blue_px.gif) bottom repeat-x;
	padding-bottom:3px;
}
div.news_story h3 a:hover {text-decoration:none;}

div.news_story span {
	font-size:85%;
	line-height:1.6;
}

div.news_story a.continued {
	color:#399cd5;
	font-weight:bold;
	font-size:85%;
	display:block;
	padding:8px 0 5px 0;
	background: url(/images/layout/continue_arrow.gif) no-repeat 80px 10px;
	width:90px;
	height:20px;
	cursor:pointer;
}
div.news_story a.continued:hover {text-decoration:underline;}

div.news_story img {
	float:right;
	border:1px solid #efc233;
	margin-left:10px;
}

/*	--- Project Page 						*/
div.project_tabs .tab_row {
	margin-top:10px;
	background:url(/images/layout/project_bar_focus1.gif) repeat-x bottom;
	height:48px;	
}
div.project_tabs .tab_row  ul {margin-left:10px;}
div.project_tabs .tab_row ul li {float:left;}
div.project_tabs .tab_row ul li a {
	width:104px;
	height:21px;
	background:url(/images/layout/project_tab_normal.gif) no-repeat;
	display:block;
	float:left;
	padding-top:0px;
	text-align:center;
	color:#4d4d4d;
	line-height:2.1;
	font-size:85%;
	margin-right:1px;
}

div.project_tabs .tab_row ul li a.focus { 
	background:url(/images/layout/project_tab_focus1.gif) no-repeat;
	color:white;
	height:23px;
}

div.lhs_corner, div.rhs_corner {
	background:url(/images/layout/project_lhs_corner.gif) bottom left no-repeat;
	height:50px;
}
div.rhs_corner {background:url(/images/layout/project_rhs_corner.gif) bottom right no-repeat;}

div.project_tab_content {
	border-right:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	
	background:url(/images/layout/project_content_bg.gif) repeat-x bottom;
}

div.project_inner_border {
	border:1px solid white;
	padding:5px;
	height:233px;
}

div.project_lhs_content {
	height:233px;
	width:280px;
	background:url(/images/layout/project_sep.gif) right no-repeat;
}

div.scroller {
	width:265px;
	height:233px;
	overflow:auto;
}
div.project_lhs_content ul {margin-left:5px;margin-top:6px;}
div.project_lhs_content ul li {
	background: url(/images/layout/content_li.gif) no-repeat 0px 7px;
	padding: 0 0 10px 13px;
}

div.project_rhs_content {
	width:300px;
	float:left;
	padding-left:3px;
}
div.project_rhs_content img.main_image {margin-left:6px;}
div.project_lhs_content {
	float:left;	
}

div#project_gallery_thumbs img {
	margin:0 2px 0 2px;
}

div.project_tab_summary, div.project_tab_summary_rhs {
	font-size:85%;
	position:absolute;
	margin-top:27px;
	margin-left:5px;
	color:#fbf8f8;
}

div.project_tab_summary span {color:#f5d86d;}

div.project_tab_summary_rhs {
	margin-left:305px;
	color:#c6c6c6;
	width:400px;
	text-align:right;
}