h2 { color: #000;}
div.sidebar_sep {border-bottom: 1px solid #CCCECF}
.home #header{
	background: #fff;
}

.home #header	 ul.menu>li a{
			 color:#000;
}
.home #header	 ul.menu>li a:hover{
				 color:#808184;
}

h1{
	color:#808184;
}
.home #header	.social a{
		color:#808184;
}

table.submenu, div.submenu{
    background-color: #808184;
	}

#boxes li { padding: 0px 24px; width: 181px; }
#boxes li:last-child { padding-right: 0px; border-right: 0px;}
#boxes li:first-child { padding-left: 0px; border-left: 0px;}
#boxes li div {width: 100%; text-align: left; font-size: 13px; float: left;}
#boxes li div h5 { color: #00467F; padding: 17px 0px 0px; margin: 0px; font-weight: normal; font-family: "ITCFranklinGothicW01-Dm 812671" ; font-size: 20px; }

#footer { width: 100%; }
#footer-left {  margin: 0px; padding: 0px; float: left; }
#footer-right {float: right; width: 430px; text-align: right; margin-top: 60px;}
#footer-menu { list-style-type: none; margin: 0px; padding: 0px; float: left; max-width: 320px; }
#footer-menu li { padding: 0px 3px; }
#footer-social {text-align: right; width: 130px; float: left;}
#disclaimer {font-family: "ITCFranklinGothicW01-Bk 812656"; font-size: 11px; color: #808285;  text-align: left; float: left;width: 100%;}


a {text-decoration: underline; color: #00467F}

ul.menu li a:hover { color: #00467F; }
ul.menu li a.active { color: #00467F; }
#mobile-link {color: #00467F; }

span.highlight {color: #00467F; }
div.highlight { color: #00467F; }
input.sidebar { color: #00467F; }
ul.media-nav li a:hover { color: #00467F; }
ul.media-nav li a.active { color: #00467F;  }
#search-results a { color: #00467F; }

#Search {color: #00467F; }
div.map h4 {text-transform:uppercase;}
div.map h4 {

	font-size:20px;
	padding-top:6px;
	margin-bottom:0px;
}

ul.subhead li { color: #000000; }

table.calculator {
    border-collapse: collapse;
    width: 100%;
}
table.calculator td {
    border: 1px solid #CCCCCC;
    padding: 4px 6px;
}
table.calculator td input {
    border: 1px solid #CCCCCC;
    width: 50px;
}
table.calculator td:first-child {
    border-left: 0 solid #CCCCCC;
}
table.calculator td:last-child {
    border-right: 0 solid #CCCCCC;
}

div.contact-info{}
div.contact-info div.row{padding:3px 0;}
div.contact-info div.label{float:left;width:175px;}
div.contact-info div.value{float:left;width:300px;}
div.contact-info div.clear{clear:both;}

@media only screen and (max-width: 940px) {

	#mainbody { padding-top: 30px}
	#boxes { margin: 0 auto;}
	#boxes li { width: 25%;}

	div.news-short span.colour1 { display: block	}

}

@media only screen and (max-width: 768px) {
	#mobilelogo { background: url(/images/logo-brock-aggregates-white.svg) no-repeat center center; background-size: contain;}
	#header, ul.menu { background-color: #00467F;}
	div.cont180  { border-top: 1px solid #eee; padding-top: 50px; }
	div.cont180 br { display: none}
	div.sidebar_sep { display: none}

	div.socialbox { border-top: 1px solid #eee; padding-top: 50px}



}

@media only screen and (max-width: 767px) {
	#boxes li { width: 50%;}
	#boxes li:nth-child(even) { border: 0 }
}

@media only screen and (max-width: 600px) {
	#boxes { margin-top: 0}
	#boxes li:last-child { margin-bottom: 0}

}