@charset "UTF-8";
/* CSS Document */
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}


.topnav {
  overflow: hidden;
  background-color: #333;
  position:fixed;
}

.topnavlogo img{
	width:4%;
	float:left;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding-left:15px;
  padding-right:20px;
  padding-top:20px;
  text-decoration: none;
  font-size: 17px;
}

.topnav-right a.active{
	color:#dabd2a;
}

.topnav a:hover {
	color: #dabd2a;
}

.topnav-right {
  float: right;
}

.banner img{
	width:100%;
}

.aboutus {
	padding-top:5%;
	padding-left: 20%;
	padding-right: 20%;
}


.aboutus h4{
	text-align:left;
	background-color: #dabd2a;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.aboutus p{
	text-align:left;
	line-height:2.2;
	text-decoration: none;
}

.aboutusfooter img{
	width:100%;
}

.products{
	padding-bottom:15%;
	background-image:url(stock-photo-cement-or-mortar-cement-powder-with-a-trowel-put-on-the-brick-for-construction-work-558520747lowopacity.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.products h2{
	padding-top:6%;
	padding-bottom:2%;
}

.producttext table{
	padding-left:10%;
	padding-right:10%;

}

.producttext table th{
	color:#ffffff;
	text-align:center;
}

.productbox {
	height: 250px;
	width: 250px;
	background-color:#000000;
}

.productbox:hover{
	background-color: #dabd2a;
	color: #000000;
	box-shadow: 5px 5px 10px #000000;
}

.productbox p{
	padding-top:20%;
	padding-left:5%;
	padding-right:5%;
}

.socialresponibility{
	padding-left:10%;
	padding-right:10%;
}

.socialresponibility h2{
	padding-top:10%;
	padding-bottom:5%;
}


.socialresponibility p{
	padding-left:10%;
	padding-right:10%;
	line-height:2.2;
}

.contactus h2{
	padding-top:15%;
	padding-bottom:12%;
}

.contactus table{
	padding-bottom:10%;
}


.contactus table tr th{
	padding-left:5%;
	padding-right:5%;
	width:25%;
}

.contactus table tr th.location{
	border-right:3px solid #000000;
}

.contactus table tr th.telephone{
	border-right:3px solid #000000;
}

.contactus table tr th img{
	width:20%;
}

.footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color:#000000;
	height:55px;
	padding-left:3%;
	padding-right:3%
}

.footer footer p{
	color:#ffffff;
	float:left;
}

.footerimages table{
	padding-right:5%;
	float:right;
}

.footerimages table tr th{
	padding-right: 20px;
}

.footerimages img{
	height:20px;
	padding-top:17.5px;
	padding-left:2%;
}



