@font-face {
    font-family: 'DINSchriftBoldCond';
    src: url('../fonts/dngbc__-webfont.eot');
    src: url('../fonts/dngbc__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dngbc__-webfont.woff') format('woff'),
         url('../fonts/dngbc__-webfont.ttf') format('truetype'),
         url('../fonts/dngbc__-webfont.svg#DINSchriftBoldCond') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin:0;padding:0;} 
html, body {;background:url('images/bg.jpg') repeat #dedede;}
a img {border:none;}
a {
	outline:none;
	-webkit-transition: all 0.3s ease-in;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-in;  /* FF4+ */
	-ms-transition: all 0.3s ease-in;  /* IE10? */
	-o-transition: all 0.3s ease-in;  /* Opera 10.5+ */
	transition: all 0.3s ease-in;}


#nav {height:101px; background:url('../images/nav-bg.png') top left repeat-x;position:relative;z-index:999999999999;float: left;width: 100%;margin:-101px 0px 0px 0px;*margin:15px 0px 0px 0px;}
#nav ul {list-style:none;margin:0 auto;padding:0;right:50%;text-align:center;position:relative;float:right;}
#nav li {margin:0;padding:0;}
#nav a {margin:0;padding:0;text-decoration:none;}

#nav > ul > li {float:left;position:relative;margin-top:24px;left:50%;}
#nav > ul > li .logo {margin-top:-7px;}
#nav > ul > li > a {color:#fff;text-shadow:1px 1px 4px #70090e;font-family: 'DINSchriftBoldCond',sans-serif;font-size:23px;text-transform:uppercase;line-height: 70px;padding: 15px 18px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

#nav > ul > li > a:hover {color:#fff;}

#nav > ul > li > ul {opacity:0;visibility:hidden;padding:16px 0 20px 0;background-color:rgb(250,250,250);text-align:left;position:absolute;top:55px;left:50%;margin-left:-140px;width:280px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#nav > ul > li:hover > ul {opacity:1;top:65px;visibility:visible;}

#nav > ul > li > ul:before{content: '';display:block;border-color:transparent transparent rgb(250,250,250) transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px;}

#nav > ul ul > li {position: relative;}

#nav ul ul a{
    color: rgb(50,50,50);
    font-family: Verdana, 'Lucida Grande';
    font-size: 13px;
    background-color: rgb(250,250,250);
    padding: 5px 8px 7px 16px;
    display: block;
border-bottom:1px dotted #ccc;
margin:0px 11px;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#nav ul ul a:hover {background-color: rgb(240,240,240);}

#nav ul ul ul {visibility:hidden;opacity:0;position:absolute;top:-16px;z-index:999999999999999999999999999999999999;margin-left:28px;padding:16px 0 20px 0;background-color:rgb(250,250,250);text-align:left;width:160px;
-webkit-transition: all 1s;
   -moz-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#nav ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}
#nav ul ul a:hover{background-color:rgb(205,44,36);color:rgb(240,240,240);}

#home-head {height:437px;background:url('../images/head-bg.jpg') top left repeat-x;margin-top:116px;}

	/* SLIDESHOW */
	
	#home-slideshow {position:relative;width:959px;height:393px;margin:0 auto;}
	#home-slideshow img {position:absolute;top:0;left:0;z-index:8;opacity:0.0;padding:15px 0px 0px 0px;}
	#home-slideshow img.active {z-index:10;opacity:1.0;}
	#home-slideshow img.last-active {z-index:9;}
		#since1962 {position:relative;width:178px;height:61px;margin:0 auto;margin-top:-24px;z-index:9999;}
	
#main {width:100%;height:auto;background:white;}
	#home-content-container {overflow:auto;width:940px;height:auto;margin:0 auto;padding-top:25px;}
		#home-content-container h1 {font-family: 'DINSchriftBoldCond',sans-serif;font-size:48px;font-weight:normal;color:#363636;letter-spacing:-1px;text-align:center;}
		#home-content-container p {font-family:verdana,tahoma,arial,sans-serif;color:#363636;font-size:11px;line-height:18px;}
		#home-content-container p a, #home-content-container ul li a {color:#e51b24;text-decoration:none;border-bottom:1px dotted #e51b24;}
		#home-content-container p a:hover, #home-content-container ul li a:hover {color:#363636;border-bottom:1px dotted #363636;}
		
		#home-info {width:940px;height:auto;margin:10px 0px 0px 0px;overflow:auto;}
			#home-info-left {float:left;width:286px;padding:10px 20px 0px 0px;}
			#home-info-center {float:left;width:286px;border-right:1px solid #c4c4c4;border-left:1px solid #c4c4c4;padding:10px 20px 28px 20px;}
			#home-info-right {float:left;width:286px;padding:10px 0px 0px 20px;}
		#home-buttons {width:940px;overflow:hidden;padding:50px 0px 50px 0px;}
		#home-buttons p {font-family:verdana,tahoma,arial,sans-serif;color:#363636;font-size:10px;line-height:14px;margin:10px 0px;padding:0px 35px 0px 0px;}

			#home-buttons-1 {float:left;width:220px;margin-right:20px;}
				span.btn1 {float:left;width:220px;height:44px;background:url('../images/btn-nema.png') top left no-repeat scroll;margin-bottom:15px;
			    transition: background .25s ease-in-out;
			    -moz-transition: background .25s ease-in-out;
			    -webkit-transition: background .25s ease-in-out;
				}
				span.btn1:hover {float:left;width:220px;height:44px;background:url('../images/btn-nema.png') bottom left no-repeat scroll;}
			#home-buttons-2 {float:left;width:220px;margin-right:20px;}
				span.btn2 {float:left;width:220px;height:44px;background:url('../images/btn-energy-calc.png') top left no-repeat scroll;margin-bottom:15px;
				transition: background .25s ease-in-out;
			    -moz-transition: background .25s ease-in-out;
			    -webkit-transition: background .25s ease-in-out;
				}
				span.btn2:hover {float:left;width:220px;height:44px;background:url('../images/btn-energy-calc.png') bottom left no-repeat scroll;}
			#home-buttons-3 {float:left;width:220px;margin-right:20px;}
				span.btn3 {float:left;width:220px;height:44px;background:url('../images/btn-voltage-calc.png') top left no-repeat scroll;margin-bottom:15px;
				transition: background .25s ease-in-out;
			    -moz-transition: background .25s ease-in-out;
			    -webkit-transition: background .25s ease-in-out;
				}
				span.btn3:hover {float:left;width:220px;height:44px;background:url('../images/btn-voltage-calc.png') bottom left no-repeat scroll;}
			#home-buttons-4 {float:left;width:220px;}
				span.btn4 {float:left;width:220px;height:44px;background:url('../images/btn-wire-estimator.png') top left no-repeat scroll;margin-bottom:15px;
				transition: background .25s ease-in-out;
			    -moz-transition: background .25s ease-in-out;
			    -webkit-transition: background .25s ease-in-out;
				}
				span.btn4:hover {float:left;width:220px;height:44px;background:url('../images/btn-wire-estimator.png') bottom left no-repeat scroll;}
	
#bottom-shadow {width:100%;height:41px;background:url('../images/bottom-shadow.png') bottom left repeat-x;}

#footer {position:relative;height:150px;margin:10px 0px 0px 0px;font-family:verdana,tahoma,arial,sans-serif;} 
	#footer ul {padding:0px 0px 4px 0px;list-style-type:none;width:850px;margin:0 auto;text-align:center;}
		#footer li {display:inline;padding:0px 26px 0px 10px;background:url('../images/footer-divider.gif') right no-repeat scroll;}
		#footer a {color:#363636;text-decoration:none;font-weight:bold;font-size:11px;}
			#footer a:hover {color:#e51b24;}
			#footer .last {border:0;background:none;padding:0px 10px 0px 10px;}

	#footer p {font-family:verdana,tahoma,arial,sans-serif;color:#363636;text-align:center;font-size:11px;line-height:22px;}
	#footer p.spacing a {margin:5px 10px;}
	#footer p.footer-logos img {margin:20px 27px 0px 27px;height:50px;width:auto;}
	#footer p a {color:#363636;text-decoration:none;font-weight:bold;}
	#footer p a:hover {color:#e51b24;}
	
/*------------------INTERIOR PAGES-----------------------*/

	#interior-content-container {overflow:auto;width:940px;height:auto;margin:0 auto;padding:25px 0px 50px 0px;}
		#interior-content-container h1 {font-family: 'DINSchriftBoldCond',sans-serif;font-weight:normal;font-size:48px;line-height:50px;margin:0px 0px 25px 0px;color:#363636;letter-spacing:-1px;text-align:left;}
		#interior-content-container h2 {font-family: 'DINSchriftBoldCond',sans-serif;font-weight:normal;font-size:24px;color:#e51b24;letter-spacing:-1px;text-align:left;margin:35px 0px 15px 0px;}
		#interior-content-container h3 {font-family:verdana,tahoma,arial,sans-serif;font-size:14px;color:#707070;font-weight:bold;letter-spacing:-1px;text-align:left;margin:5px 0px 0px 0px;}
		#interior-content-container p {font-family:verdana,tahoma,arial,sans-serif;color:#363636;font-size:11px;line-height:18px;margin:8px 0px;}
		#interior-content-container p a, #interior-content-container ul li a {color:#e51b24;text-decoration:none;border-bottom:1px dotted #e51b24;}
		#interior-content-container p a:hover, #interior-content-container ul li a:hover {color:#363636;border-bottom:1px dotted #363636;}
		#interior-content-container ul {margin:0px 0px 20px 50px;font-family:verdana,tahoma,arial,sans-serif;color:#363636;font-size:11px;line-height:18px;}
		#interior-content-container li {list-style-type:none;margin:5px 0px;padding:0 0 1px 20px;background:url('../images/bkg-li-arrow.gif') 0 5px no-repeat scroll;}
		
		#interior-head {height:60px;background:url('../images/interior-head-bg.jpg') top left repeat-x;margin-top:116px;}
		
		#interior-left {width:280px;float:left;padding:0px 20px 0px 0px;border-right:1px solid #C4C4C4;}
			#interior-left .interior-main-img img {width:264px;height:auto;padding:7px;border:1px solid #bcbcbc;
			  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android =1.6 */
			  border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
			  /* useful if you don't want a bg color from leaking outside the border: */
			  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
			  
			  -webkit-box-shadow: 1px 1px 3px 0px #ccc; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
					  box-shadow: 1px 1px 3px 0px #ccc; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
			}
			#interior-left .photo-description {background:#fafafa;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:0px 10px;margin:15px 0px 25px 0px;}
				#interior-left .photo-description p {font-size:9px;line-height:14px;padding:0px;margin:15px 0px;}
			#interior-left span.contact-btn {float:left;width:300px;height:41px;background:url('../images/contact-btn.png') top left no-repeat scroll;margin:35px 0px;
			    transition: background .25s ease-in-out;
			    -moz-transition: background .25s ease-in-out;
			    -webkit-transition: background .25s ease-in-out;
				}
			#interior-left span.contact-btn:hover {float:left;width:300px;height:41px;background:url('../images/contact-btn.png') bottom left no-repeat scroll;}
			#interior-left .address h3 {text-align:right;font-size:14px;color:#E51B24;letter-spacing:1px;font-family: 'DINSchriftBoldCond',sans-serif;font-weight:normal;}
			#interior-left .address p {text-align:right;font-size:10px;padding:0px 0px 20px 0px;}
			
		#interior-right {width:600px;float:left;margin:0px 0px 0px 20px;}
		#breadcrumb {display:block;margin:15px 0 25px 0;padding:0 0 10px 0;border-bottom:1px dotted #CCC;text-transform:uppercase;font:10px/1.5em Verdana,Arial,sans-serif;}
			#breadcrumb a {color:#E51B24;font-weight:bold;text-decoration:none;border-bottom:1px dotted #E51B24;}
			#breadcrumb a:hover {color:#363636;text-decoration:none;border-bottom:1px dotted #363636;}

		#footer-interior {position:relative;height:80px;margin:10px 0px 0px 0px;font-family:verdana,tahoma,arial,sans-serif;} 
			#footer-interior ul {padding:0px 0px 4px 0px;list-style-type:none;width:850px;margin:0 auto;text-align:center;}
			#footer-interior li {display:inline;padding:0px 26px 0px 10px;background:url('../images/footer-divider.gif') right no-repeat scroll;}
			#footer-interior a {color:#363636;text-decoration:none;font-weight:bold;font-size:11px;}
				#footer-interior a:hover {color:#e51b24;}
				#footer-interior .last {border:0;background:none;padding:0px 10px 0px 10px;}

		#footer-interior p {color:#363636;text-align:center;font-size:11px;line-height:22px;}
		#footer-interior p.spacing a {margin:5px 10px;}
		#footer-interior p.footer-logos img {margin:20px 27px 0px 27px;height:50px;width:auto;}
		#footer-interior p a {color:#363636;text-decoration:none;font-weight:bold;}
		#footer-interior p a:hover {color:#e51b24;}

