.spec-hdr {
	background-color: #003a70 !important;
	padding: 12px 30px;
	/*width: 1168px;*/
	margin: auto;
	margin-left: 0px;
}
.spec-hdr > h1 {
	color: #ffffff;
	font-size: 36px;
	display: inline-block;
	margin: 0px;
}
.spec-hdr > h2 {
	color: #b4daef;
	font-size: 22px;
	display: inline-block;
	margin: 0px;
}

li.blue {
	margin-left: 160px !important;
	color: #003a70 !important;
	font-weight: normal !important;
        font-size: 19px !important;
        line-height: 28px !important;
        margin-bottom: 5px !important;
}
li.blue:hover {
	color: #666666 !important;
}
.tempimage {
	width: 1168px !important;
	margin-left: -14px !important;
	margin-top: -42px !important;
}
h1.contentheader {
	text-align: center !important;
	font-weight: 900 !important;
	color: #000000 !important;
	font-family: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif !important;
	font-size: 36px !important;
        margin-top: 35px !important;
        margin-bottom: 35px !important;
}
h2.sub {
	font-size: 28px !important;
	background-color: #003a70 !important;
	font-family: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif !important;
	font-weight: 400 !important;
	width: 1168px !important;
	margin-left: -14px !important;
	margin-top: -32px !important;
	padding-top: 2px !important;
	padding-bottom: 23px !important;
	padding-left: 20px !important;
        color: #b4daef;
}
p.comappscontent {
	width: 1000px !important;
	padding: 5px !important;
	margin: 0 auto !important;
	font-family: 'Open Sans', Arial, sans-serif !important;
        font-weight: 300 !important;
	font-style: italic !important;
	font-size: 19px !important;
	line-height: 28px !important;
	text-align: justify !important;
	margin-top: 10px !important;
        margin-bottom: 10px !important;
}
.dropcapblue {
        font-size: 42px !important;
        font-weight: 700 !important;
        color: #276d9f !important; 
}
.page-title {
	color: #ffffff !important;
	background-color: #003a70 !important;
	margin-left: -14px !important;
	padding-left: 20px !important;
	width: 1168px !important;
	margin-top: -32px !important;
	padding-top: 10px !important;
	text-transform: none !important;
	font-weight: 700 !important;
	font-family: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif !important;
	font-size: 38px !important;
}
#interactivewrapper {
	/*width: 1168px;*/
	margin: 0 auto;
	position: relative;
}
.mf-int {
	position: relative;
	/*width: 1168px;*/
	height: 658px;
	margin-bottom: -144px;
	z-index: 1;	
	background-size: cover;
}
#multifamilyinteractive {
	background-image: url('/wp-content/specpanels/saimages/multifamily.png');
}
#multifamilyinteractive1 {
	background-image: url('/wp-content/specpanels/saimages/multifamily1.png');
	display: none;
}
#multifamilyinteractive2 {
	background-image: url('/wp-content/specpanels/saimages/multifamily2.png');
	display: none;
}
#multifamilyinteractive3 {
	background-image: url('/wp-content/specpanels/saimages/multifamily3.png');
	display: none;
}
#multifamilyinteractive4 {
	background-image: url('/wp-content/specpanels/saimages/multifamily4.png');
	display: none;
}
#multifamilyinteractive5 {
	background-image: url('/wp-content/specpanels/saimages/multifamily5.png');
	display: none;
}
#sheathinghover {
	position: absolute;
	width: 889px;
	height: 322px;
	background-image: url('/wp-content/specpanels/saimages/mfsheathinghover.png');
	z-index: 3;
	margin-top: -461px;
	margin-left: 143px;
	display: none;
}
#shaftlinerhover {
	position: absolute;
	width: 140px;
	height: 494px;
	background-image: url('/wp-content/specpanels/saimages/mfshaftlinerhover.png');
	z-index: 3;
	margin-top: -467px;
	margin-left: 694px;
	display: none;
}
#impacthover {
	position: absolute;
	width: 97px;
	height: 97px;
	background-image: url('/wp-content/specpanels/saimages/mfimpacthover.png');
	z-index: 3;
	margin-top: -278px;
	margin-left: 234px;
	display: none;
}
#abusehover {	
        position: absolute;
	width: 257px;
	height: 225px;
	background-image: url('/wp-content/specpanels/saimages/mfabusehover.png');
	z-index: 3;
	margin-top: -403px;
	margin-left: 304px;
	display: none;
}
#moldhover {
	position: absolute;
	width: 177px;
	height: 115px;
	background-image: url('/wp-content/specpanels/saimages/mfmoldhover.png');
	z-index: 3;
	margin-top: -294px;
	margin-left: 383px;
	display: none;

}
#soundcontrol {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 5;
	margin-top: -455px;
	margin-left: 150px;
	cursor: pointer;
}
#soundcontrol img {
	width: 50px;
	height: 50px;
}
#soundcontrol:hover ~ #soundcontroltext {
	background-color: #000000 !important;
}
#soundcontroltext {
	position: absolute;
	z-index: 4;
	border-radius: 25px;
	background: #003a70;
	padding-left: 40px; 
	width: 120px;
	height: 40px;
	margin-left: 165px;
	margin-top: -452px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #ffffff;
	font: 15px "Open Sans";
	cursor: pointer;
}
#soundcontroltext span {
	color: #b5daee;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: -5px;
}
#soundcontroltext:hover {
	background-color: #000000 !important;
}
#comm1 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 648px;
	margin-top: -444px;
	cursor: pointer;
}

