@font-face {
    font-family: 'KnockHTF34JunSum';
    src: url('../font/KnockHTF34JunSum.eot');
    src: url('../font/KnockHTF34JunSum.eot?#iefix') format('embedded-opentype'),
         url('../font/KnockHTF34JunSum.woff') format('woff'),
         url('../font/Knockout-HTF34-JuniorSumo.ttf') format('truetype'),
         url('../font/KnockHTF34JunSum.svg#KnockHTF34JunSum') format('svg');
    font-weight: normal;
    font-style: normal;

}








.navbar .container, .container, .footer .container, .wrapper {width:1500px; margin:auto; position: relative;}

/* .nav li{position: relative;} */
.nav  li .drop {display:none; list-style-type: none;}
.nav  li:hover .drop  {display: block;}

.space {margin: 15px;}
.steel-menu { float:right; margin-bottom: -40px; margin-top: -5px; width: 350px;}
.navbar-inner {background: url(../img/ux/blueStripe.jpg) repeat;}
.logo {float:left;}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding:0px;}
.navbar .brand {margin:15px 0px 0px 0px; padding:0px;}
.jumbotron {margin-top: 150px;}
h1, h2, h3, h4 ,h5 {font-family: 'KnockHTF34JunSum'; font-weight: normal; text-transform: capitalize;}
h1 {font-size: 42px; /* margin-top: -2px; margin-bottom: 36px;  */}
.wrapper h1 {padding: 40px 0;}
a {font-family: 'KnockHTF34JunSum';}
p {font-family: arial; font-size: 18px; line-height: 25px;}
.button-bg {font-family: 'KnockHTF34JunSum'; font-weight: normal; background: url(../img/ux/contact-button.png) no-repeat; height: 38px; width: 141px; border: none; margin-top: -77px; margin-left: 277px;}
.button-bg:hover {font-family: 'KnockHTF34JunSum'; font-weight: normal; background: url(../img/ux/contact-button-hover.png) no-repeat; height: 38px; width: 141px; border: none; color: #EDA10D;}
.orange:hover { background: url(../img/ux/arrow_b.png) no-repeat; width: 20px; height: 12px;} 

.shade {background: url(../img/blue.png) repeat-y; height:50%; padding:60px; opacity: 0.9; position: relative;}
.info h1, .info p {width: 50%; color: white;}
.lead {width:60%;}
.lead a { color:#eda10d;  font-size: 20px;}
.lead a img {padding-left:10px;}
.lead a:hover, .lead a:focus { text-decoration: none;}
.carousel-caption {background: url(../img/blue.png) repeat-y; padding:60px; color: white;}
.carousel-caption p {font-size: 18px; }
.navbar:before, .navbar:after { background: url(../img/ux/bg.jpg) repeat-y; content: "";
    display: table;
    line-height: 0; height:5px; width:100%;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 666;

    -moz-box-shadow: 0px 2px 20px #000;
    -webkit-box-shadow: 0px 2px 20px #000;
    box-shadow: 0px 2px 20px #000;


}
.carousel-inner {width: 1500px; margin: auto; -moz-box-shadow: 0px 1px 20px #000;
    -webkit-box-shadow: 0px 1px 20px #000;
    box-shadow: 0px 1px 20px #000;}
ul.btm {background: url(../img/nav_tabs/horz_steal.jpg) no-repeat; list-style: none; width: 1500px; margin: auto; height: 121px; -moz-box-shadow: 0px 1px 20px #000;
    -webkit-box-shadow: 0px 1px 20px #000;
    box-shadow: 0px 1px 20px #000;}
.navbar .nav {float:right; margin-top:50px;}
ul.btm li {float:left; height: 105px; width: 233px; margin: 8px; }
/* ul.btm li.oil:hover {background: #eda10d; opacity: 0.4;} */
.btm li.oil {background: url(../img/nav_tabs/oilngas.png) no-repeat;}
.btm li.oil:hover {background: url(../img/nav_tabs/oilngas-hover.png) no-repeat;}
.btm li.min {background: url(../img/nav_tabs/min.jpg) no-repeat;}
.btm li.min:hover {background: url(../img/nav_tabs/min-hover.jpg) no-repeat;}
.btm li.pwr {background: url(../img/nav_tabs/power.jpg) no-repeat;}
.btm li.pwr:hover {background: url(../img/nav_tabs/power-hover.jpg) no-repeat;}
.btm li.cment {background: url(../img/nav_tabs/cement.jpg) no-repeat;}
.btm li.cment:hover {background: url(../img/nav_tabs/cement-hover.jpg) no-repeat;}
.btm li.fab {background: url(../img/nav_tabs/special.jpg) no-repeat;}
.btm li.fab:hover {background: url(../img/nav_tabs/special-hover.jpg) no-repeat;}
.btm li.gment {background: url(../img/nav_tabs/govern.png) no-repeat;}
.btm li.gment:hover {background: url(../img/nav_tabs/govern-hover.png) no-repeat;}
ul.btm li a {  vertical-align: middle; color:#eda10d; text-decoration: none; display: block;  text-align :center; background: url(../img/ux/arrow2.png) no-repeat 185px center; margin-top:45px;}
ul.btm li a img {vertical-align: middle;  margin-left:10px; margin-top:-5px;}
/* ul.btm li.lin img {margin-top:-20px;} */
ul.btm li.lin a { margin-top:32px;}

.dropdown-menu ul.drop {display: none; text-decoration: none; list-style: none; margin: 0;}

.nav .dropdown-menu li ul.drop {display:none; position: relative !important;}
.nav .dropdown-menu li:hover ul.drop {display: block;}

/* .arr a { background: url(../img/ux/arw3.png) no-repeat 125px center; } */

.dropdown-menu ul.drop >li > a {
 display: block;
  padding: 7px 15px;
  clear: both;
  text-indent: 10px;
  font-weight: normal;
  line-height: 20px;
  width:237px;
  border: .5px solid #ccc;
  white-space: nowrap;
   background-color: #d6d6d6;
  background-image: -moz-linear-gradient(top, #d6d6d6, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6d6d6), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #d6d6d6, #dddddd);
  background-image: -o-linear-gradient(top, #d6d6d6, #dddddd);
  background-image: linear-gradient(to bottom, #d6d6d6, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#efefef', GradientType=0);}
  
/*
  
.dropdown-menu li:hover ul.drop, .dropdown-menu li:focus ul.drop, .dropdown-menu li:active ul.drop {display: none; position:relative;}
*/

.dropdown-menu ul.drop li a:hover, .dropdown-menu ul.drop li a:focus, .dropdown-menu ul.drop li a:active { color: grey; text-decoration: none;}

.sm_slider {background: url(../img/btm_sldr/slider.jpg); position: relative; width: 960px;}
.slider {background: url(../img/btm_sldr/slider.jpg); position: relative; width: 1500px;}
.slider > div img {padding:30px;}
.slider > div > div {width:auto !important;}
.slider > div {padding:0px 100px;}
#go-left{position: absolute; left:0; z-index: 9999; margin-top:15px;}
#go-right{position: absolute; right:0; z-index: 9999; margin-top:15px;}
.footer:before {background: url(../img/ux/bg.jpg) repeat-y; content: "";
    display: table;
    line-height: 0; height:5px; width:100%;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
      -moz-box-shadow: 0px 2px 20px #000;
    -webkit-box-shadow: 0px 2px 20px #000;
    box-shadow: 0px 2px 20px #000;
}

.address {border-left: 2px solid white;}
.contact {border-left: 2px solid white;}

.footer {background: #2b4271;}
.footer .social, .contact, .address {width:29%; float:left; margin-top:75px; padding-left:50px; padding-bottom: 30px;} 
.footer h5, .footer p {color:white; margin-top:-10px; font-size: 14px;}
.footer h5 {
	font-size: 21px;
	margin-bottom: 40px;
}
/*
.new {background: url(../img/ux/2nd_bg.jpg) repeat; width:423px; float: right; height:419px;}
.add p {color: white;}
.add .contact_btns {margin-top:10px;}
.pad3 {padding:60px;}
*/
.new {display: none;}
.social {float:left; margin-left:38px;}
.social div {margin-left: 185px; float: left;}
.social div ul {
	margin-left: 26px;
}
.social div ul li {
	float: left;
	width: 165px;
	margin-left: -244px;
	margin-right: 80px;
	display: inline;
	clear: both;
}
.twitter {
	background:url(../img/twitter.png) no-repeat;
	width: 15px;
	height: 10px;
	clear: both;
}
.facef {
	background: url(../img/facef.png) no-repeat;
	width: 9px;
	height: 15px;
	clear: both;
}
.unhide { visibility: hidden; display:none;}
.social-item ul {
	margin-bottom: 20px;
}
.social-item li img {
	padding: 2px;
	margin-left: 30px;
}
.social-item a {color: #EDA10D;}
.social .title {margin-bottom: 2px; margin-top: -17px; font-family: 'KnockHTF34JunSum'; font-size: 14px; letter-spacing: 1.5px;}
.social p {
	margin-top: 6px;
	margin-left: 34px;
	font-size: 10px;
	line-height: 14px;
}
.vertical-line {background: url(../img/vertical-line.png); width:9px; height: 280px; margin-left: -58px; margin-top: 46px; float:left;}
.active-member {margin-left: 66px; float: right; display: block; width: 178px; padding-top: 20px;}

.act {margin-right:50px;}

.address img {padding-bottom: 20px; margin-top: -7px;}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {color:#eda10d;} 
input[type="text"] {width:40%;}
.captcha-image {margin-top: -5px; border-radius: 8px; height: 30px;}
.contact .captcha-input {width: 15%; margin-top: 5px;}
textarea {width: 84%;}
input[type="submit"] { 
  padding: 4px 30px;
  border-radius: 5px;
color:#838384;
float:right;
margin-right:63px;
margin-top: -40px;
display: block;
font-family: 'KnockHTF34JunSum';
background-color: #e2e2e2;
  background-image: -moz-linear-gradient(top, #e2e2e2, #b0b0b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#b0b0b3));
  background-image: -webkit-linear-gradient(top, #e2e2e2, #b0b0b3);
  background-image: -o-linear-gradient(top, #e2e2e2, #b0b0b3);
  background-image: linear-gradient(to bottom, #e2e2e2, #b0b0b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#b0b0b3', GradientType=0);}
 .small p{font-size: 10px; color: #FFF; }
.small a {color: #EDA10D;}
.copyright {margin-top: 350px; position: relative; padding-left: 44px;}


.projects {width: 1500px; margin-left: auto; margin-right: auto;}
 /* .employment h1 { margin-top: 40px; margin-bottom: 40px;} */

.prj-item {
	display:inline-block;
	list-style: none;
	/*
width: 495px;
	height:495px;
        overflow: hidden;
        
*/
float:left; width:50%;
}
.smPad {padding:10px;}
ul.newmore {width: 100%; margin: 0;}
.prj-item img {-moz-box-shadow: 5px 6px 7px #9e9e9e;
-webkit-box-shadow: 5px 6px 7px #9e9e9e;
box-shadow: 5px 6px 7px #9e9e9e;}
.prj-item a img {box-shadow: none;}
.prj-item p {font-size:18px; width: 100%; margin-top:40px;}
/* .prj-item .push-up { margin-top: 39px;} */

.prj-item h3 {line-height:20px; margin-bottom: 0px; line-height:30px; position:absolute;}
.prj-item .bottom {margin-bottom: 0px; position: absolute !important;}
.prj-item a {position: absolute; right:10px; margin-bottom: 0px;}
.prj-caption {
	background: url(../img/projects/prj-caption.png) repeat;
	position: relative;
	height:180px;
	margin-top: -200px;
	color: #FFF;
	padding-top:20px;
	padding-left: 20px;
}
.prj-caption h4 {margin-top:0px;}
.projects-wrap {margin: 0 0 0px; width: 100%; list-style: none; }
.aside {background: url(../img/ux/2nd_bg.jpg) repeat; width: 26%; color: white; height: 1109px;}
.main_aside {background: url(../img/ux/2nd_bg.jpg) repeat; color: white; font-size: 20px;  width: 340px; float: right;}
.main_aside a {font-size: 17px; padding:20px 0;}
.gallery {width:70%; position: relative;}
h1 img {float: right; margin-right: 20px;}

.main h1 {padding:0px 0 40px 0; float:none; width:100%;}
.pad {padding:40px 40px 40px 40px;}
.wrapper2 {width:1500px; margin: auto; 

    -moz-box-shadow: 0px 1px 20px #464648;
    -webkit-box-shadow: 0px 1px 20px #464648;
    box-shadow: 0px 1px 20px #464648;

}
.gallery .dos img {opacity: .7;}
.gallery .dos li {background: #2b4271; margin: 0 10px 20px 0;}
.gallery .dos li.flex-active-slide {background: #eda10d;}
.gallery .dos li.flex-active-slide img {opacity: .5;}
.gallery .dos img:hover {opacity: 1;}
.gallery .dos {box-shadow: none; }

/*  My edits for Employment Form */

.wrapper2 { width: 1500px; margin-left: auto;margin-right: auto; position: relative;}
.info-left {
  float:left;
  margin-right: 120px;
  margin-left: 50px;
 
}
.info-left p {
  width:335px;
}
.employment p {color: #2a3033;}
.employment { background: white;}
.employment .container {width: 995px;}

h1, form h3, .side h3 {text-transform: uppercase;}
.side {color: #FFF;}
.side-info {margin-top: 125px; margin-left: auto; margin-right: auto; width: 210px;}
.wrapper .employment .zip {width: 135px; margin-left: 194px; margin-top: -50px;}
.employment input[type="text"] {width: 330px;margin-top: 8px;height: 27px;}
.employment textarea {width: 330px; height: 91px;}
.employment .skills {width: 330px; height: 156px;}
.side {background: url(../img/employment-side.jpg) no-repeat;width: 502px; height: 1695px; float: right;}
.wrapper .employment .state {width: 180px; margin-right: 9px;height: 35px; margin-top: -3px;}
.employment .required {color: #EDA10D; margin-left: 506px; margin-bottom: -25px}
select {width: 133px;}
.degree  {width: 342px; margin-top: -60px;margin-bottom: -67px;height: 37px;}
.employment button {margin-left: 708px; margin-top: 28px;}
.new_Btn {
background:#E9E9E9; border-radius: 8px; position: absolute; height:29px;  border: 2px solid #ccc; padding:3px;
}
#html_btn { display:none;}

.customSelect { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
background: url(../img/drop-down.png) no-repeat right center;
width: 40px;
height: 36px;
width: 173px;
margin-left: -1px;
margin-top: -3px;
background-color: #E9E9E9;
border: solid 1px #CCC;
padding-left: 7px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
color: #555;
}
.degree.customSelect {width: 338px; height: 35px;}
img.customSelect{margin-top: 0px;}
span.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.resume.customSelect {
    background: url(../img/browse.png) no-repeat right center;
    width: 330px;
    height: 36px;
    background-color: #E9E9E9;
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.customSelectInner {
/* You can style the inner box too */
    height: 37px;
    padding-top: 9px;
}


.image_title { color: white; background: url(../img/blue.png) right center; padding: 15px; font-size: 15px; position: absolute; bottom: -10px;  width: 90%;}
ul.squr { list-style: none; margin: 0px 0 0 0; padding: 0;}
.squr li {float: left; width:50%;  }
.squr li img {-moz-box-shadow: 5px 6px 7px #9e9e9e;
-webkit-box-shadow: 5px 6px 7px #9e9e9e;
box-shadow: 5px 6px 7px #9e9e9e; min-width: 100%; }

.main {margin-right:340px;}
.galry .main {margin-right: 250px;}
.algn {padding: 55px;}
.Sbar {margin-bottom: 100px;}
.pad2 {padding: 0px 40px;}
.Clogos { width:100%; text-align: center; clear:both; }
.Clogos img {padding:20px; margin:auto;}
.main .prj-item {/* width:480px; */}
.main h4{padding:40px 0; width:93%;}
.contact_btns {margin-top: 37px; margin-left:-26px;}

.odd {width: 1160px;}
#myCarousel {position: relative !important;}





.items li {background: #2b4271; height: auto; width: 130px; float: left; display: block; margin:24px 20px 20px 0;}
.items li img {width: 100%; height: 100%; opacity: .7;}

.items li a.selected {background: #eda10d; height: 100%; display: block;}

ul.items { list-style: none; width: 60%; overflow: hidden; margin: 0 auto; }

.holder {position: relative; float: left;}

.holder img {width: 100%; height: 100%;}

.scrollable { position: relative; overflow: hidden; width: 82%; height: 136px; margin: auto;}

.scrollable .items { width: 200000px; position: absolute;}


.left {position: absolute; bottom: 15px; left: 0px;  }

.right {position: absolute; right: 0px; bottom:15px; z-index: 9999;}

a.rte {height:95px; width:44px; background: url(../img/prj/right-arrow.png) no-repeat; display: block; right: 10px;}
a.lft {height:95px; width:44px; background: url(../img/prj/left-arrow.png) no-repeat; display: block; left:10px;}
a.rte:hover {background: url(../img/prj/right-arrow-over.png) no-repeat;}
a.lft:hover {background: url(../img/prj/left-arrow-over.png) no-repeat;}
#lrgImg {position: relative;}

.sub_right {float: right; margin-right: 60px;}

.main .sub_right {margin-right: 54px;}

.home-sponsor {background: url(../img/btm_sldr/slider-bck.jpg); -moz-box-shadow: 0px 1px 20px #464648;
    -webkit-box-shadow: 0px 1px 20px #464648;
    box-shadow: 0px 1px 20px #464648;}
.container .sponsor {height: 145px;}
.container .sponsor li {background: none; height:90px; width: auto; margin-right:100px; margin-top:20px;}
.small {clear:both; float:right; margin-right:100px;}

.projects.wrapper2 ul.projects-wrap li.prj-item {width: 33.3%;}






/*
.main .prj-item {width:44%; height: auto;}
.main h4{padding:40px 0 0 0; width:85%; margin: auto;} 
.main .projects-wrap {padding-top:40px; width:85%; margin: auto;}
*/

.galry h1 {width: 67%; float: left; padding: 20px 0 50px;}
.main .contact {background: url(../img/contact/contact-main-1.jpg) no-repeat ; padding: 20px; width: 382px;  height: 382px;}
.main .contact_footer {width: 436px; margin-top: 76px;}
.main .contact_footer p {color: white;}
.main .button-bg {margin-left: 242px; margin-top: -91px;}
.area {padding-top: 10px;}
.area .cont_imgs{float: right; margin-top:75px;}
/************************************/

.m_add {display: none;}

.contact_btns a:hover img {display: none;}
.contact_btns a.emp { background: url(../img/ux/emp_2.png) no-repeat center center; width: 281px; height: 67px; display: block; }
.contact_btns a.drp { background: url(../img/ux/drop_2.png) no-repeat center center; width: 281px; height: 67px; display: block; }


.cwb {width: 100px; float: left;}


/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.space {margin: 10px;}
	
}
/* for IE */
@media screen\0 {
.space {margin: 10px;}
}