/*------------------CONTACT FORM-----------------------*/

.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}

#contact-form {width:590px;height:auto;font-family:verdana,arial,sans-serif;}

#contact-form label {width:65px;float:left;font-weight:bold;padding:5px 5px 5px 20px;margin:5px 0px;font-size:12px;color:#363636;}
	#contact-form label.zip {width:50px;float:left;font-weight:bold;}
	#contact-form label.office {width:110px;font-size:10px;text-transform:uppercase;margin-left:10px;background:#E51B24;color:#fff;}
#contact-form input {float:left;border:1px solid #BCBCBC;background:#FAFAFA;color:#363636;margin:5px 0px;font-family:verdana,arial,sans-serif;
 -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android =1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
	  /* useful if you don't want a bg color from leaking outside the border: */
  	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	}
	#contact-form input.radio {width:15px;height:auto;margin:10px 0px 0px 19px;}
#contact-form .long {width:479px;padding:5px;} /*longer input fields*/
#contact-form .medium {width:170px;padding:5px;} /*zipcode*/
#contact-form .small {width:79px;padding:5px;} /*zipcode*/
#contact-form .ultrasmall {width:40px;padding:5px;} /*state*/
#contact-form .larger {width:100%;margin:5px 0px;} /*comments and questions label*/
#contact-form textarea {margin:0px 0px 0px 90px;width:480px;padding:5px;height:110px;border:1px solid #BCBCBC;background:#FAFAFA;color:#363636;font-family:verdana,arial,sans-serif;
 -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android =1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  	/* useful if you don't want a bg color from leaking outside the border: */
 	 -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	}
