@charset "UTF-8";
/* CSS Document */
/* Created by Kenney&Company */

/* Body CSS*/
body { width: 100%; background-color: #333; color: #FFF; font-family: "Gotham", "Arial", sans-serif; margin: 0 auto; font-size: 18px; }
@media only screen and (max-width: 1023px){
		body { font-size: 14px; }
	}
/* End */


/* Header CSS */
header { width: 100%; height: 100%; margin: 0 auto; }
.headerwrap { max-height: 550px; height: 550px; text-align: center; overflow: hidden; }
.headerbackimg { width: 100%; height: 100%; background-image: url(images/headerimage1.jpg); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; }
.headerbackimg img { width: 937px; height: 256px; margin: 75px auto; }
@media only screen and (max-width: 1023px){
		.headerwrap { max-height: 350px; height: 350px; }
		.headerbackimg img { width: 732px; height: 192px; margin: 50px auto; }
	}
@media only screen and (max-width: 767px){
		.headerwrap { max-height: 280px; height: 280px; }
		.headerbackimg img { width: 366px; height: 96px; margin: 60px auto; }
	}
@media only screen and (max-width: 479px){
		.headerwrap { max-height: 200px; height: 200px; }
		.headerbackimg img { width: 275px; height: 72px; margin: 50px auto; }
	}
/* End */


/* Navigation Menu CSS */
.nav { background-color: #333; font-size: 18px; font-weight: bolder; width: 100%; height: 100px; max-height: 100px; margin: 0 auto; border-bottom: solid 8px #277DBF; overflow: hidden; }
.navwrap { height: 100px; max-height: 100px; margin-left: 15px; }
.navwrap img { padding: 10px 5px 0 0; float: left; }
.navwrap a { text-decoration: none; color:#EEE; }
.navwrap a:hover { text-shadow: 4px 4px 4px #277DBF; }
.navwrap ul { list-style-type: none; margin: 0; padding-top: 35px; line-height: 32px; padding-right: 5px; }
.navwrap li { padding: 50px 7px 47px 12px; display: inline; }
@media only screen and (max-width: 1023px){
		.nav { font-size: 14px; }
		.navwrap { margin-left: 5px; }
		.navwrap ul { line-height: 34px; }
		.navwrap li { padding: 50px 0px 47px 5px; }
	}
@media only screen and (max-width: 767px){
		.nav { overflow: visible; font-size: 1em; }
		.navwrap { height: 0; max-height: 0; width: 0; margin-left: 0; display: none; }
		.navwrap img { padding: 0; float: none;}
		.navwrap ul { padding-top: 0; line-height: 0; }
		.navwrap li { padding: 0; display: none; }
		
	}
/* Mobile Navigation Menu */
.navwrap-mobile { height: 0; max-height: 0; display: none; margin-left: 0; }
.navwrap-mobile img { margin-left: 0; padding: 0; }
.navwrap-mobile a { text-decoration: none; color: #FFF; }
.menuIcon { position: relative; top: 10px; right: 10px; }
.openMenu { position: relative; top: 10px; right: 10px; float: right; }
.openMenu:hover { cursor: pointer; }
.navwrap-mobile ul { list-style-type: none; margin: 0; padding-top: 0; }
.navwrap-mobile li { padding: 0; display: none; height: 0; width: 0; }
@media only screen and (max-width: 767px){
		.navwrap-mobile { height: 100px; max-height: 100px; width: 400px; display: inline; margin-left: 20px; }
		.navwrap-mobile a:hover { text-shadow: 4px 4px 4px #277DBF; }
		.navwrap-mobile ul { clear: both; position: relative; left: -40px; top: 20px; width: 300px; height: 180px; z-index: 100;  }
		.navwrap-mobile li { text-align: left; width: 100%; height: 30px; display: inline-block; background-color: #333; border-bottom: solid 2px #277DBF; border-right: solid 2px #277DBF; padding: 5px 20px; line-height: 30px; }		
	}
@media only screen and (max-width: 479px){
		.navwrap-mobile ul { width: 250px; }
	}
/* Current Page's Nav Link Only*/
.activenav { background-color: #257DBF; }
.activenav a { text-decoration: none; color: #FFF; }
.activenav a:hover { text-shadow: 4px 4px 4px #333; }
/* For fixednavmenu.js*/
.fixed { position: fixed; top: 0; left: 0; z-index: 100; }
.height {  height: 100px; }
/*For Resources Page Only */
.reslink { padding-right: 5px; }
/* End */


/* Footer CSS */
footer { background-color: #333; height: 100%; width: 100%; text-align: center; margin: 0 auto; border-bottom: 8px solid #277DBF; overflow: hidden; }
/* .footercornerimg { float: right; width: 70px; height: 30px; position: relative; right: 5px; bottom: -80px; } If the decision is made to include footer images for facebook, etc. */
.footerwrap { height: 120px; max-height: 120px; }
.footercontent { width: 100%; height: 100%; background-image:url(images/footerimg1.png); background-position: left; background-repeat: no-repeat; font-weight: bold; }
.footertop {  font-size: 26px; padding: 25px 0 0 100px; }
footer a { text-decoration: none; color: #FFF; }
footer a:hover { text-shadow: 4px 4px 4px #277DBF; }
.footerbottom { font-size: 12px; padding: 45px 0 0 60px; }
.desktop { display: inline-block; }
.mobile { display: none; }
@media only screen and (max-width: 1023px){
		.footertop { font-size: 22px; }
	}
@media only screen and (max-width: 767px){
		.footertop { font-size: 1.2em; padding: 25px 0 0 0; }
		.footerbottom { font-size: 1em; padding: 50px 0 0 0; }
		.desktop { display: none; }
		.mobile { display: inline-block; }
	}
@media only screen and (max-width: 479px){
		.footertop { font-size: .9em; padding: 25px 0 0 0; }
		.footerbottom { font-size: .9em; padding: 60px 0 0 0; }
	}
/* End */


/* Main Content CSS */
.content { height: 100%; width: 100%; margin: 0 auto; }
.content h2 { text-shadow: 4px 4px 4px #000; }
.content a { color: #FFF; }
/* Text In Dark Grey */
.contentdark { color: #333; height: 100%; width: 100%; margin: 0 auto; }
.contentdark a { color: #333; }
/* End */


/* Index Section: Who is CCS? */
.indexwrap1 { height: 600px; max-height: 600px; }
.indexbackimg1 { height: 100%; width: 100%; background-image: url(images/indeximage1.jpg); background-attachment: fixed; background-size: cover; background-position: 65% 25%; background-repeat: no-repeat; }
.indexcontent1 { height: 570px; max-height: 570px; float: left; width: 90%; margin-top: 10px; overflow: hidden; }
.indexcontent1 h2 { width: 700px; font-size: 26px; padding: 30px 0 0 80px; }
.indexcontent1 hr { width: 735px; clear: both; float: left; border: 4px solid #FFF; margin: -20px 0 0 0; }
.indexcontent1 ul { width: 675px; font-size: 20px; font-weight: bold; padding: 0 0 0 80px; list-style-type: circle; }
.indexcontent1 li { margin-bottom: 10px; }
.indexcontent1 a { text-decoration: none; }
.indexbutton1 { float: left; display: block; padding: 5px 0 0 75px; }
.indexbutton2 { float: left; display: block; padding: 5px 0 0 20px; }
@media only screen and (max-width: 1023px){
		.indexwrap1 { height: 500px; max-height: 500px; }
		.indexbackimg1 { background-position: 50% 25%; }
		.indexcontent1 { height: 470px; max-height: 470px; }
		.indexcontent1 h2 { width: 600px; font-size: 22px; padding: 30px 0 0 50px; }
		.indexcontent1 hr { width: 604px; }
		.indexcontent1 ul { width: 575px; font-size: 16px; padding: 0 0 0 50px; }
		.indexbutton1 { padding: 5px 0 0 45px; }
		.indexbutton2 { padding: 5px 0 0 10px; }
	}
@media only screen and (max-width: 767px){
		.indexbackimg1 { background-attachment: local; background-position: 50% 50%; }
		.indexcontent1 h2 { width: 400px; font-size: 1.1em; padding: 30px 0 0 20px; }
		.indexcontent1 hr { width: 409px; border: 2px solid #FFF; margin-top: -13px; }
		.indexcontent1 ul { width: 400px; font-size: 1em; padding: 5px 0 0 20px; }
		.indexbutton1 { padding: 5px 0 0 10px; }
		.indexbutton2 { padding: 5px 0 0 0; }
	}
@media only screen and (max-width: 479px){
		.indexwrap1 { height: 530px; max-height: 530px; }
		.indexcontent1 { height: 500px; max-height: 500px; }
		.indexcontent1 h2 { width: 280px; font-size: .75em; padding: 30px 0 0 15px; }
		.indexcontent1 hr { width: 269px; margin-top: -7px; }
		.indexcontent1 ul { width: 270px; font-size: .75em; padding: 5px 0 0 15px; }
		.indexbutton1 { float: none; padding: 5px 0 0 0; margin: 0; }
		.indexbutton2 { float: none; padding: 0; margin: 0; }
	}
/* End */


/* Index Section: Image */
.indexwrap2 { height: 600px; max-height: 600px; }
.indexbackimg2 { height: 100%; width: 100%; background-image: url(images/indeximage2.jpg); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; }
/* End */


/* About Section: What We Do */
.aboutwrap1 { height: 400px; max-height: 400px; }
.aboutbackimg1 { height: 100%; width: 100%; background-image: url(images/aboutimage1.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.aboutcontent1 { height: 370px; max-height: 370px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
.aboutcontent1 h2 { width: 400px; float: right; font-size: 26px; padding: 25px 80px 0 0; }
.aboutcontent1 hr { width: 249px; float: right; clear: both; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent1 p { width: 425px; float: right; font-size: 20px; font-weight: bold; padding: 0 80px 0 0; margin-top: 5px; }
@media only screen and (max-width: 1023px){
		.aboutwrap1 { height: 300px; max-height: 300px; }
		.aboutcontent1 { height: 270px; max-height: 270px; }
		.aboutcontent1 h2 { width: 300px; float: right; font-size: 22px; padding: 25px 50px 0 0; }
		.aboutcontent1 hr { width: 192px; }
		.aboutcontent1 p { width: 340px; font-size: 16px; padding: 0 50px 0 0; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap1 { height: 200px; max-height: 200px; }
		.aboutbackimg1 { background-attachment: local; background-position: 100% 50%; }
		.aboutcontent1 { height: 170px; max-height: 170px; }
		.aboutcontent1 h2 { font-size: 1.1em; padding: 12px 25px 0 0; }
		.aboutcontent1 hr { width: 126px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent1 p { font-size: 1em; padding: 0 25px 0 0; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap1 { height: 150px; max-height: 150px; }
		.aboutcontent1 { height: 120px; max-height: 120px; }
		.aboutcontent1 h2 { font-size: .75em; padding: 12px 15px 0 0; }
		.aboutcontent1 hr { width: 80px; margin-top: -7px; }
		.aboutcontent1 p { width: 250px; font-size: .75em; padding: 0 15px 0 0; }
	}
/* End */


/* About Section: The Products */
.aboutwrap2 { height: 150px; max-height: 150px; }
.aboutbackimg2 { height: 100%; width: 100%; background: -webkit-linear-gradient(left, #777 , #333); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #777, #333); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #777, #333); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #777 , #333); /* Standard syntax (must be last) */ border-top: solid 8px #277DBF; }
.aboutcontent2 { height: 120px; max-height: 120px; width: 100%; margin-top: 10px; text-align: center; }
.aboutcontent2 h2 { font-size: 42px; padding: 40px 0 0 0; margin-top: -10px; }
@media only screen and (max-width: 1023px){
		.aboutwrap2 { height: 100px; max-height: 100px; }
		.aboutcontent2 { height: 70px; max-height: 70px; }
		.aboutcontent2 h2 { font-size: 36px; padding: 20px 0 0 0; }
	}
@media only screen and (max-width: 767px){
		.aboutcontent2 h2 { font-size: 2em; padding: 28px 0 0 0; }
	}
@media only screen and (max-width: 479px){
		.aboutcontent2 h2 { font-size: 1.7em; padding: 30px 0 0 0; }
	}
/* End */


/* About Section: Ice Melt */
.aboutwrap3 { height: 400px; max-height: 400px; }
.aboutbackimg3 { height: 100%; width: 100%; background-image: url(images/aboutimage2.jpg); background-size: cover; background-position: 0% 50%; background-repeat: no-repeat; }
.aboutcontent3 { height: 370px; max-height: 370px;  width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.aboutcontent3 h2 { width: 300px; font-size: 26px; padding: 25px 0 0 80px; }
.aboutcontent3 hr { width: 190px; clear: both; float: left; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent3 p { width: 470px; font-size: 20px; font-weight: bold; padding: 0 0 0 80px; }
.aboutcontent3 a { text-decoration: none; }
@media only screen and (max-width: 1023px){
		.aboutwrap3 { height: 300px; max-height: 300px; }
		.aboutcontent3 { height: 270px; max-height: 270px; }
		.aboutcontent3 h2 { width: 200px; font-size: 22px; padding: 25px 0 0 50px; }
		.aboutcontent3 hr { width: 140px; }
		.aboutcontent3 p { width: 370px; font-size: 16px; padding: 0 0 0 50px; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap3 { height: 200px; max-height: 200px; }
		.aboutcontent3 { height: 170px; max-height: 170px; }
		.aboutcontent3 h2 { width: 200px; font-size: 1.1em; padding: 12px 0 0 25px; }
		.aboutcontent3 hr { width: 91px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent3 p { width: 370px; font-size: 1em; padding: 0 0 0 25px; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap3 { height: 180px; max-height: 180px; }
		.aboutcontent3 { height: 150px; max-height: 150px; }
		.aboutcontent3 h2 { font-size: .75em; padding: 12px 0 0 15px; }
		.aboutcontent3 hr { width: 57px; margin-top: -7px; }
		.aboutcontent3 p { width: 270px; font-size: .75em; padding: 0 0 0 15px; }
	}
/* End */


/* About Section: Contract Packaging */
.aboutwrap4 { height: 400px; max-height: 400px; }
.aboutbackimg4 { height: 100%; width: 100%; background-image: url(images/aboutimage3.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.aboutcontent4 { height: 370px; max-height: 370px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
.aboutcontent4 h2 { width: 550px; float: right; font-size: 26px; padding: 25px 80px 0 0; }
.aboutcontent4 hr { width: 391px; float: right; clear: both; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent4 p { width: 550px; float: right; font-size: 20px; font-weight: bold; padding: 0 80px 0 0; margin-top: 5px; }
.aboutcontent4 a { text-decoration: none; }
@media only screen and (max-width: 1023px){
		.aboutwrap4 { height: 300px; max-height: 300px; }
		.aboutcontent4 { height: 270px; max-height: 270px; }
		.aboutcontent4 h2 { width: 450px; font-size: 22px; padding: 25px 50px 0 0; }
		.aboutcontent4 hr { width: 312px; }
		.aboutcontent4 p { width: 440px; font-size: 16px; padding: 0 50px 0 0; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap4 { height: 230px; max-height: 230px; }
		.aboutbackimg4 { background-attachment: local; background-position: 100% 50%; }
		.aboutcontent4 { height: 200px; max-height: 200px; }
		.aboutcontent4 h2 { width: 350px; font-size: 1.1em; padding: 12px 25px 0 0; }
		.aboutcontent4 hr { width: 210px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent4 p { width: 350px; font-size: 1em; padding: 0 25px 0 0; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap4 { height: 180px; max-height: 180px; }
		.aboutcontent4 { height: 150px; max-height: 150px; }
		.aboutcontent4 h2 { width: 270px; font-size: .75em; padding: 12px 15px 0 0; }
		.aboutcontent4 hr { width: 135px; margin-top: -7px; }
		.aboutcontent4 p { width: 270px; font-size: .75em; padding: 0 15px 0 0; }
	}
/* End */


/* About Section: Lump Charcoal */
.aboutwrap5 { height: 400px; max-height: 400px; }
.aboutbackimg5 { height: 100%; width: 100%; background-image: url(images/aboutimage4.jpg); background-size: cover; background-position: 0% 50%; background-repeat: no-repeat; }
.aboutcontent5 { height: 370px; max-height: 370px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.aboutcontent5 h2 { width: 350px; font-size: 26px; padding: 25px 0 0 80px; }
.aboutcontent5 hr { width: 305px; clear: both; float: left; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent5 p { width: 450px; font-size: 20px; font-weight: bold; padding: 0 0 0 80px; }
.aboutcontent5 a { text-decoration: none; }
@media only screen and (max-width: 1023px){
		.aboutwrap5 { height: 300px; max-height: 300px; }
		.aboutcontent5 { height: 270px; max-height: 270px; }
		.aboutcontent5 h2 { width: 250px; font-size: 22px; padding: 25px 0 0 50px; }
		.aboutcontent5 hr { width: 238px; }
		.aboutcontent5 p { width: 350px; font-size: 16px; padding: 0 0 0 50px; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap5 { height: 200px; max-height: 200px; }
		.aboutcontent5 { height: 170px; max-height: 170px; }
		.aboutcontent5 h2 { width: 250px; font-size: 1.1em; padding: 12px 0 0 25px; }
		.aboutcontent5 hr { width: 159px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent5 p { width: 350px; font-size: 1em; padding: 0 0 0 25px; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap5 { height: 150px; max-height: 150px; }
		.aboutcontent5 { height: 120px; max-height: 120px; }
		.aboutcontent5 h2 { font-size: .75em; padding: 12px 0 0 15px; }
		.aboutcontent5 hr { width: 101px; margin-top: -7px; }
		.aboutcontent5 p { width: 270px; font-size: .75em; padding: 0 0 0 15px; }
	}
/* End */


/* About Section: The Services */
.aboutwrap6 { height: 150px; max-height: 150px; }
.aboutbackimg6 { height: 100%; width: 100%; background: -webkit-linear-gradient(left, #777 , #333); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #777, #333); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #777, #333); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #777 , #333); /* Standard syntax (must be last) */ border-top: solid 8px #277DBF; }
.aboutcontent6 { height: 120px; max-height: 120px; width: 100%; margin-top: 10px; text-align: center; }
.aboutcontent6 h2 { font-size: 42px; padding: 40px 0 0 0; margin-top: -10px; }
@media only screen and (max-width: 1023px){
		.aboutwrap6 { height: 100px; max-height: 100px; }
		.aboutcontent6 { height: 70px; max-height: 70px; }
		.aboutcontent6 h2 { font-size: 36px; padding: 20px 0 0 0; }
	}
@media only screen and (max-width: 767px){
		.aboutcontent6 h2 { font-size: 2em; padding: 28px 0 0 0; }
	}
@media only screen and (max-width: 479px){
		.aboutcontent6 h2 { font-size: 1.7em; padding: 30px 0 0 0; }
	}
/* End */


/* About Section: Bulk Storage */
.aboutwrap7 { height: 400px; max-height: 400px; }
.aboutbackimg7 { height: 100%; background-image: url(images/aboutimage5.jpg); width: 100%; background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.aboutcontent7 { height: 370px; max-height: 370px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
.aboutcontent7 h2 { width: 300px; float: right; font-size: 26px; padding: 25px 80px 0 0; }
.aboutcontent7 hr { width: 278px; float: right; clear: both; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent7 ul { width: 500px; float: right; font-size: 20px; font-weight: bold; padding: 0 80px 0 0; margin-top: 5px; list-style-type: circle; direction: rtl; }
.aboutcontent7 li { margin-bottom: 15px; }
@media only screen and (max-width: 1023px){
		.aboutwrap7 { height: 300px; max-height: 300px; }
		.aboutcontent7 { height: 270px; max-height: 270px; }
		.aboutcontent7 h2 { width: 200px; font-size: 22px; padding: 25px 50px 0 0; }
		.aboutcontent7 hr { width: 217px; }
		.aboutcontent7 ul { width: 420px; font-size: 16px; padding: 0 50px 0 0; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap7 { height: 200px; max-height: 200px; }
		.aboutbackimg7 { background-attachment: local; background-position: 100% 50%; }
		.aboutcontent7 { height: 170px; max-height: 170px; }
		.aboutcontent7 h2 { width: 200px; font-size: 1.1em; padding: 12px 25px 0 0; }
		.aboutcontent7 hr { width: 143px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent7 ul { width: 320px; font-size: 1em; padding: 0 25px 0 0; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap7 { height: 180px; max-height: 180px; }
		.aboutcontent7 { height: 150px; max-height: 150px; }
		.aboutcontent7 h2 { font-size: .75em; padding: 12px 15px 0 0; }
		.aboutcontent7 hr { width: 91px; margin-top: -7px; }
		.aboutcontent7 ul { width: 270px; font-size: .75em; padding: 0 15px 0 0; }
	}
/* End */


/* About Section: Processing */
.aboutwrap8 { height: 400px; max-height: 400px; }
.aboutbackimg8 { height: 100%; width: 100%; background-image: url(images/aboutimage6.jpg); background-size: cover; background-position: 0% 50%; background-repeat: no-repeat; }
.aboutcontent8 { height: 370px; max-height: 370px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.aboutcontent8 h2 { width: 350px; font-size: 26px; padding: 25px 0 0 80px; }
.aboutcontent8 hr { width: 241px; clear: both; float: left; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent8 ul { width: 350px; font-size: 20px; font-weight: bold; padding: 0 0 0 80px; list-style-type: circle; }
.aboutcontent8 li { margin-bottom: 15px; }
@media only screen and (max-width: 1023px){
		.aboutwrap8 { height: 300px; max-height: 300px; }
		.aboutcontent8 { height: 270px; max-height: 270px; }
		.aboutcontent8 h2 { width: 250px; font-size: 22px; padding: 25px 0 0 50px; }
		.aboutcontent8 hr { width: 185px; }
		.aboutcontent8 ul { width: 250px; font-size: 16px; padding: 0 0 0 50px; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap8 { height: 200px; max-height: 200px; }
		.aboutcontent8 { height: 170px; max-height: 170px; }
		.aboutcontent8 h2 { width: 250px; font-size: 1.1em; padding: 12px 0 0 25px; }
		.aboutcontent8 hr { width: 121px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent8 ul { width: 250px; font-size: 1em; padding: 0 0 0 25px; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap8 { height: 170px; max-height: 170px; }
		.aboutcontent8 { height: 140px; max-height: 140px; }
		.aboutcontent8 h2 { font-size: .75em; padding: 12px 0 0 15px; }
		.aboutcontent8 hr { width: 77px; margin-top: -7px; }
		.aboutcontent8 ul { font-size: .75em; padding: 0 0 0 15px; }
	}
/* End */


/* About Section: Packaging */
.aboutwrap9 { height: 400px; max-height: 400px; }
.aboutbackimg9 { height: 100%; width: 100%; background-image: url(images/aboutimage7.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.aboutcontent9 { height: 370px; max-height: 370px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
.aboutcontent9 h2 { width: 350px; float: right; font-size: 26px; padding: 5px 80px 0 0; }
.aboutcontent9 hr { width: 232px; float: right; clear: both; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent9 ul { width: 560px; float: right; font-size: 20px; font-weight: bold; padding: 0 80px 0 0; margin-top: 5px; list-style-type: circle; direction: rtl; }
.aboutcontent9 li { margin-bottom: 15px; }
@media only screen and (max-width: 1023px){
		.aboutwrap9 { height: 350px; max-height: 350px; }
		.aboutcontent9 { height: 320px; max-height: 320px; }
		.aboutcontent9 h2 { width: 250px; font-size: 22px; padding: 5px 50px 0 0; }
		.aboutcontent9 hr { width: 177px; }
		.aboutcontent9 ul { width: 460px; font-size: 16px; padding: 0 50px 0 0; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap9 { height: 300px; max-height: 300px; }
		.aboutbackimg9 { background-attachment: local; background-position: 100% 50%; }
		.aboutcontent9 { height: 270px; max-height: 270px; }
		.aboutcontent9 h2 { width: 250px; font-size: 1.1em; padding: 12px 25px 0 0; }
		.aboutcontent9 hr { width: 115px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent9 ul { width: 390px; font-size: 1em; padding: 0 25px 0 0; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap9 { height: 270px; max-height: 270px; }
		.aboutcontent9 { height: 240px; max-height: 240px; }
		.aboutcontent9 h2 { font-size: .75em; padding: 12px 15px 0 0; }
		.aboutcontent9 hr { width: 73px; margin-top: -7px; }
		.aboutcontent9 ul { width: 250px; font-size: .75em; padding: 0 15px 0 0; }
	}
/* End */


/* About Section: Warehousing */
.aboutwrap10 { height: 400px; max-height: 400px; }
.aboutbackimg10 { height: 100%; width: 100%; background-image: url(images/aboutimage8.jpg); background-size: cover; background-position: 0% 50%; background-repeat: no-repeat; }
.aboutcontent10 { height: 370px; max-height: 370px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.aboutcontent10 h2 { width: 350px; font-size: 26px; padding: 25px 0 0 80px; }
.aboutcontent10 hr { width: 276px; clear: both; float: left; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent10 ul { width: 400px; font-size: 20px; font-weight: bold; padding: 0 0 0 80px; list-style-type: circle; }
.aboutcontent10 li { margin-bottom: 15px; }
@media only screen and (max-width: 1023px){
		.aboutwrap10 { height: 300px; max-height: 300px; }
		.aboutcontent10 { height: 270px; max-height: 270px; }
		.aboutcontent10 h2 { width: 250px; font-size: 22px; padding: 25px 0 0 50px; }
		.aboutcontent10 hr { width: 217px; }
		.aboutcontent10 ul { width: 300px; font-size: 16px; padding: 0 0 0 50px; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap10 { height: 200px; max-height: 200px; }
		.aboutcontent10 { height: 170px; max-height: 170px; }
		.aboutcontent10 h2 { width: 250px; font-size: 1.1em; padding: 12px 0 0 25px; }
		.aboutcontent10 hr { width: 142px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent10 ul { width: 300px; font-size: 1em; padding: 0 0 0 25px; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap10 { height: 180px; max-height: 180px; }
		.aboutcontent10 { height: 150px; max-height: 150px; }
		.aboutcontent10 h2 { font-size: .75em; padding: 12px 0 0 15px; }
		.aboutcontent10 hr { width: 91px; margin-top: -7px; }
		.aboutcontent10 ul { width: 250px; font-size: .75em; padding: 0 0 0 15px; }
	}
/* End */


/* About Section: Distribution */
.aboutwrap11 { height: 400px; max-height: 400px; }
.aboutbackimg11 { height: 100%; width: 100%; background-image: url(images/aboutimage9.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.aboutcontent11 { height: 370px; max-height: 370px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
.aboutcontent11 h2 { width: 400px; float: right; font-size: 26px; padding: 25px 80px 0 0; }
.aboutcontent11 hr { width: 260px; float: right; clear: both; border: 4px solid #FFF; margin: -20px 0 0 0; }
.aboutcontent11 ul { width: 350px; float: right; font-size: 20px; font-weight: bold; padding: 0 80px 0 0; margin-top: 5px; list-style-type: circle; direction: rtl; }
.aboutcontent11 li { margin-bottom: 15px; }
@media only screen and (max-width: 1023px){
		.aboutwrap11 { height: 300px; max-height: 300px; }
		.aboutcontent11 { height: 270px; max-height: 270px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
		.aboutcontent11 h2 { width: 300px; font-size: 22px; padding: 25px 50px 0 0; }
		.aboutcontent11 hr { width: 203px; }
		.aboutcontent11 ul { width: 260px; font-size: 16px; padding: 0 50px 0 0; }
	}
@media only screen and (max-width: 767px){
		.aboutwrap11 { height: 200px; max-height: 200px; }
		.aboutbackimg11 { background-attachment: local; background-position: 100% 50%; }
		.aboutcontent11 { height: 170px; max-height: 170px; }
		.aboutcontent11 h2 { width: 300px; font-size: 1.1em; padding: 12px 25px 0 0; }
		.aboutcontent11 hr { width: 133px; border: 2px solid #FFF; margin-top: -13px; }
		.aboutcontent11 ul { width: 300px; font-size: 1em; padding: 0 25px 0 0; }
	}
@media only screen and (max-width: 479px){
		.aboutwrap11 { height: 170px; max-height: 170px; }
		.aboutcontent11 { height: 140px; max-height: 140px; }
		.aboutcontent11 h2 { width: 250px; font-size: .75em; padding: 12px 15px 0 0; }
		.aboutcontent11 hr { width: 84px; margin-top: -7px; }
		.aboutcontent11 ul { width: 250px; font-size: .75em; padding: 0 15px 0 0; }
	}
/* End */


/* Ice Melt Section: Ice Melting Tech */
.icewrap1 { height: 500px; max-height: 500px; }
.icebackimg1 { height: 100%; width: 100%; background-image: url(images/iceimage1.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.icecontent1 { height: 470px; max-height: 470px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.icecontent1 h2 { width: 650px; font-size: 28px; padding: 25px 0 0 80px; }
.icecontent1 hr { width: 467px; clear: both; float: left; border: 4px solid #FFF; margin: -20px 0 0 0; }
.icecontent1 p { width: 450px; font-size: 22px; font-weight: bold; padding: 0 0 0 80px; }
@media only screen and (max-width: 1023px){
		.icewrap1 { height: 500px; max-height: 500px; }
		.icecontent1 { height: 470px; max-height: 470px; }
		.icecontent1 h2 { width: 550px; font-size: 24px; padding: 25px 0 0 50px; }
		.icecontent1 hr { width: 380px; }
		.icecontent1 p { width: 370px; font-size: 18px; padding: 0 0 0 50px; }
	}
@media only screen and (max-width: 767px){
		.icewrap1 { height: 400px; max-height: 400px; }
		.icebackimg1 { background-attachment: local; background-position: 0% 50%; }
		.icecontent1 { height: 370px; max-height: 370px; }
		.icecontent1 h2 { width: 450px; font-size: 1.2em; padding: 25px 0 0 25px; }
		.icecontent1 hr { width: 258px; border: 2px solid #FFF; margin-top: -13px; }
		.icecontent1 p { width: 370px; font-size: 1em; padding: 0 0 0 25px; }
	}
@media only screen and (max-width: 479px){
		.icewrap1 { height: 300px; max-height: 300px; }
		.icecontent1 { height: 270px; max-height: 270px; }
		.icecontent1 h2 { width: 270px; font-size: .75em; padding: 25px 0 0 15px; }
		.icecontent1 hr { width: 158px; border: 2px solid #FFF; margin-top: -7px; }
		.icecontent1 p { width: 270px; font-size: .75em; padding: 0 0 0 15px; }
	}
/* End */


/* Ice Melt: Image */
.icewrap3 { height: 200px; max-height: 200px; }
.icebackimg3 { height: 100%; width: 100%; background-image: url(products/productdisplaybackimg.jpg); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; }
/* End */


/* Charcoal Section: Lump Charcoal */
.charcoalwrap1 { height: 550px; max-height: 550px; }
.charcoalbackimg1 { height: 100%; width: 100%; background-image: url(images/charcoalimg1.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.charcoalcontent1 { height: 520px; max-height: 520px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
.charcoalcontent1 h2 { width: 400px; float: right; font-size: 28px; padding: 25px 80px 0 0; }
.charcoalcontent1 hr { width: 322px; float: right; clear: both; border: 4px solid #FFF;  margin: -20px 0 0 0; }
.charcoalcontent1 p { width: 550px; float: right; font-size: 22px; font-weight: bold; padding: 0 80px 0 0; margin-top: 5px; }
@media only screen and (max-width: 1023px){
		.charcoalwrap1 { height: 450px; max-height: 450px; }
		.charcoalcontent1 { height: 420px; max-height: 420px; }
		.charcoalcontent1 h2 { width: 300px; font-size: 24px; padding: 25px 50px 0 0; }
		.charcoalcontent1 hr { width: 255px; }
		.charcoalcontent1 p { width: 450px; font-size: 18px; padding: 0 50px 0 0; }
	}
@media only screen and (max-width: 767px){
		.charcoalwrap1 { height: 400px; max-height: 400px; }
		.charcoalbackimg1 { background-attachment: local; background-position: 100% 50%; }
		.charcoalcontent1 { height: 370px; max-height: 370px; }
		.charcoalcontent1 h2 { font-size: 1.2em; padding: 25px 25px 0 0; }
		.charcoalcontent1 hr { width: 170px; border: 2px solid #FFF; margin-top: -13px; }
		.charcoalcontent1 p { width: 350px; font-size: 1em; padding: 0 25px 0 0; }
	}
@media only screen and (max-width: 479px){
		.charcoalwrap1 { height: 300px; max-height: 300px; }
		.charcoalcontent1 { height: 250px; max-height: 270px; }
		.charcoalcontent1 h2 { font-size: .75em; padding: 25px 25px 0 0; }
		.charcoalcontent1 hr { width: 115px; margin-top: -7px; }
		.charcoalcontent1 p { width: 250px; font-size: .75em; padding: 0 25px 0 0; }
	}
/* End */


/* Charcoal Section: List */
.charcoalwrap2 { height: 750px; max-height: 750px; }
.charcoalbackimg2 { height: 100%; width: 100%; background-image: url(images/charcoalimg2.jpg); background-size: cover; background-position: 45% 0%; background-repeat: no-repeat; }
.charcoalcontent2 { height: 720px; max-height: 720px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.charcoalcontent2 ul { width: 450px; font-size: 22px; font-weight: bold; padding: 20px 0 0 80px; list-style-image: url(images/charcoalbulletpic1.png); }
.charcoalcontent2 li { margin-bottom: 30px; }
.charcoalbutton2 { display: block; padding: 0 0 0 80px; }
@media only screen and (max-width: 1023px){
		.charcoalwrap2 { height: 675px; max-height: 675px; }
		.charcoalcontent2 { height: 645px; max-height: 645px; }
		.charcoalcontent2 ul { width: 390px; font-size: 20px; padding: 20px 0 0 50px; }	
		.charcoalcontent2 li { margin-bottom: 20px; }
		.charcoalbutton2 { padding: 0 0 0 50px; }
	}
@media only screen and (max-width: 767px){
		.charcoalbackimg2 { background-position: 35% 50%; }
		.charcoalcontent2 ul { width: 360px; font-size: 1em; padding: 20px 0 0 35px; }	
		.charcoalcontent2 li { margin-bottom: 25px; }
		.charcoalbutton2 { padding: 0 0 0 25px; }
	}
@media only screen and (max-width: 479px){
		.charcoalwrap2 { height: 600px; max-height: 600px; }
		.charcoalbackimg2 { background-position: 20% 50%; }
		.charcoalcontent2 { height: 570px; max-height: 570px; }
		.charcoalcontent2 ul { width: 250px; font-size: .75em; padding: 20px 0 0 35px; }	
		.charcoalcontent2 li { margin-bottom: 20px; }
	}
/* End */


/* Packaging Section: Private Label & Contract */
.packagingwrap1 { height: 550px; max-height: 550px; }
.packagingbackimg1 { height: 100%; width: 100%; background-image: url(images/packagingimg1.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.packagingcontent1 { height: 520px; max-height: 520px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.packagingcontent1 h2 { width: 700px; font-size: 26px; padding: 25px 0 0 80px; }
.packagingcontent1 hr { width: 641px; clear: both; float: left; border: 4px solid #FFF; margin: -20px 0 0 0; }
.packagingcontent1 ul { width: 650px; font-size: 20px; font-weight: bold; padding: 0 0 0 80px; list-style-type: circle; }
.packagingcontent1 li { margin-bottom: 15px; }
.packagingbutton1 { display: block; padding: 0 0 0 80px; }
@media only screen and (max-width: 1023px){
		.packagingwrap1 { height: 450px; max-height: 450px; }
		.packagingcontent1 { height: 420px; max-height: 420px; }
		.packagingcontent1 h2 { width: 600px; font-size: 22px; padding: 25px 0 0 50px; }
		.packagingcontent1 hr { width: 524px; }
		.packagingcontent1 ul { width: 530px; font-size: 16px; padding: 0 0 0 50px; }
		.packagingbutton1 { padding: 0 0 0 50px; }
	}
@media only screen and (max-width: 767px){
		.packagingwrap1 { height: 430px; max-height: 430px; }
		.packagingbackimg1 { background-attachment: local; background-position: 0% 50%; }
		.packagingcontent1 { height: 400px; max-height: 400px; }
		.packagingcontent1 h2 { width: 350px; font-size: 1.1em; padding: 25px 0 0 25px; }
		.packagingcontent1 hr { width: 358px; border: 2px solid #FFF; margin-top: -13px; }
		.packagingcontent1 ul { width: 350px; font-size: 1em; padding: 0 0 0 25px; }
		.packagingbutton1 { padding: 0 0 0 25px; }
	}
@media only screen and (max-width: 479px){
		.packagingwrap1 { height: 390px; max-height: 390px; }
		.packagingcontent1 { height: 360px; max-height: 360px; }
		.packagingcontent1 h2 { width: 250px; font-size: .75em; padding: 25px 0 0 15px; }
		.packagingcontent1 hr { width: 241px; margin-top: -7px; }
		.packagingcontent1 ul { width: 250px; font-size: .75em; padding: 0 0 0 15px; }
		.packagingbutton1 { padding: 0 0 0 10px; }
	}
/* End */


/* Packaging Section: Bagging Services */
.packagingwrap2 { height: 500px; max-height: 500px; }
.packagingbackimg2 { height: 100%; width: 100%; background-image: url(images/packagingimg2.jpg); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; }
.packagingcontent2 { height: 470px; max-height: 470px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
.packagingcontent2 h2 { width: 400px; float: right; font-size: 26px; padding: 25px 80px 0 0; }
.packagingcontent2 hr { width: 336px; float: right; clear: both; border: 4px solid #FFF; margin: -20px 0 0 0; }
.packagingcontent2 ul { width: 530px; float: right; font-size: 20px; font-weight: bold; padding: 0 80px 0 0; margin-top: 5px; list-style-type: circle; direction: rtl; }
.packagingcontent2 li { margin-bottom: 15px; }
.packagingcontent2 a { text-decoration: none; font-weight: bolder; }
.packagingcontent2 a:hover { text-shadow: 4px 4px 4px #000; }
@media only screen and (max-width: 1023px){
		.packagingwrap2 { height: 400px; max-height: 400px; }
		.packagingcontent2 { height: 370px; max-height: 370px; }
		.packagingcontent2 h2 { width: 300px; font-size: 22px; padding: 25px 50px 0 0; }
		.packagingcontent2 hr { width: 265px; }
		.packagingcontent2 ul { width: 430px; font-size: 16px; padding: 0 50px 0 0; }
	}
@media only screen and (max-width: 767px){
		.packagingcontent2 h2 { width: 300px; font-size: 1.1em; padding: 25px 25px 0 0; }
		.packagingcontent2 hr { width: 177px; border: 2px solid #FFF; margin-top: -13px; }
		.packagingcontent2 ul { width: 350px; font-size: 1em; padding: 0 25px 0 0; }
	}
@media only screen and (max-width: 479px){
		.packagingwrap2 { height: 350px; max-height: 350px; }
		.packagingcontent2 { height: 320px; max-height: 320px; }
		.packagingcontent2 h2 { width: 250px; font-size: .75em; padding: 25px 15px 0 0; }
		.packagingcontent2 hr { width: 117px; border: 2px solid #FFF; margin-top: -7px; }
		.packagingcontent2 ul { width: 250px; font-size: .75em; padding: 0 15px 0 0; }
	}
/* End */


/* Contact Section: Address */
.contactwrap1 { height: 500px; max-height: 500px; }
.cantactbackimg1 { height: 100%; width: 100%; background-image: url(images/contactimg1.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.contactcontent1 { height: 470px; max-height: 470px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.contactcontentaddress { float: left; }
.contactcontent1 ul { width: 350px; font-size: 20px; font-weight: bold; padding: 30px 0 0 80px; list-style-type: none; }
.contactcontent1 li { margin-bottom: 0; }
.contactcontent1 a { text-decoration: none; font-weight: bolder; }
.contactcontent1 a:hover { text-shadow: 4px 4px 4px #333; }
.contactcontentmap { float: left; margin-left: 25px; }
@media only screen and (max-width: 1023px){
		.contactwrap1 { height: 400px; max-height: 400px; }
		.contactcontent1 { height: 370px; max-height: 370px; }
		.contactcontent1 ul { width: 250px; font-size: 16px; padding: 30px 0 0 50px; }
	}
@media only screen and (max-width: 767px){
		.contactwrap1 { height: 350px; max-height: 350px; }
		.contactcontent1 { height: 320px; max-height: 320px; }
		.contactcontentaddress { float: none; }
		.contactcontent1 ul { width: 250px; font-size: 1em; padding: 15px 0 0 25px; }
		.contactcontentmap { float: none; margin-left: 0; }
	}
@media only screen and (max-width: 479px){
		.contactwrap1 { height: 300px; max-height: 300px; }
		.contactcontent1 { height: 270px; max-height: 270px; }
		.contactcontent1 ul { width: 250px; font-size: 1em; padding: 15px 0 0 15px; }
	}
/* End */


/* Contact Section: Our Service Area */
.contactwrap2 { height: 650px; max-height: 650px; }
.contactbackimg2 { height: 100%; width: 100%; background-image: url(images/contactimg2.jpg); background-attachment: fixed; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.contactcontent2 { height: 620px; max-height: 620px; width: 90%; float: right; margin-top: 10px; text-align: right; overflow: hidden; }
.contactcontent2 h2 { width: 400px; float: right; font-size: 26px; padding: 10px 80px 0 0; }
.contactcontent2 hr { width: 334px; float: right; clear: both; border: 4px solid #FFF; margin: -20px 0 0 0; }
.contactcontent2 p { width: 550px; float: right; font-size: 20px; font-weight: bold; padding: 0 80px 0 0; margin-top: 5px; }
.contactcontent2 img { float: right; width: 500px; height: 282px; margin-top: 10px; padding: 0 80px 0 0; clear: both; }
@media only screen and (max-width: 1023px){
		.contactwrap2 { height: 550px; max-height: 550px; }
		.contactcontent2 { height: 520px; max-height: 520px; }
		.contactcontent2 h2 { width: 300px; font-size: 22px; padding: 10px 50px 0 0; }
		.contactcontent2 hr { width: 263px; }
		.contactcontent2 p { width: 450px; font-size: 16px; padding: 0 50px 0 0; }
		.contactcontent2 img { width: 400px; height: 225px; padding: 0 50px 0 0; }
	}
@media only screen and (max-width: 767px){
		.contactwrap2 { height: 530px; max-height: 530px; }
		.contactbackimg2 { background-attachment: local; background-position: 100% 100%; }
		.contactcontent2 { height: 500px; max-height: 500px; }
		.contactcontent2 h2 { width: 300px; font-size: 1.2em; padding: 10px 25px 0 0; }
		.contactcontent2 hr { width: 191px; border: 2px solid #FFF; margin-top: -13px; }
		.contactcontent2 p { width: 370px; font-size: 1em; padding: 0 25px 0 0; }
		.contactcontent2 img { width: 375px; height: 200px; padding: 0 25px 0 0; }
	}
@media only screen and (max-width: 479px){
		.contactwrap2 { height: 450px; max-height: 450px; }
		.contactcontent2 { height: 420px; max-height: 420px; }
		.contactcontent2 h2 { width: 250px; font-size: .75em; padding: 10px 15px 0 0; }
		.contactcontent2 hr { width: 115px; border: 2px solid #FFF; margin-top: -7px; }
		.contactcontent2 p { width: 250px; font-size: .75em; padding: 0 15px 0 0; }
		.contactcontent2 img { width: 275px; height: 150px; padding: 0 15px 0 0; }
	}
/* End */


/* Contact Section: Form */
.contactwrap3 { height: 800px; max-height: 800px; }
.contactbackimg3 { height: 100%; width: 100%; background-image: url(images/formimg1.jpg); background-size: cover; background-position: 0% 100%; background-repeat: no-repeat; }
.contactcontent3 { height: 770px; max-height: 770px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.contactcontent3 form { width: 800px; margin: 50px 0 0 80px; font-size: 20px; }
.contactcontent3 label { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
.contactcontent3 input { background: transparent; color: #FFF; border: 3px solid #FFF; font-size: 16px; font-weight: bold; }
.contactcontent3 .name { width: 255px; }
.contactcontent3 .floatleft { float: left; }
.contactcontent3 .floatleft2 { float: left; margin-left: 25px; }
.contactcontent3 .labelName { padding-left: 115px; font-size: 12px; }
.contactcontent3 .email { width: 550px; }
.contactcontent3 .subject { width: 550px; }
.contactcontent3 .phone { width: 250px; }
.contactcontent3 textarea { background: transparent; color: #FFF; font-size: 18px; font-weight: bold; border: 3px solid #FFF; width: 600px; height: 250px; }
.contactcontent3 .submit { font-size: 18px; width: 100px; height: 50px; font-weight: bold; }
.contactcontent3 .reset { font-size: 18px; width: 100px; height: 50px; font-weight: bold; margin-left: 25px; }
@media only screen and (max-width: 1023px){
		.contactcontent3 form { width: 550px; margin: 50px 0 0 40px; font-size: 18px; }
		.contactcontent3 input { font-size: 14px; }
		.contactcontent3 .name { width: 220px; }
		.contactcontent3 .labelName { padding-left: 95px; font-size: 10px; }
		.contactcontent3 .email { width: 480px; }
		.contactcontent3 .subject { width: 480px; }
		.contactcontent3 textarea { font-size: 16px; width: 500px; height: 250px; }
	}
@media only screen and (max-width: 767px){
		.contactcontent3 .floatleft { float: none; }
		.contactcontent3 .floatleft2 { float: none; margin-left: 0; margin-top: 10px; margin-bottom: -5px; }
		.contactcontent3 form { width: 450px; margin: 50px 0 0 40px; font-size: 1em; }
		.contactcontent3 input { font-size: 1em; }
		.contactcontent3 .name { width: 220px; }
		.contactcontent3 .labelName { padding-left: 105px; font-size: .75em; }
		.contactcontent3 .email { width: 350px; }
		.contactcontent3 .subject { width: 350px; }
		.contactcontent3 textarea { font-size: 1em; width: 360px; height: 250px; }
	}
@media only screen and (max-width: 479px){
		.contactwrap3 { height: 700px; max-height: 700px; }
		.contactcontent3 { height: 670px; max-height: 670px; }
		.contactcontent3 form { width: 300px; margin: 50px 0 0 40px; font-size: .75em; }
		.contactcontent3 input { font-size: .75em; }
		.contactcontent3 .name { width: 220px; }
		.contactcontent3 .email { width: 230px; }
		.contactcontent3 .subject { width: 230px; }
		.contactcontent3 textarea { font-size: .75em; width: 240px; height: 250px; }
	}
/* End */


/* Thank You  */
.thankyou { text-align: center; }
.thankyou h1 { font-size: 34px; font-weight: bold; }
.thankyou h2 { font-size: 24px; font-weight: bold; }
.thankyou a { font-size: 18px; text-decoration: none; font-weight: bolder; color: #FFF; }
.thankyou a:hover { text-shadow: 4px 4px 4px #333; }
/* End */


/* Sales Sheets  */
.sales { text-align: left; margin-left: 15px; }
.sales h2 { font-size: 24px; font-weight: bold; }
.sales ul { margin-left: 30px; }
.sales a { font-size: 18px; text-decoration: none; font-weight: bolder; color: #FFF; }
.sales a:hover { text-shadow: 4px 4px 4px #333; }
/* End */


/* Resources */
.resourceswrap1 { height: 850px; max-height: 850px; }
.resourcesbackimg1 { height: 100%; width: 100%;  background-image: url(images/resourcesimg1.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.resourcescontent1 { height: 820px; max-height: 820px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.resourcescontent1 h2 { width: 350px; font-size: 30px; padding: 125px 0 0 120px; }
.resourcescontent1 hr { width: 295px; clear: both; float: left; border: 4px solid #FFF; margin: -20px 0 0 0; }
.resourcescontent1 ul { width: 350px; font-size: 22px; font-weight: bold; padding: 0 0 0 120px; list-style-type: none; }
.resourcescontent1 li { margin-bottom: 20px; }
.resourcescontent1 a { font-weight: bolder; text-decoration: none; }
.resourcescontent1 a:hover { text-shadow: 4px 4px 4px #333; }
@media only screen and (max-width: 1023px){
		.resourceswrap1 { height: 750px; max-height: 750px; }
		.resourcescontent1 { height: 720px; max-height: 720px; }
		.resourcescontent1 h2 { width: 250px; font-size: 26px; padding: 125px 0 0 90px; }
		.resourcescontent1 hr { width: 241px; }
		.resourcescontent1 ul { width: 250px; font-size: 18px; padding: 0 0 0 90px; }
	}
/* End */


/* Sales Form */
.salesformcontent1 { height: 770px; max-height: 770px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.salesformcontent1 p { width: 800px; margin: 25px 0 0 80px; font-size: 16px; }
.salesformcontent1 form { width: 800px; margin: 25px 0 0 80px; font-size: 20px; }
.salesformcontent1 label { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
.salesformcontent1 input { background: transparent; color: #FFF; border: 3px solid #FFF; font-size: 16px; font-weight: bold; }
.salesformcontent1 .name { width: 255px; }
.salesformcontent1 .floatleft { float: left; }
.salesformcontent1 .floatleft2 { float: left; margin-left: 25px; }
.salesformcontent1 .labelName { padding-left: 115px; font-size: 12px; }
.salesformcontent1 .email { width: 550px; }
.salesformcontent1 .phone { width: 350px; }
.salesformcontent1 textarea { background: transparent; color: #FFF; font-size: 18px; font-weight: bold; border: 3px solid #FFF; width: 600px; height: 250px; }
.salesformcontent1 .submit { font-size: 18px; width: 100px; height: 50px; font-weight: bold; }
.salesformcontent1 .reset { font-size: 18px; width: 100px; height: 50px; font-weight: bold; margin-left: 25px; }
@media only screen and (max-width: 1023px){
		.salesformcontent1 p { width: 700px; margin: 25px 0 0 40px; font-size: 14px; }
		.salesformcontent1 form { width: 550px; margin: 25px 0 0 40px; font-size: 18px; }
		.salesformcontent1 input { font-size: 14px; }
		.salesformcontent1 .name { width: 220px; }
		.salesformcontent1 .labelName { padding-left: 95px; font-size: 10px; }
		.salesformcontent1 .email { width: 480px; }
		.salesformcontent1 .phone { width: 225px; }
		.salesformcontent1 textarea { font-size: 16px; width: 500px; height: 250px; }
	}
@media only screen and (max-width: 767px){
		.salesformcontent1 .floatleft { float: none; }
		.salesformcontent1 .floatleft2 { float: none; margin-left: 0; margin-top: 10px; margin-bottom: -5px; }
		.salesformcontent1 form { width: 450px; font-size: 1em; }
		.salesformcontent1 p { width: 400px; font-size: 1em; }
		.salesformcontent1 input { font-size: 1em; }
		.salesformcontent1 .name { width: 220px; }
		.salesformcontent1 .labelName { padding-left: 105px; font-size: .75em; }
		.salesformcontent1 .email { width: 350px; }
		.salesformcontent1 textarea { font-size: 1em; width: 360px; height: 250px; }
	}
@media only screen and (max-width: 479px){
		.salesformcontent1 { height: 670px; max-height: 670px; }
		.salesformcontent1 p { width: 300px; font-size: .75em; }
		.salesformcontent1 form { width: 300px; font-size: .75em; }
		.salesformcontent1 input { font-size: .75em; }
		.salesformcontent1 .name { width: 220px; }
		.salesformcontent1 .email { width: 230px; }
		.salesformcontent1 .phone { width: 175px; }
		.salesformcontent1 textarea { font-size: .75em; width: 240px; height: 250px; }
	}
/* End */


/* Form Page */
.formwrap1 { height: 1600px; max-height: 1600px; }
.formbackimg1 { height: 100%; width: 100%; background-image: url(images/formimg1.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.formcontent1 { height: 1570px; max-height: 1570px; width: 90%; float: left; margin-top: 10px; overflow: hidden; }
.formcontent1 p { width: 800px; margin: 25px 0 0 80px; font-size: 16px; }
.formcontent1 form { width: 800px; margin: 25px 0 0 80px; font-size: 20px; }
.formcontent1 label { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
.formcontent1 input { background: transparent; color: #FFF; border: 3px solid #FFF; font-size: 16px; font-weight: bold; }
.formcontent1 .floatleft { float: left; }
.formcontent1 .floatleft2 { float: left; margin-left: 25px; }
.formcontent1 .floatleft3 { float: left; margin-left: 25px; }
.formcontent1 .floatleft4 { float: left; margin-left: 25px; }
.formcontent1 .name { width: 350px; }
.formcontent1 .labelName { padding-left: 160px; font-size: 14px; }
.formcontent1 .email { width: 470px; }
.formcontent1 .info { width: 750px; }
.formcontent1 .city { width: 350px; }
.formcontent1 .state { width: 70px; }
.formcontent1 select { background: #FFF; border: 3px solid #FFF; color: #333; margin-top: -4px; }
.formcontent1 .zip { margin-left: 25px; width: 100px; }
.formcontent1 .zip2 { margin-left: 37px; }
.formcontent1 .phoneN { width: 350px; }
.formcontent1 .toRight { margin-left: 25px; }
.formcontent1 .leftChecks { float: left; }
.formcontent1 .rightChecks { float: left; margin-left: 75px; }
.formcontent1 textarea { background: transparent; color: #FFF; font-size: 18px; font-weight: bold; border: 3px solid #FFF; width: 600px; height: 250px; }
.formcontent1 .submit { font-size: 18px; width: 100px; height: 50px; font-weight: bold; }
.formcontent1 .reset { font-size: 18px; width: 100px; height: 50px; font-weight: bold; margin-left: 25px; }
@media only screen and (max-width: 1023px){
		.formwrap1 { height: 1500px; max-height: 1500px; }
		.formcontent1 { height: 1470px; max-height: 1470px; }
		.formcontent1 p { width: 700px; margin: 25px 0 0 50px; font-size: 14px; }
		.formcontent1 form { width: 700px; font-size: 16px; margin: 25px 0 0 50px; }
		.formcontent1 input { font-size: 12px; }
		.formcontent1 .name { width: 250px; }
		.formcontent1 .labelName { padding-left: 115px; font-size: 10px; }
		.formcontent1 .email { width: 390px; }
		.formcontent1 .info { width: 540px; }
		.formcontent1 .city { width: 225px; }
		.formcontent1 .zip { margin-left: 25px; width: 75px; }
		.formcontent1 .zip2 { margin-left: 40px; }
		.formcontent1 .phoneN { width: 225px; }
		.formcontent1 .toRight { margin-left: 20px; }
		.formcontent1 textarea { font-size: 14px; }
	}
@media only screen and (max-width: 767px){
		.formwrap1 { height: 1850px; max-height: 1850px; }
		.formcontent1 { height: 1820px; max-height: 1820px; }
		.formcontent1 p { width: 400px; font-size: 1em; }
		.formcontent1 form { width: 400px; font-size: 1.1em; }
		.formcontent1 input { font-size: 1em; }
		.formcontent1 .labelName { padding-left: 115px; font-size: .75em; }
		.formcontent1 .floatleft { float: none; }
		.formcontent1 .floatleft2 { float: none; margin-left: 0; margin-top: 25px; }
		.formcontent1 .floatleft3 { float: none; margin-left: 0; }
		.formcontent1 .floatleft4 { float: none; margin-left: 0; margin-top: 35px; }
		.formcontent1 .email { width: 250px; }
		.formcontent1 .info { width: 300px; }
		.formcontent1 .leftChecks { float: none; }
		.formcontent1 .rightChecks { float: none; margin-left: 0; margin-top: 20px; }
		.formcontent1 textarea { font-size: 1em; width: 300px; height: 250px; }
	}
@media only screen and (max-width: 479px){
		.formcontent1 p { width: 300px; font-size: .75em; margin: 25px 0 0 40px; }
		.formcontent1 form { width: 300px; font-size: 1em; margin: 25px 0 0 40px; }
		.formcontent1 input { font-size: .8em; }
		.formcontent1 .labelName { padding-left: 96px; font-size: .65em; }
		.formcontent1 .name { width: 200px; }
		.formcontent1 .email { width: 200px; }
		.formcontent1 .info { width: 230px; }
		.formcontent1 .city { width: 175px; }
		.formcontent1 .phoneN { width: 175px; }
		.formcontent1 .toRight { margin-left: 10px; }
		.formcontent1 textarea { font-size: .75em; width: 220px; height: 250px; }
	}
/* End */


/* Random CCS Codes */
.blue { color: #277DBF; }
.print { display: none; }
/* End */