#comm2 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 805px;
	margin-top: -335px;
	cursor: pointer;
}
#comm3 {
position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 438px;
	margin-top: -380px;
	cursor: pointer;	
}
#comm4 {	
position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 258px;
	margin-top: -280px;
	cursor: pointer;
}
#comm5 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 458px;
	margin-top: -255px;
	cursor: pointer;
}
#clicknumorname {
	position: relative;
	color: #555555;
	font: 18px "Open Sans Condensed";
	font-weight: 300;
	text-align: center;
	padding-top: 15px;
	z-index: 999;
}
#featuredapplicationsarea {
	position: relative;
	background-color: #9cca63;
	width: 1060px;
	height: 95px;
	margin: 0 auto;
	margin-top: 10px;
	/*margin-left: 40px;*/
	border-radius: 20px 20px 0px 0px;
	z-index: 3;
}
#featuredapplicationsheaderarea {
	position: relative;
	z-index: 4;
	width: 330px;
	height: 30px;
	background-color: #003a70;
	border-radius: 20px 0px 20px 0px;
	color: #b5daee;
	font-family: "Open Sans";
	padding-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
#featapp1 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 370px;
	margin-top: -35px;
	cursor: pointer;
}
#featapp1text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 410px;
	margin-top: -35px;
	cursor: pointer;
}
#featapp2 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 670px;
	margin-top: -35px;
	cursor: pointer;
}
#featapp2text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 710px;
	margin-top: -35px;
	cursor: pointer;
}
#featapp3 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 65px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp3text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 105px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp4 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 370px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp4text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 410px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp5 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 670px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp5text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 710px;
	margin-top: 12px;
	cursor: pointer;
}
#featuredappdivline {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #000000;
	margin-top: 0px;
    margin-left: 0 !important;
}
#featuredapplicationsdescarea {
	position: relative;
	background-color: #b5daee;
	width: 1060px;
	height: 200px;
	margin: 0 auto;
	margin-top: 0px;
	border-radius: 0px 0px 20px 20px;
	z-index: 3;
}
#featuredapplicationsdescarea h1 {
	margin: 0px;
	padding-top: 10px;
	padding-left: 65px;
	color: #003a70;
	font: bold 25px "Open Sans";
}
#featuredapplicationsdescarea p {
	margin: 0px;
	margin-top: 5px;
	width: 800px;
	margin-left: 130px;
	color: #6c6c6c;
	font: 20px/25px "Open Sans Condensed";
	font-weight: 300;
}
.redapplink {
	font: 20px "Open Sans";
	color: #cf0a2c;
	margin-left: 5px;
}
.otherapps {
	color: #003a70 !important;
}
.otherapps span {
	font: 20px "Open Sans" !important;
}
#feat-no-selection {
	
}
#feat-1 {
	display: none;
}
#feat-1 a {
	text-decoration: none;
	color: inherit;
}
#feat-1 a:hover {
	text-decoration: underline;
}
#feat-2 {
	display: none;
}
#feat-2 a {
	text-decoration: none;
	color: inherit;
}
#feat-2 a:hover {
	text-decoration: underline;
}
#feat-3 {
	display: none;
}
#feat-3 a {
	text-decoration: none;
	color: inherit;
}
#feat-3 a:hover {
	text-decoration: underline;
}
#feat-4 {
	display: none;
}
#feat-4 a {
	text-decoration: none;
	color: inherit;
}
#feat-4 a:hover {
	text-decoration: underline;
}
#feat-5 {
	display: none;
}
#feat-5 a {
	text-decoration: none;
	color: inherit;
}
#feat-5 a:hover {
	text-decoration: underline;
}
#feat-sound {
	display: none;
}
#feat-sound a {
	text-decoration: none;
	color: inherit;
}
#feat-sound a:hover {
	text-decoration: underline;
}
.soundcontroliconfeat {
	position: absolute;
	margin-top: -105px;
	margin-left: 65px;
}
/*#multifamilyinteractive {margin-left: -14px !important; margin-top: -32px !important;}*/
.mf-int {margin-left: 0 !important; margin-top: -32px !important;}
#comm1 {font-size: 16px !important;}
#comm2 {font-size: 16px !important;}
#comm3 {font-size: 16px !important;}
#comm4 {font-size: 16px !important;}
#comm5 {font-size: 16px !important;}
#soundcontroltext {width: 140px !important; font-size: 13px !important;}
#soundcontroltext span {font-size: 11px !important;}
#featuredapplicationsheaderarea {height: 45px !important; font-size: 17px !important;}
#featapp1 {font-size: 16px !important;}
#featapp2 {font-size: 16px !important;}
#featapp3 {font-size: 16px !important;}
#featapp4 {font-size: 16px !important;}
#featapp5 {font-size: 16px !important;}
#featapp1 {margin-top: -30px !important;}
#featapp1text {margin-top: -30px !important;}
#featapp2 {margin-top: -30px !important;}
#featapp2text {margin-top: -30px !important;}
#featapp1line {display: none !important;}
#featapp12ine {display: none !important;}
#featapp13ine {display: none !important;}
#featapp14ine {display: none !important;}
#featuredappdivline { width: auto !important; }
/*#featuredapplicationsdescarea { margin-left: 0 !important;}*/
#categorylinkline {
	background-color: #aaaaaa;
	/*width: 1168px;*/
	height: 5px;
	z-index:9;
	position:relative;
	/*margin-left:-14px;*/
	margin-top:32px;
	top:-32px;
}

