/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}



/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

body{overflow: hidden;}
.header {
  position: fixed;
  background: #000;
  height: 120px;
  width: 100%;
  box-shadow: 0 -3px 7px #fff;
  z-index: 99;
}
.header .mid {
  height: 120px;
  margin: 0 auto;
  width: 960px;
  position: relative;
}
.header .mid .logo {
  background: url("../images/logo_new.png") no-repeat 28px 15px;
  display: block;
  height: 108px;
  width: 340px;
  float: left;
  margin-left:-26px;
}
.header .mid .hdr_address {
  border-left: 1px solid #999;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  padding: 12px 0 12px 10px;
  position: absolute;
  right: 0px;
  text-transform: uppercase;
  top: 16px;
}
.header .mid ul.menu {
  float: left;
  font-size: 14px;
  margin: 52px 0 0;
}
.header .mid ul.menu li {
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  letter-spacing: -0.5px;
  margin: 0 20px 0 0px;
  text-transform: uppercase;
}
.header .mid ul.menu li a {
  color: #7D7D7D;
  text-decoration: none;
}
.header .mid ul.menu li a:hover, .header .mid ul.menu li a.selected, .current_page_item a {border-bottom: 3px solid #003bbe; color: #fff !important;}

.hero {
  height: 658px;
  padding: 120px 0 0;
}
.hero .mid {
  margin: 0 auto;
  width: 960px;
}
.hero .sl-1 {
  background: url("../images/hero1d.jpg") no-repeat;
  width: 518px;
}
.hero .sl-1 .cel {
  background: url("../images/celebrating.png") no-repeat 0 0;
  float: left;
  height: 63px;
  margin: 100px 0 0 45px;
  width: 215px;
}
.hero .sl-1 .years {
  clear: left;
  color: #fff;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  margin: 200px 0 0;
  text-transform: uppercase;
}
.hero .sl-1 .years .num {
  float: left;
  font-size: 350px;
  letter-spacing: -46px;
  height: 1px;
}
.hero .sl-1 .years .yr {
  float: left;
  font-size: 34px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 292px 0 0 24px;
}
.hero .sl-1 .years .prac {
  float: left;
  font-size: 22px;
  font-weight: bold;
  margin: 14px 0 0 33px;
}
.hero .cta {padding: 18px 30px 0 !important; margin-left:32px;}
.hero .msg {
  color: #fff;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 45px;
  letter-spacing: -1px;
  margin: 294px 0 0 32px;
  text-transform: uppercase;
}
.hero .msg-sub {
  clear: left;
  color: #fff;
  float: left;
  font-size: 20px;
  letter-spacing: -1px;
  margin: 14px 0 0 32px;
  text-transform: uppercase;
}

.hero .sl-2 { background: url("../images/hero2.jpg") no-repeat; /*padding: 0 0 0 32px;width: 518px;*/}
.hero .sl-3 { background: url("../images/hero3.jpg") no-repeat; /*padding: 0 0 0 32px;width: 518px;*/}
.hero .sl-4 { background: url("../images/hero4.jpg") no-repeat; /*padding: 0 0 0 32px;width: 518px;*/}
.hero .sl-5 { background: url("../images/hero5.jpg") no-repeat; /*padding: 0 0 0 32px;width: 518px;*/}

.services { height: 599px; width: 100%; background: #000;}
.services .sl-1 {}
.services .sl-2 {}
.services .sl-3 {}
.services .sl-4 {}
.services .servwidget {
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  margin: 60px 0 20px;
  padding: 0 0 0 7px;
  width: 310px;
}
.services .servwidget h3 {
  border-bottom: 1px solid #363636;
  color: #828282;
  font-size: 35px;
  font-weight: bold;
  margin: 0 0 16px;
  padding: 0 0 12px;
  text-align: center;
  text-transform: uppercase;
  width: 97%;
}
.services .servwidget p {
  color: #828282;
  font-size: 13px;
  font-weight: normal;
  line-height: 17px;
}
.services .servwidget ul {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  list-style: disc outside none;
  padding: 0 0 0 16px;
  color: #828282;
}
.services .servwidget ul li {
  margin: 0 0 5px;
}
.services .mid {
  width: 940px; margin: 0 auto;
}
.services .mid .just {
  border-bottom: 1px solid #828282;
  border-top: 1px solid #828282;
  color: #717171;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  height: 232px;
  margin: 60px 0 0 30px;
  text-transform: uppercase;
}
.services .mid .just h3 {
  border-top: 1px solid #828282;
  font-size: 60px;
  letter-spacing: -1px;
  margin: 6px 0 0;
  padding: 21px 0 0;
  text-align: center;
}
.services .mid .just p {
  font-size: 30px;
  text-align: center;
}
.services .mid .just .logo-mini {
  background: url("../images/logo_mini.png") no-repeat 0 0;
  height: 48px;
  margin: 20px auto 0;
  width: 63px;
}
.services .mid .just .brdr {
  border-bottom: 1px solid #828282;
  height: 1px;
  margin: 20px 0 0;
}

.gallery{height: 550px; width: 100%;}
.gallery .mid {width: 960px; margin: 0 auto;}
.gallery li .label {
  background: #000;
  color: #828282;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  margin: 12px 0 0 10px;
  padding: 10px 30px 8px;
  position: absolute;
  text-transform: uppercase;
}





.test {
  background: url("../images/bg_test.png") no-repeat 714px 17px #000;
  font-family: Arial,Helvetica,sans-serif;
  height: 500px;
  width: 100%;
}
.test .mid {width: 960px; margin: 0 auto;}
.test .mid h3 {
  border-bottom: 1px solid #828282;
  color: #828282;
  font-size: 45px;
  letter-spacing: -1px;
  margin: 0 0 0 20px;
  padding: 75px 0 16px;
  text-transform: uppercase;
  width: 600px;
}
.test .flexslider li {}
.test .flexslider li p {
  color: #828282;
  font-size: 13px;
  line-height: 19px;
  margin: 23px 0 0 20px;
  width: 600px;
}
.test .flexslider li .large {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0 0 20px;
  width: 600px;
}





.loc{height: 496px; width: 100%; background: url("../images/bg_locb.jpg") center top no-repeat #000;}
.loc .mid {width: 960px; margin: 0 auto;}
.loc .mid .address {
  background:#000;
  color: #828282;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  margin: 12px 0 0 10px;
  padding: 10px 0 8px 18px;
  width: 520px;
}
.loc .mid .address span {
  font-size: 16px;
  font-style: italic;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.loc .mid .mini {
  background: url("../images/loc_map_mini.png") no-repeat 0 0;
  float: right;
  height: 170px;
  margin: 4px 11px;
  position: relative;
  width: 173px;
}
.loc .mid .mini a {
  bottom: 0;
  color: #fff;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  background: #000;
  font-size: 12px;
  font-weight: bold;
  height: 35px;
  padding: 10px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 173px;
}
.loc .mid .mini a:hover {
  background: #003bbe;
}


.contact{height: 500px; width: 100%; background: url("../images/bg_contact.jpg") center 0 no-repeat #000;}
.contact .mid {width: 960px; margin: 0 auto;}
.contact .mid h3 {
  border-bottom: 1px solid #D9D9D9;
  color: #D9D9D9;
  font-size: 45px;
  letter-spacing: -1px;
  margin: 0 0 0 20px;
  padding: 75px 0 16px;
  text-transform: uppercase;
  width: 600px;
}
.contact .mid p {
  color: #D9D9D9;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  margin: 14px 0 10px 20px;
}
.contact .mid .cta {margin-left: 20px !important;}


.footer {width: 100%; height: 400px; background: #000; font-family: Arial, Helvetica, sans-serif;padding-top: 40px;}
.footer .mid {width: 960px; margin: 0 auto; position: relative;}
.footer .mid .quote {
  color: #828282;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.footer .mid .by {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 22px;
  margin: 10px 0 0;
  text-align: center;
}
.footer .mid .by span {
  color: #eee;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
}
.footer .mid .sig {
  background: url("../images/sig.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 87px;
  position: absolute;
  right: 237px;
  top: 102px;
  width: 237px;
}
.footer .mid .hiring {
  color: #787878;
  font-size: 14px;
  font-weight: normal;
  margin: 100px 0 0 0;
  text-align: center;
}

.abt {background: #000;}
.about {padding: 120px 0 0;}
.about .mid { width: 960px; margin: 0 auto;}
.about .mid h4 {
  border-bottom: 1px solid #787878;
  color: #7B7B7B;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 22px;
  padding: 0 0 10px;
  text-transform: uppercase;
}
.about .mid ul {
  font-weight:bold;
  color: #003BBE;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 18px;
  list-style: disc outside none;
  margin: 24px 0 60px 14px;
  text-transform: none;
}
.about .mid ul li {
  margin: 0 0 12px;
}
.about .mid .post_content { font-family: Helvetica, Arial, sans-serif; padding: 80px 60px 100px 60px; background: #fff;}

.testimonials {padding: 120px 0 0;}
.testimonials .mid { width: 960px; margin: 0 auto;}
.testimonials .mid h4 {
  border-bottom: 1px solid #787878;
  color: #7B7B7B;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 25px;
  padding: 0 0 10px;
  text-transform: uppercase;
}
.testimonials .mid ul {
  color: #7B7B7B;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 18px;
  list-style: disc outside none;
  margin: 24px 0 60px 14px;
}
.testimonials .mid ul li {
  margin: 0 0 12px;
}
.testimonials .mid .post_content { font-family: Helvetica, Arial,  sans-serif; padding: 80px 60px 100px 60px; background: #fff;}

.location {padding: 120px 0 0;}
.location .mid { width: 960px; margin: 0 auto; background: #fff;}

.contact-page {padding: 120px 0 0;}
.contact-page .mid { width: 960px; margin: 0 auto; background: #fff;}
.contact-page .mid h4 {
  border-bottom: 1px solid #787878;
  color: #7B7B7B;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 25px;
  padding: 0 0 10px;
  text-transform: uppercase;
  margin: 0 0 40px 0;
}
.contact-page .mid .post_content {
  background: #fff;
  font-family: Helvetica,Arial,sans-serif;
  height: 1014px;
  padding: 80px 60px 0;
}
form {
  color: #787878;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}
form p {
  margin: 0 0 14px;
}
.clickable, label, input[type="button"], input[type="submit"], input[type="file"], button {
  background: url("../images/btn_blue.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  padding: 0 36px;
  text-transform: uppercase;
}
.wpcf7-submit:hover { background-position: 0 -50px;}

div.wpcf7 {
  margin: 0;
  padding: 0;
  width: 396px !important;
  float:left;
  margin-right: 40px;
}

.home-button {
  color: #7D7D7D;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  margin: 44px;
  text-decoration: none;
  text-transform: uppercase;
}
.home-button:hover {border-bottom: 3px solid #003bbe; color: #fff;}
.cta {
  background: url("../images/btn_blue.png") repeat-x 0 0;
  clear: left;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  height: 50px;
  margin: 15px 0 0;
  padding: 18px 18px 0;
  text-decoration: none;
  text-transform: uppercase;
}
.cta:hover { background-position: 0 -50px;}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
		
}