#contact-form .submit-btn {width:100px;height:30px;font-size:15px;text-transform:uppercase;letter-spacing:1px;border:1px solid #a9131a;background:#E51B24;color:#fff;float:right;margin:5px 6px 0px 0px;font-family: 'DINSchriftBoldCond',sans-serif;font-weight:normal;}
	#contact-form .submit-btn:hover {background:#9e9e9e;color#363636;border:1px solid #5d5d5d;}

#contact-form select {width:268px;padding:5px;margin-bottom:5px;margin-left:90px;font-family:verdana,arial,sans-serif;border-radius:12px;border:1px solid #BCBCBC;}

span.required {color:#E51B24;}

#interior-content-container #interior-right ul.idTabs {border:none;width:100%;overflow:auto;margin:0px;padding:0px;}
#interior-content-container #interior-right ul.idTabs li {border:none;background:none;float:left;margin:0px;padding:0px;height:45px;}
#interior-content-container #interior-right ul.idTabs li a {border:none;width:160px;padding:4px 15px;font-weight:bold;letter-spacing:2px;font-size:10px;text-transform:uppercase;margin:0px 30px 0px 0px;background:#E51B24;color:#fff;}
#interior-content-container #interior-right ul.idTabs li a:hover {border:none;background:#363636;color:#fff;}
#interior-content-container #interior-right ul.idTabs li a.selected {background:url('../images/arrow.png') no-repeat left #363636;color:#fff;border:none;padding-left:35px;}

/*------------------ETOOL CALCULATOR STYLES-----------------------*/

#estimator-container {width:500px;margin:30px auto;}

#estimator-container p {float:left;width:100%;margin:2px 0px;}
#estimator-container span.highlight {color:#b80007;}

#estimator-container .calculator-top {width:100%;overflow:auto;height:auto;overflow:auto;padding:10px 0px;border:1px dotted gray;border-radius:5px;}
	#estimator-container label {width:255px;text-align:right;float:left;font-family:verdana,tahoma,arial,sans-serif;color:#363636;font-size:11px;margin-right:15px;}
	#estimator-container input {width:70px;float:left;font-family:verdana,tahoma,arial,sans-serif;color:#111;font-weight:bold;font-size:11px;padding:1px 4px;margin-right:5px;}
	#estimator-container select {width:350px;float:left;font-family:verdana,tahoma,arial,sans-serif;color:#111;font-weight:bold;font-size:11px;padding:2;margin-right:5px;}
	#estimator-container .calculator-top p {width:360px;margin:0px 0px 10px 75px;text-align:left;}

	#estimator-container p.calculate-btn {width:100%;height:20px;margin-top:30px;text-align:center;margin:13px 0px 20px 0px;}
		#estimator-container p.calculate-btn a {display:block;color:#fff;font-size:20px;background:#c80e17;padding:5px 0px;text-transform:uppercase;border:none;font-family: 'DINSchriftBoldCond',sans-serif;outline:1px solid #a9131a;border-top:1px solid #fcc2c4;border-bottom:1px solid #fcc2c4;}
		#estimator-container p.calculate-btn a:hover {background:#363636;outline:1px solid #454545;border-top:1px solid #b3afaf;border-bottom:1px solid #b3afaf;}

#estimator-container .results {width:100%;height:auto;overflow:auto;padding:10px 0px;border:1px dotted gray;border-radius:5px;margin:0px 0px 15px 0px;
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f2f2f2, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #f2f2f2, #ffffff); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #f2f2f2, #ffffff); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #f2f2f2, #ffffff); /* Firefox 16+ */
}
	#estimator-container .results label {width:290px;}
		#estimator-container .results label.small-bottom-label {width:230px;}
	#estimator-container .results input {color:#E51B24;}
	#estimator-container p.bottom-title {border-bottom:1px dotted gray;border-top:1px solid black;background:white;width:100%;text-align:center;font-size:14px;font-weight:bold;margin:15px 0px 15px 0px;padding:5px 0px;}
	#estimator-container p.top-title {border-bottom:1px dotted gray;border-top:1px solid black;background:#FAFAFA;width:100%;text-align:center;font-size:14px;font-weight:bold;margin:15px 0px 15px 0px;padding:5px 0px;}
	#estimator-container p input.resultBold {height:30px;width:160px;}
	#estimator-container p input.in-text-input {float:none;}
	#estimator-container p.bottom-cost-of-wait {text-align:center;background:white;font-weight:bold;border-top:1px solid black;margin-top:15px;padding:8px 0px 0px 0px;}

#estimator-container .vdrop-result-box {width:170px;}
#vdrop label {width:220px;}
.dropdown {margin:10px 0px 10px 75px;}