#OLD_categorylink {
	position: relative;
	background-color: #aaaaaa;
	height: 36px;
	width: 180px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	z-index: 9;
	/*font: 18px "Open Sans Condensed";*/
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #444444;
	margin-bottom: -30px;
	margin-left: 974px !important;
	margin-top: -37px;
	margin-bottom: -2px !important;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
}

#categorylink {
    position: absolute;
    top: 5px;
    right: 0px;
    /* position: relative; */
    background-color: #aaaaaa;
    height: 36px;
    width: 180px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 10px;
    z-index: 9;
    /* font: 18px "Open Sans Condensed"; */
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #444444;
    margin-bottom: -30px;
    margin-left: 974px !important;
    margin-top: -37px;
    margin-bottom: -2px !important;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
}

#categorylink a {
	color: #444444;
	text-decoration: none;
}
#categorylink a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.bottomcategorylink {display:none;}
@media screen and (max-width: 1200px) {
	.page-title {width: 958px !important;}
	.sub {width: 958px !important;}
	h2.sub {width: 958px !important;}
	.mf-int {width: auto !important; height: 540px !important; background-size: contain;}
	#clicknumorname {width: 958px !important; padding-top: 40px !important; margin-bottom: -30px !important}
	#featuredapplicationsarea {width:900px !important; height: 65px !important; margin-top: 45px !important; margin-left: 15px !important;}
	#featuredapplicationsheaderarea {height: 30px !important; font-size: 13px !important; line-height: 10px !important;}
	#featapp1 {margin-top: -25px !important;}
	#featapp1text {margin-top: -24px !important; font-size: 16px !important;}
	#featapp2 {margin-top: -25px !important; margin-left: 620px !important;}
	#featapp2text {margin-top: -24px !important; margin-left: 660px !important; font-size: 16px !important;}
	#featapp3 {margin-top: 5px !important;}
	#featapp3text {margin-top: 6px !important; font-size: 16px !important;}
	#featapp4 {margin-top: 5px !important;}
	#featapp4text {margin-top: 6px !important; font-size: 16px !important;}
	#featapp5 {margin-top: 5px !important; margin-left: 620px !important;}
	#featapp5text {font-size: 16px !important; margin-left: 660px !important; margin-top: 6px !important}
	#featuredappdivline {width: auto !important;}
	#featuredapplicationsdescarea {width: 900px !important; height: auto !important; padding-bottom: 30px !important; margin-left: 15px !important;}
	#featuredapplicationsdescarea p {width: 720px !important;}
	#soundcontrol {margin-top: -337px !important; margin-left: 40px !important;}
	#soundcontroltext {margin-top: -332px !important; margin-left: 55px !important;}
	#comm1 {margin-left: 530px !important; margin-top: -343px !important;}
	#comm2 {margin-left: 655px !important; margin-top: -254px !important;}
	#comm4 {margin-left: 198px !important; margin-top: -214px !important;}
	#comm3 {margin-left: 355px !important; margin-top: -296px !important;}
	#comm5 {margin-left: 370px !important; margin-top: -194px !important;}
	#sheathinghover {width: 729px !important; height: 264px !important; background-size: contain !important; margin-top: -352px !important; margin-left: 115px !important;}
	#shaftlinerhover {width: 115px !important; height: 405px !important; background-size: contain !important; margin-top: -358px !important; margin-left: 566px !important;}
	#impacthover {width: 80px !important; height: 80px !important; background-size: contain !important; margin-top: -203px !important; margin-left: 189px !important;}
	#abusehover {width: 211px !important; height: 185px !important; background-size: contain !important; margin-top: -305px !important; margin-left: 247px !important;}
	#moldhover {width: 145px !important; height: 94px !important; background-size: contain !important; margin-top: -215px !important; margin-left: 312px !important;}

	#categorylinkline {width: 958px !important;}
	#categorylink {margin-left: 764px !important;}
}
@media screen and (max-width: 1000px) {
	.mf-int {width: auto !important; height: 380px !important; background-size: cover !important; background-image:url('/wp-content/specpanels/multifamilysmall2.jpg');}
	#comm1,#comm2,#comm3,#comm4,#comm5,#soundcontrol,#soundcontroltext,#featuredappdivline,#featuredapplicationsdescarea,#clicknumorname {display: none !important;}
	.page-title {width: 750px !important; font-size: 33px !important}
	h2.sub {width: 750px !important; font-size: 24px !important; padding-top: 10px !important; padding-bottom: 15px !important;}
	#featuredapplicationsarea {width: auto !important; height: 600px !important; margin-top: 140px !important; margin-left: 0 !important; border-radius: 0px 0px 0px 0px !important;}
	#featuredapplicationsheaderarea {width: 375px !important; border-radius: 0px 0px 20px 0px !important; height: 50px !important; font-size: 20px !important; line-height: 30px !important;}
	#featapp1 {margin-top: 25px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp1text {margin-left: 130px !important; margin-top: 32px !important; font-size: 25px !important;}
	#featapp2 {margin-top: 90px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp2text {margin-left: 130px !important; margin-top: 97px !important; font-size: 25px !important;}
	#featapp3 {margin-top: 155px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp3text {margin-left: 130px !important; margin-top: 162px !important; font-size: 25px !important;}
	#featapp4 {margin-top: 220px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp4text {margin-left: 130px !important; margin-top: 227px !important; font-size: 25px !important;}
	#featapp5 {margin-top: 285px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp5text {margin-left: 130px !important; margin-top: 292px !important; font-size: 25px !important;}
	#featapp1line {display: block !important; height: 1px !important; width: 750px !important; background-color: #ffffff !important; margin-top: 85px !important; margin-bottom: -80px !important;}
	#featapp2line {display: block !important; height: 1px !important; width: 750px !important; background-color: #ffffff !important; margin-top: 150px !important; margin-bottom: -145px !important;}
	#featapp3line {display: block !important; height: 1px !important; width: 750px !important; background-color: #ffffff !important; margin-top: 215px !important; margin-bottom: -210px !important;}
	#featapp4line {display: block !important; height: 1px !important; width: 750px !important; background-color: #ffffff !important; margin-top: 280px !important; margin-bottom: -275px !important;}
	#featuredapplicationsarea {height: 420px !important;}
	h1.contentheader {font-size: 40px !important;}
	p.comappscontent {width: 600px !important;}
	#categorylinkline {width: auto !important;}
	#categorylink {margin-left: 556px !important;}
}
@media screen and (max-width: 768px) {
	#interactivewrapper {width: auto !important;}
	.page-title {width: auto !important; padding-right: 40px !important; margin-left:-15px !important;}
	h2.sub {width: 108% !important; padding-right: 40px !important; margin-left: -15px !important;}
	.mf-int {width: auto !important; height: 0px !important; padding-top: 50% !important; background-size: contain !important; margin-left: 0px !important;}
	#featuredapplicationsarea {width: auto !important;}
	h1.contentheader {width: 100% !important;}
	p.comappscontent {width: 100% !important; padding-right: 25px !important; padding-left: 25px !important;}
	li.blue {margin-left: 60px !important;}
	#categorylinkline {display:none !important;}
	#categorylink {display:none !important;}
	.bottomcategorylink {display:block;}
	#featapp1text {font-size: 22px !important;}
	#featapp2text {font-size: 22px !important;}
	#featapp3text {font-size: 22px !important;}
	#featapp4text {font-size: 22px !important;}
	#featapp5text {font-size: 22px !important;}
}