/* 
    Document   : Skills
    Created on : Jun 2, 2017, 9:23:48 AM
    Author     : Hawkeye
    Description:
        Purpose of the stylesheet follows.
*/

#MainNav li a#SkillsLink {
  color: #ba0c2f;
  }

.SkillsTop {
  margin: 30px 0 0 0;
  }

.Capas li {
  margin: 0 10px 15px 0;
  }

/* ********************************************* */
/* Capabilitiy Buttons                           */
/* ********************************************* */

.HomeButtons {
	margin: 20px 0 0 0;
	padding: 0;
	}

.HBut {
  float: left;
  position: relative;
  width: 175px;
  height: 300px;
  margin: 0 15px 20px 0;
  text-decoration: none;
  font-weight: 600;
  border: 0;
  -moz-border-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
	}
.HBut span {
  position: absolute;
  top: 230px;
  font-size: 14px;
  line-height: 17px;
  padding: 5px 10px;
  display: block;
  background: #efefef;
  transition: all 0.5s ease-out;
  }
.HBut:hover span {
  top: 100px;
  color: #ba0c2f;
  }

.hbHeavy {
	background: url(../images/HBbackHeavy.jpg) no-repeat left top;
	}
.hbHeavy:hover {
	background: url(../images/HBbackHeavy.jpg) no-repeat left -300px;
	}

.hbInterior {
	background: url(../images/HBbackInterior.jpg) no-repeat left top;
	}
.hbInterior:hover {
	background: url(../images/HBbackInterior.jpg) no-repeat left -300px;
	}

.hbScaffold {
	background: url(../images/HBbackScaffold.jpg) no-repeat left top;
	}
.hbScaffold:hover {
	background: url(../images/HBbackScaffold.jpg) no-repeat left -300px;
	}

.hbTrade {
	background: url(../images/HBbackTrade.jpg) no-repeat left top;
	}
.hbTrade:hover {
	background: url(../images/HBbackTrade.jpg) no-repeat left -300px;
	}

.hbICRA {
	background: url(../images/HBbackICRA.jpg) no-repeat left top;
	}
.hbICRA:hover {
	background: url(../images/HBbackICRA.jpg) no-repeat left -300px;
	}

/* ********************************************* */
/* Video Series                                  */
/* ********************************************* */

.VidSeries {
  clear: both;
  padding: 0;
  }
.VidSeries h1 {
  margin-bottom: 10px;
  }
.VidSeries h2 {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  margin-bottom: 10px;
  }
.VidSeries ul {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 20px 0;
  padding: 0;
  }
.VidSeries ul li {
  float: left;
  width: 210px;
  height: 75px;
  margin: 0 80px 15px 0;
  padding: 0;
  border-radius: 10px;
  list-style-type: none;
  position: relative;
  }
.VidSeries ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  }
.VidSeries ul li a span {
  display: block;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgba(0,0,0,.5);
  }
.VidSeries ul li a:hover span {
  color: #bbd5e5;
  }
.VidSeries ul li svg {
  position: absolute;
  top: 30px;
  left: 40%;
  margin: 0;
  color: rgba(255,255,255,.7);
  }
.VidSeries ul li a:hover i {
  color: rgba(0,0,0,.5);
  }
.VidSeries ul li.ComCarp {
  background: url(../images/bgVid-Ccarp.jpg) no-repeat;
  }
.VidSeries ul li.Pile {
  background: url(../images/bgVid-Pile.jpg) no-repeat;
  }
.VidSeries ul li.IntSys {
  background: url(../images/bgVid-Interior.jpg) no-repeat;
  }
.VidSeries ul li.Floor {
  background: url(../images/bgVid-Floor.jpg) no-repeat;
  }
.VidSeries ul li.ResCarp {
  background: url(../images/bgVid-Rcarp.jpg) no-repeat;
  }
.VidSeries ul li.Lather {
  background: url(../images/bgVid-Lather.jpg) no-repeat;
  }
.VidSeries ul li.Millwork {
  background: url(../images/bgVid-Millwork.jpg) no-repeat;
  }
.VidSeries ul li.Industrial {
  background: url(../images/bgVid-Industrial.jpg) no-repeat;
  }


/* ********************************************* */
/* Jobsite Styles                                */
/* ********************************************* */

.Jobsites {
  margin: 0 0 30px 0;
}

.FeaturedJobsite {
  float: left;
  width: 100%;
  max-width: 284px;
  min-height: 320px;
  background: #d7d7d7;
  margin: 0 8px 16px 8px;
	border-radius: 5px;
  }
.FeaturedJobsite img {
  display: block;
  margin: 0;
  border: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  }
.FeaturedJobsite a span {
  display: block;
	font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  margin: 15px 20px;
  height: 38px;
  overflow: hidden;
  }

.JobsitePhoto {
  float: left;
  margin: 0 20px 20px 0;
  }
.JobsitePhoto img {
  display: block;
  border: 0;
  }


@media screen and (max-width: 1050px) {
.VidSeries ul li {
  margin: 0 20px 15px 0;
  }
}
@media screen and (max-width: 850px) {
.VidSeries ul li {
  float: none;
  margin: 0 auto 15px auto;
  }
}
@media screen and (max-width: 450px) {
.HBut {
	float: none;
  display: block;
	margin: 0 auto 20px auto;
	}
}