*,body,h1,h2,h3{
  padding: 0px;
  margin: 0px;
}
  h5 {
    background-color: #ea2229;
    padding-top: 2px;
    padding-bottom: 5px;
    color: #FFFFFF;
    text-align: center;
  }
body{
  font-size: 12px;
  background-position: 0 0 ;
}
/* backgrounds */
#home{
  background-image: url("../img/background/clb-bgrd_home.jpg");
}
#about{
  background-image: url("../img/background/clb-bgrd_about.jpg");
}
#windows{
  background-image: url("../img/background/clb-bgrd_windows.jpg");
}
#siding{
  background-image: url("../img/background/cbl-siding.jpg");
}
#home-additions{
  background-image: url("../img/background/clb-bgrd_home-additions.jpg");
}
#additional-services{
  background-image: url("../img/background/clb-bgrd_additional-svcs.jpg");
}
#gallery{
  background-image: url("../img/background/clb-bgrd_gallery.jpg");
}
#suppliers{
  background-image: url("../img/background/clb-bgrd_suppliers.jpg");
}
#testimonials{
  background-image: url("../img/background/clb-bgrd_testimonials.jpg");
}


#gallery .content {
	background-image: url("../img/background/gallery-box_triangles.png");
  background-repeat: no-repeat;
	width: 905px;
	max-height: 560px;
	margin-left: -400px;
	margin-top: 20px;
}
#gallery-test{
  width: 830px;
  max-height: 380px;
  margin-left:-2px;
}

#suppliers #scrollbox {
	height: 400px;
	text-align:center;
}
#suppliers #scrollbox img {
	padding-bottom: 20px;
}

.container{
  width: 900px;
}

/* header */
.red-box{
  background-color: #e31b22;
  color: #fff;
  font-weight: bold;
  max-height: 300px;
  margin-left: 15px;
  padding: 0px;
  min-width: 300px;
  max-width: 300px;
  width: 100%;
}
.red-box img{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.red-box a:link, .red-box a:visited, .red-box a:hover, .red-box a:active, .active {
	color: #FFF;
}
.right {
	text-align: right;
	margin-left: -25px;
}
.red-box ul{
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 30px;
}
.red-box ul li{
  display: block;
  padding: 0px;
  margin: 0 -40px 0 0;
}
.red-box ul li a,visited{
  display: block;
  padding: 0 20px 0 0;
}
.red-box ul ul{
  margin: -65px 0px 0px 140px;
  background-color: #e31b22;
  z-index: 4;
  width: 350px;
  padding: 5px 20px;
  text-align: left;
}
.red-box ul li:hover > ul {display:block;}
.red-box ul ul {display:none; position:absolute;}
.red-box ul ul ul li {display:block;}


.social{
  padding-top: 20px;
  float: right;
}
.social img {
  margin: 0 3px;
  text-align: right;
}
.logos,.requestQuote{
  padding-top: 10px;
  float: right;
}




aside img{
	width: 300px;
}





.content{
  background-image: url("../img/background/content.png");
  background-repeat: no-repeat;
  width: 435px;
  min-height: 558px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 40px;
  padding-top: 40px;
  padding-bottom: 70px;
  margin-top: 40px;
}
#siding iframe{
  margin-left: -25px;
}
.content .home-img{
  padding-top: 30px;
}
.content ul{
  padding-left: 40px;
}
#scrollbox{
  margin-top: 20px;
  height: 150px;
  width: 350px;
  padding: 0px;
  padding-right: 30px;
  overflow: hidden;
  position: absolute;
  overflow-y: none;
}
#scrollbox{
  margin-top: 20px;
  height: 150px;
  width: 350px;
  padding: 0px;
  padding-right: 30px;
  overflow: hidden;
  position: absolute;
  overflow-y: none;
}
.contact #scrollbox{
  height: 450px;
  width: 360px;
  padding-right: 20px;
  margin-top: 10px;
  
}
/* to make scrollbars always visible */
/*.always-visible.ps-container > .ps-scrollbar-x-rail,*/
.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.content h1{
  color: #e31b22;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  padding-bottom: 10px;
}
.additional-service{
  padding: 10px 0px;
}
.additional-service .row,.additional-service .col-sm-3, .additional-service .col-sm-6{
  padding: 0px;
}
.additional-service ul{
  color: #e31b22;
  padding-top: 30px;
}
.additional-service li{
  padding: 10px 0;
}
section a, section a:hover{
  color: #e31b22;
  font-weight: bold;
}
section .pagenav{
  color: #e31b22;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
}

.img-finanace{
  margin-top: 150px;
}

/* footer */
.right-border{
  border-right-color: #000;
  border-right-style: solid;
  border-right-width: 1px; 
}
footer{
  margin-top: 40px;
  width: 900px;
  background-color: #fff;
  padding: 10px 20px;
}
footer h1{
  text-align: center;
  font-size: 1em;
  padding-bottom: 10px;
}
footer h1,footer a:link,footer a:visited{
  color: #000;
  font-weight: bold;
  display: block;
}
footer .location a:hover, footer .location a:active{
  color:#000;
  text-decoration: underline;
}
footer .row,footer .col-sm-3,footer .col-sm-4,footer .col-sm-5 {
  padding: 0px;
  margin: 0px;
}
footer img{
  padding-bottom: 0px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
footer a.img {
	display:inline;
}


.gallery-text{
  color: #fff;
  background-color: #000;
  padding: 8px;
}


/* tablet */
@media screen and (max-width: 950px) {
  footer,.container{
    width: 100%;
  }
  .logos{
    text-align: right;
  }
  #gallery .content {
    background-image: none;
    background-color: #fff;
    width: 605px;
    min-height: 200px;
    margin-left: -300px;
    margin-top: 20px;
  }
  #gallery-test{
    width: 100%;
    height: 100%;
    margin-left:-2px;
  }
}

/* phone */
@media screen and (max-width: 767px){

  body{
    background-color: #FFF;
  }
  /*nav*/
  .red-box{
    margin-left: 15px;
    padding: 0px;
    width: 100%;
  }
  .navbar, .navbar-nav{
    background-color: inherit;
    border: 0;
    width: 300px;
  }

  #home,
  #about,
  #windows,
  #siding,
  #home-additions,
  #additional-services,
  #gallery,
  #suppliers,
  #testimonials{
    background-image: none;
  }
  .requestQuote{ 
    text-align: center;
    float: none;
  }

  .content{
    background-image: none;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 5px 5px;
    margin: 0px;
  }
  .content img, .content .home-img{
    padding: 0;
    margin: 0;
  }

  
  #scrollbox{
    margin-top: 20px;
    width: 100%;
    height: 100%;
    padding: 0px;
    padding-right: 30px;
    position: relative;
  }

  #gallery-test{
    background-image: none;
    width: 100%;
    height: 100%;
    margin-left: 0;
  }
  #gallery .content {
   background-image: none; 
   width: 100%; 
   height: 100%; 
   margin-left: 0px; 
   margin-top: 0px; 
  }


  /* footer */
  .right-border{
    border: none;
  }
  footer {
    text-align: center;
    margin: 0;
  }
  footer .col-sm-3{
    padding-bottom: 20px;
  }
  h5 {
    background-color: #ea2229;
    color: #FFFFFF;
  }
}