/*

Theme Name: Tempress - old site

Author: Ad Ventures Design & Marketing

Author URI: http://www.AdventuresDesign.com

Description: Tempress

Version: 1.0

*/





/* Fonts

----------------------*/



@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700,400italic,700italic);







/* Reset

--------------------------------------------------------------*/





/* HTML5 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }





/* HTML & BODY */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: 'Archivo Narrow', sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; margin-top:-30px}





/* Selection  */

::-moz-selection { background: #a0cccd; color: #fff; text-shadow: none; }

::selection { background: #a0cccd; color: #fff; text-shadow: none; }





/* Links */

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }





/* Typography */

abbr[title] { border-bottom: 1px dotted; }



blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; }

pre, code, kbd, samp { font-family: 'Archivo Narrow', sans-serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight:400;}





/* Lists */

dd { margin: 0 0 0 40px; }

ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }





/* Embedded Content */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img { max-width:100%;height:auto;}
svg:not(:root) { overflow: hidden; }





/* Figure */

figure { margin: 0; }





/* Forms */

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }





/* Tables */

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }





/* Clearfix */

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }





/* Default

--------------------------------------------------------------*/

html {

  background: #231f20 url(img/bg2.jpg) no-repeat center top;

  font-family: 'Archivo Narrow', sans-serif;

  color: #444;

  min-height: 1850px;

}

#page {

  margin: 0 auto;



  width: 980px;

  position: relative;

}

a {

  color: #444;

  text-decoration: none;

}

#content {



}



.clear {

  clear: both;

}

#top_bar {

  position: absolute;

  top: 62px;

  width: 100%;

  height: 52px;

  background: #e2e1e2;

  left: 0;

}

.shadow {

  background: #fff;

  -webkit-box-shadow: #989898 0px 0px 5px;

     -moz-box-shadow: #989898 0px 0px 5px;

          box-shadow: #989898 0px 0px 5px;

  behavior: url(/PIE.php);

}



.shadow2 {

  background: #fff;

  -webkit-box-shadow: #c9c9c9 0px 0px 5px;

     -moz-box-shadow: #c9c9c9 0px 0px 5px;

          box-shadow: #c9c9c9 0px 0px 5px;

  behavior: url(/PIE.php);

}

#main {

  float: left;

  width: 100%;

}







/* Header

--------------------------------------------------------------*/

header {

  float: left;

  width: 980px;

  margin: 89px 0 30px 0;

  background: #fff;

  position:relative;

}

#header_left {

  float: left;

  width: 25px;

  height: 52px;

  background: url(img/header_left.jpg) no-repeat;

  background-position: right center;

  margin: 3px 0 0 0;

}

header h1 {

  position: absolute;

  left:25px;

  z-index:10;

  margin: 0 0 0 0px;

  width: 324px;

  height: 61px;

}

header h1 a {

  display: block;

  background: url(img/logo-2.png) no-repeat 0 0;

  text-indent: -9999px;

  width: 324px;

  height: 61px;

}

header nav {

  background-image: url(img/nav_sprite2.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  float: right;

  width: 645px;

  height: 52px;

  margin: 3px 0 0 0;

  position: absolute;

  right:0;

  z-index:5;

}

.page-template-page-tools-php header nav {

  background-position: 0 -64px;

}


#services header nav {

  background-position: 0 -128px;

}

#resources header nav,

.single header nav,

.archives header nav,

.parent-pageid-66 header nav {

  background-position: 0 -192px;

}

#about header nav {

  background-position: 0 -256px;

}

#contact header nav, #distributors header nav {

  background-position: 0 -320px;

}





.tools_hover { background-position: 0px -64px !important; }

.services_hover { background-position: 0 -128px !important; }

.resources_hover { background-position: 0 -192px !important; }

.about_hover { background-position: 0 -256px !important; }

.contact_hover { background-position: 0 -320px !important; }



header nav li {

  float: left;

  display: block;

}

header nav a {

  display: block;

  color: #fff;

  text-transform: uppercase;

  font-size: 16px;

  text-align: center;

  padding: 16px 0 14px 0;

}

header nav #tools_nav a {

  width: 105px;

  width:91px;

  padding-left:14px;

}

header nav #services_nav a {

  width: 105px;

  width:111px;

  padding-left:3px;

}

header nav #resources_nav a {

  width: 175px;

  width:192px;

  padding-left:16px;

  padding-right:10px;

}

header nav #about_nav a {

  width: 90px;

  width:82px;

  padding-left:8px;

}

header nav #contact_nav a {

  width: 116px;

  width:85px;

  padding: 0px 10px 14px 19px;

}

header #login {

  width: 91px;

  height: 24px;

  float: right;

  background: url(img/login_bg.png) no-repeat 0 0;

  display: block;

  text-transform: uppercase;

  font-size: 14px;

  color: #bd6600;

  padding: 2px 0 0 22px;

}



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

	z-index:55;

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

	padding:0;

	border-right:0px solid #000;

	background: transparent;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0px;

	top:			52px; /* match top ul list item height */

	z-index:		199;

}

.sf-menu li:hover ul#menu-tools,

.sf-menu li.sfHover ul#menu-tools {

	left:			3px;

	top:			52px; /* match top ul list item height */

	z-index:		199;

}



.sf-menu li:hover ul#menu-about,

.sf-menu li.sfHover ul#menu-about {

	left:			-165px!important;

	top:			52px; /* match top ul list item height */

	z-index:		199;

}



.sf-menu li:hover ul#menu-contact,

.sf-menu li.sfHover ul#menu-contact {

	left:			-106px!important;

	top:			52px; /* match top ul list item height */

	z-index:		199;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;



}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

/*** DEMO SKIN ***/

.sf-menu {



	margin-left:0px;

}

.sf-menu a {

	display:block; line-height:52px;

}

.sf-menu a, .sf-menu a:visited  {   }

.sf-menu li {

}

.sf-menu li a:hover {  }



ul.menu {  width:225px; }

.sf-menu li li { margin:0; padding:0; width:225px!important; }

.sf-menu li li a{

	background: #EF8607;

	border-right:0;

	position:relative;

	z-index:800;

	margin: 0;

	color:#fff;

	text-transform:none;

	padding:10px 15px!important;

	font-size:15px;

	line-height:15px!important;

	width:210px!important;

	text-align:left!important;

	border-bottom: 1px solid #fff;

}



ul#menu-contact { right:0!important; }

ul#menu-contact a { padding:10px 0px 10px 15px!important;}





/*  .sf-menu li li a:hover {  color:#fff; background:#165E6A; }  Old Teal*/



.sf-menu li li a:hover {  color:#fff; background:#006440; }

.sf-menu li li li { }

.sf-menu li li li a{

	background: #EF8607;

	color:#fff;

}

.sf-menu li li li a:hover { background:#87B497; color:#fff; }

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; }







/* Footer

--------------------------------------------------------------*/

footer {

  margin: 20px auto 0 auto;

  width: 980px;

  font-size: 14px;

  color: #fff;

  padding: 0 0 120px 0;

}

footer #footer_nav {

  float: left;

}

footer #footer_nav li {

  text-transform: uppercase;

  float: left;

  margin: 0 15px 0 0;

}

footer #footer_nav li a {

  color: #fff;

}

footer #footer_nav li a:hover {

  text-decoration: underline;

}

footer .copyright {

  float: right;

}



footer .copyright p {

  font-size:12px;

}



footer #credit {

	display: block;

	float:right;

	clear:left;

	font-size:11px;

	color:#999999;

}



footer #credit a {



	font-size:11px;

	color:#999999;

}





/* Page Header

--------------------------------------------------------------*/

#page_header {

  width: 100%;

  height: 357px;

  float: left;

  position: relative;

}

#page_header h1 {



  font-weight: 200;

  font-family: 'Archivo Narrow', sans-serif;

  color: #bd6600;

  font-size: 30px;

  line-height: 35px;

  position: absolute;

  top: 50px;

  left: 45px;

}

#page_header h2 {



  font-weight: 200;

  font-family: 'Archivo Narrow', sans-serif;

  font-size: 26px;

  line-height: 32px;

  position: absolute;

  top: 70px;

  left: 45px;

  width: 230px;

}











/* Page Divider

--------------------------------------------------------------*/

#page_divider {

  float: left;

  width: 100%;

  height: 75px;

  background: url(img/page_divider_green.png) no-repeat 0 0;

  position: relative;

  font-family: 'Archivo Narrow', sans-serif;

  margin-bottom:-14px;

  z-index:99;

}

#page_divider #subnav_header {



  font-size: 24px;

  position: absolute;

  top: 14px;

  left: 30px;

  color: #fff;

  text-transform: uppercase;

}

#page_divider #page_heading {



  font-size: 24px;

  position: absolute;

  top: 14px;

  left: 30px;

  left: 272px;

  color: #d9d7d7;

}





/* Page Body

--------------------------------------------------------------*/

#page_body {

  float: left;

  width: 100%;

  min-height: 1220px;

  background: url(img/page_body_bg.jpg) repeat-y 0 0;

  position: relative;

}







/* Sidebar

--------------------------------------------------------------*/

#page_body #sidebar {

  float: left;

  width: 225px;

  position: relative;

}

#page_body #sidebar img { max-width:205px; }

#page_body #sidebar #fact {

  position: absolute;

  top: 380px;

  left: 0;

  background: #c0c0c0;

  width: 199px;

  padding: 20px 18px;

}

#page_body #sidebar #fact p {

  font-size: 22px;

  line-height: 30px;

  font-family: 'Archivo Narrow', sans-serif;

}

#page_body #sidebar .subnav li a {
  display: block;
  padding: 10px 0 8px 30px;
  width: 205px;
  border-bottom: 4px solid #fff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 19px;
  color: #006540;
  /* color: #165f6a;       Old Teal  */
}

#page_body #sidebar .subnav li a:hover,
#page_body #sidebar .subnav li a.active {
  color: #bd6600;
  color: #fff;
  background:#006440;
}









/* Page Content

--------------------------------------------------------------*/

#page_body #page_content {

  float: right;

  display:inline;

  width: 663px;

  padding: 40px 50px 0 33px;

  font-family: 'Archivo Narrow', sans-serif;

}



#page_body #page_content h2 {

  font-size: 20px;

  line-height: 30px;

  color: #bd6600;

}

#page_body #page_content p {

  font-size: 18px;

  line-height: 30px;

  color: #000;

  margin: 0 0 18px 0;

}



/* Home

--------------------------------------------------------------*/

#home #tools_slideshow {

  width: 980px;

  height: 360px;

  float: left;

  background: #fff;

  margin: 0 0 30px 0;

  position: relative;

  overflow: hidden;

  font-family: 'Archivo Narrow', sans-serif;

}

#home #tools_slideshow .info {

  float: left;

  margin: 50px 0 0 45px;

  width: 655px;

}

#home #tools_slideshow .info h2 {

  /*text-transform: uppercase;*/

  font-size: 42px;

  line-height: 36px;

  color: #0d4e46;

  color:#D67703;

  margin: 0 0 15px 0;

  width:655px;

  font-weight:700;



}

#home #tools_slideshow .info p {

  font-size: 21px;

  line-height: 33px;

  color: #5e5e5e;





}



#home #tools_slideshow .info h6 {

  color: #bd6600;

  font-family: 'Archivo Narrow', sans-serif;

  font-size: 17px;



  width:500px;

  padding-bottom: 10px;

}



#home #tools_slideshow #pager {

  position: absolute;

  bottom: 30px;

  left: 50px;

  z-index: 1000;

  width: 300px;

  float: left;

}

#home #tools_slideshow #pager a {

  display: block;

  float: left;

}

#home #tools_slideshow #pager #nav a {

  width: 18px;

  height: 18px;

  background: #fff;

  margin: 14px 10px 0 0;

  text-indent: -9999px;

  -webkit-box-shadow: 0px 0px 8px 0px #989898;

     -moz-box-shadow: 0px 0px 8px 0px #989898;

          box-shadow: 0px 0px 8px 0px #989898;

  behavior: url(/PIE.php);

}





#home #tools_slideshow #pager a#nav a:hover {

  background: #0d4e46;

}

#home #tools_slideshow #pager #prev,

#home #tools_slideshow #pager #next {

  font-weight: bold;

  color: #0d4e46;

  font-size: 30px;

  margin: 0 10px 0 0;

}

#home #tools_slideshow .tab {

  width: 980px;

  height: 402px;

}











/* Home/Tool Types

--------------------------------------------------------------*/

#home #tool_types {

  width: 980px;

  float: left;

  background: #bd6600;

/*   background: #bd6600 url(img/home-tabs-bg.jpg) no-repeat;   Old Teal*/

  background: #bd6600 url(img/home-tabs-bg-green.jpg) no-repeat;

  background-position: top right;

  margin: 0 0 30px 0;

  font-family: 'Archivo Narrow', sans-serif;

}

#home #tool_types .subnav {

  width: 315px;

  border-right: 0px solid #7d4c13;

  float: left;

  background:#BD6600;

}

#home #tool_types .subnav h2{

  color: #fff;

  font-size: 23px;

  text-transform: uppercase;

  padding: 8px 5px 3px 25px;

  background: #006440;

/*  background: #165E6A;     Old Teal */

  width: 285px;

  margin: 0;

  font-family: 'Archivo Narrow', sans-serif;



}



.tabs_content_container {

  float:left; display:inline; width:660px;

  }.tab_content h3  {  color: #fff;  font-size: 24px;  text-transform: uppercase;  padding: 8px 0 3px 30px;  font-family: 'Archivo Narrow', sans-serif;    background:transparent;  }.tab-titles h3  {  color: #fff;  font-size: 23px;  text-transform: uppercase;  padding: 8px 0 3px 30px;  font-family: 'Archivo Narrow', sans-serif;    background:transparent;  }  .tab_content .applications, .tab_content .videos {   float:left; display:inline; width:328px; }



.ap-copy {

	 padding: 18px 10px 3px 30px;

	 color:#fff;

	 font-size: 20px;

	 line-height: 30px;

	 }

.vid-copy {

	 padding: 18px 10px 3px 22px;

	 color:#fff;

	 font-size: 20px;

	 line-height: 30px;

	 }



#home #tool_types .subnav a {

  display: block;

  color: #fff;

  font-size: 21px;

  width: 285px;

  padding: 8px 5px 8px 25px;

  background: #d77604;

  margin: 5px 0 0 0;

  font-family: 'Archivo Narrow', sans-serif;



}

#home #tool_types .subnav a:hover,

#home #tool_types .subnav a.active {

  color: #0d4e46;

  background: #bd6600;

}

li.active a{ color: #0d4e46!important; background: #bd6600!important; }

#home #tool_types .tab {

  float: left;

  width: 743px;

  color: #fff;

  display: none;

}

#home #tool_types .tab .applications {

  float: left;

  width: 332px;

  height: 274px;

  padding: 8px 10px 0 25px;

  border-right: 2px solid #7d4c13;

}

#home #tool_types .tab .videos {

  float: left;

  width: 349px;

  height: 274px;

  padding: 8px 0 0 25px;

}

#home #tool_types .tab h3 {

  text-transform: uppercase;

  font-size: 23px;

  margin: 0 0 10px 0;

}

#home #tool_types .tab p {

  font-size: 20px;

  line-height: 30px;

  margin: 0 0 10px 0;

  width: 300px;

}

#home #tool_types .tab a {

  color: #fff;

}

#home #tool_types .tab a:hover {

  text-decoration: underline;

}

#home #tool_types .videos a {

  background: url(img/video_icon.png) no-repeat right 2px;

  padding: 0 35px 0 0;

}



#home #tool_types #jetrotor .applications p {

  font-size: 20px;

  line-height: 27px;

}





/* Case Histories Page  */

#page_body #page_content #case-entries h2 {

  font-size: 17px;

  color:#000!important;

  margin-bottom:0px;

  margin-top:25px;

  /* font-weight:bold; */



}



#page_body #page_content #case-entries h2 a {

  font-size: 17px;

  color:#000!important;

  margin-bottom:0px;

  margin-top:0px;



}



#page_body #page_content #case-entries h3 {

  font-size: 23px;

  color:#bd6600!Important;

  margin-bottom:0px;

  line-height:26px;

  margin-top:-6px;

}



#page_body #page_content #case-entries .date {

  color:#4b4b4b;

  /* color:#777674;  */

  font-size:14px;

  margin-top:-5px;

  margin-bottom:5px;

}



#page_body #page_content #case-entries p {

  color:#767676;

  font-size:19px;

  margin-bottom:0px;

  font-weight:100;

  line-height:25px;

}





#page_body #page_content #case-entries .blog-post {

  margin-bottom:20px;

  margin-top:25px;

}





#page_body #page_content #case-entries .more-link {

  font-size:14px;

  font-weight:400;

  margin-top:-2px;

}









/* Home/Case Studies

--------------------------------------------------------------*/

#home #case_studies_news {

  width: 980px;

  height: auto;

  padding-bottom:20px;

  float: left;

  background: #fff url(img/home-news-updates-bg.png) repeat-y;

  background-position: top left;

}

#home #case_studies {

  width: 727px;

  float: left;

}

#home #case_studies .subnav {

  float: left;

  width: 100%;

  height: 51px;

  background: url(img/case_studies_nav_bg.jpg) no-repeat 0 0;

}

#home #case_studies .subnav a {

  float: left;

  display: block;

  color: #fff;

  font-size: 19px;

}

#home #case_studies .subnav #marcellus_nav {

  width: 339px;

  height: 38px;

  padding: 13px 0 0 13px;

  background: url(img/marcellus.jpg) no-repeat 0 0;

}

#home #case_studies .subnav a:hover,

#home #case_studies .subnav .active {



}

#home #case_studies .subnav #eagle_ford_nav {

  width: 362px;

  height: 38px;

  padding: 13px 0 0 13px;

}

#home #case_studies .subnav #marcellus_nav.active span {

  background: url(img/marcellus_active.png) no-repeat -0.9px 0;

  display: block;

  width: 352px;

  height: 12px;

  margin: -13px 0 0 -13px;

}

#home #case_studies .subnav #eagle_ford_nav.active {

  background: url(img/eagle_active.png) no-repeat -2px 0;

}

#home #case_studies .wrapper {

  width: 640px;

  height: 570px;

  padding: 30px 30px 30px 30px;

  float: left;

  background: #bdbdbd;

  color: #000;

}

#home #case_studies .wrapper h2 {



  font-size: 24px;

  line-height: 26px;

  color: #1a717e;

  margin: 0 0 5px 0;

}

#home #case_studies .wrapper h3 {

  font-size: 18px;



  color: #bd6600;

  margin: 0 0 5px 0;

}

#home #case_studies .wrapper .tab {

  position: relative;

  height: 570px;

}

#home #case_studies .wrapper .inset {

  float: left;

  width: 435px;

  padding: 15px 20px;

  background: #77a7af;

  position: absolute;

  bottom: -15px;

  left: 0;

}

#home #case_studies .wrapper .inset h3 {

  font-size: 16px;

  line-height: 19px;

  color: #000;

}

#home #case_studies .wrapper .inset p {

  font-size: 14px;

  line-height: 22px;

  margin: 0;

  width: 180px;

}

#home #case_studies .wrapper .inset h4 {

  font-size: 20px;

  margin: 0 0 5px 0;

}

#home #case_studies .wrapper .inset .gallery {

  float: right;

}

#home #case_studies .wrapper img {

  display: block;



  margin: 0 0 6px 0;

}



#home #case_studies .wrapper p {

  font-size: 16px;

  line-height: 28px;

  margin: 0 0 10px 0;

}

#home #case_studies .wrapper a {

  color: #000;

}

#home #case_studies .wrapper a:hover {

  text-decoration: underline;

}







#home #news {

  float: left;

  width: 548px;

  padding:0 50px 0 25px;



}

#home #news article {

  width: inherit;

  margin: 0;

  font-family: 'Archivo Narrow', sans-serif;

  margin-top:25px;



}



#home #news .date, .blog .date{

  display: block;

  font-size: 14px;

  color:#605e5e;

  margin-top:-3px;

  margin-bottom:2px;





}



#home #news h2 {

  height: 38px;

  padding: 13px 0 0 20px;

  float: left;

  background: #218d9d;

  color: #fff;

  font-size: 17px;



}

#home #news h3 a {

  font-size: 23px;

  line-height: 24px;

  color: #bd6600;

  display: block;

  margin-bottom:0px;

  font-weight:400;

}

#home #news p {

  font-size: 19px;

  line-height:25px;

  color: #767676;

  margin-bottom:0px;

  margin-left:0px;

  font-weight:100;



}

#home #news article .more-link {

  display: block;

  padding:0;

  font-size: 14px;

  margin-top:-16px;

  font-weight:400;



}



#cs { float:right; display:inline; margin: 50px 20px 25px 0; width:300px;   color:#000; line-height:23px; font-size:16px;}

/* #cs h3 { color:#155F6A; }  Old Teal*/

/* #cs .text2 p, #cs .text2 a { margin: 0; color:#155F6A; }   Old Teal */



#cs h3 { color:#006440; }

#cs p { color:#000; line-height:23px; font-size:16px; margin: 5px 0 12px; }

#cs img { max-width:300px; margin: 8px 0; }

#cs .text2 p, #cs .text2 a { margin: 0; color:#006440; }



.tab_content {

	display: none;

}





/* Tools

--------------------------------------------------------------*/

.page-template-page-tools-php #page_body #page_content {

  padding: 0;

  width: 735px;

  float:left; display:inline;

  margin-left:10px;

}

.page-template-page-tools-php #page_body #page_content .top_content {

  float: left;

  width: 715px;

  background: url(img/tools_bg.jpg) repeat-y 0 0;

}

.page-template-page-tools-php .case_history {

  width: 100%;

  height: 357px;

  float: left;

  position: relative;

  overflow: hidden;

}

.page-template-page-tools-php #page_header h3 {

  position: absolute;

  top: 0;

  left: 0;

  width: 400px;

  height: 26px;

  background: url(img/ch_bg.png) no-repeat -3px 0;

  z-index: 100;

  font-size: 18px;

  color: #8d8d8c;

  padding: 2px 0 0 32px;

}

.page-template-page-tools-php #page_header .info {

  position: absolute;

  top: 70px;

  left: 32px;

}

.page-template-page-tools-php #page_header h1 {

  color: #006540;

  /* color: #165f6a;       Old Teal  */

  position: static;

  margin: 0 0 20px 0;

}

.page-template-page-tools-php #page_header h1 span {

  font-size: 24px;

  line-height: 30px;

  display: block;

}

.page-template-page-tools-php #page_header h2 {

  position: static;

  color: #000;

  width: 240px;

  font-size: 15px;

  line-height: 24px;

}

.page-template-page-tools-php #page_header .next {

  position: absolute;

  bottom: 22px;

  left: 118px;

  color: #006540;

  /* color: #165f6a;       Old Teal  */

  font-size: 15px;

}

.case_history .text_overlay {

  position: absolute;

  z-index: 1000;

  top: 0;

  left: -660px;

  height: 357px;

  background: url(img/text_overlay_left.png) no-repeat left top;

}

.case_history .text_overlay .inner {

  height: 357px;

  background: url(img/text_overlay_right.png) no-repeat right top;

  width: 400px;

  padding: 0 128px 0 142px;



}



.case_history .text_overlay .inner_content {

  height: 357px;

  background: #F08608;

  display: table-cell;

  vertical-align: middle;

}

.case_history .text_overlay .inner_content p {

  color: #000;

  font-size: 14px;

  line-height: 24px;

}

.navi .alignright { float:right; display:inline; text-align:right; }
.navi a { color:#006440; font-weight:bold; font-size:18px; text-transform:uppercase; font-family: 'Archivo Narrow', sans-serif;
 }

.page-template-page-tools-php #pager {

  position: absolute;

  top: 10px;

  right: 0;

  z-index: 1000;

  float: right;

  width: 170px;

}

.page-template-page-tools-php #pager a {

  display: block;

  float: left;

}

.page-template-page-tools-php #pager #nav a {

  width: 18px;

  height: 18px;

  display: block;

  float: left;

  background: #fff;

  margin: 14px 10px 0 0;

  text-indent: -9999px;

  -webkit-box-shadow: 0px 0px 8px 0px #333;

     -moz-box-shadow: 0px 0px 8px 0px #333;

          box-shadow: 0px 0px 8px 0px #333;

  behavior: url(/PIE.php);

}

.page-template-page-tools-php #pager #nav a.activeSlide {

  background: #ad650a;

}

.page-template-page-tools-php #pager .prev,

.page-template-page-tools-php #pager .next {

  font-weight: bold;

  color: #ad650a;

  font-size: 30px;

  margin: 0 10px 0 0;

}

.page-template-page-tools-php #page_content #description {

  float: left;

  width: 254px;

  padding: 28px 30px 5px 34px;

}

.page-template-page-tools-php #page_content #description h2 {



}

.page-template-page-tools-php #page_content #main_graphic {

  float: left;

  width: 70px;

  padding: 10px 23px 5px 0;
  margin-top:25px;
  margin-right:10px;

}

.page-template-page-tools-php #page_content #main_graphic img {

  width: 70px;

}

.page-template-page-tools-php #page_content #info {

  float: left;

  width: 260px;

  padding: 30px 10px 20px 24px;

}

.page-template-page-tools-php #page_content #info .info_wrapper {

  margin: 0 0 30px 0;

}

.page-template-page-tools-php #page_content #info h2 {

  font-size: 23px;

  line-height: 26px;

  text-transform: uppercase;

  color: #006540;

  /* color: #165f6a;       Old Teal  */



}

.page-template-page-tools-php #page_content #info .info_wrapper h2 {

  margin: 0 0 5px 0;

}

.page-template-page-tools-php #page_content #info li {

  list-style-type: disc;

  font-size: 17px;

  line-height: 29px;

  margin: 0 0 0 20px;

}

.page-template-page-tools-php #page_content #info #applications {

  margin: 0 0 30px 0;

}

#info h2 a {

  text-transform: lowercase;

  font-size: 11px;



  color: #006540;

  /* color: #165f6a;       Old Teal  */

}

.page-template-page-tools-php #page_content #applications h2,

.page-template-page-tools-php #page_content #features_benefits h2 {

  font-size: 20px;

}

.page-template-page-tools-php #page_content #applications p,

.page-template-page-tools-php #page_content #features_benefits p {

  margin: 0;

}



.page-template-page-tools-php #page_content #applications .more,

.page-template-page-tools-php #page_content #features_benefits .more {

  display: none;

}





.page-template-page-tools-php #specs {

  width: 719px;

  float: left;

}

.page-template-page-tools-php #specs thead tr {

  background: #006540;

  /* color: #165f6a;       Old Teal  */



}

.page-template-page-tools-php #specs tbody tr {

  border-bottom: 4px solid #d9d7d7;

  width: 719px;

  float: left;

  display: block;

}

.page-template-page-tools-php #specs tbody tr.last {

  border-bottom: none;

}

.page-template-page-tools-php #specs thead tr th {



  color: #fff;

  font-size: 17px;

  text-align: left;

  text-transform: uppercase;

  padding: 3px 0 3px 17px;

  width: 691px;

}

.page-template-page-tools-php #specs tbody tr th {

  background: #83999e;

  padding: 0 17px 0 17px;

  color: #3f3f3f;

  font-size: 16px;

  text-align: left;

  width: 158px;

  height: 46px;

  display: table-cell;

  vertical-align: middle;

}



.page-template-page-tools-php #specs tbody tr th span {

  display: block;

  font-size: 11px;

}

.page-template-page-tools-php #specs tbody tr td {

  width: 176px;

  background: #aaa8a8;

  text-align: center;

  height: 44px;

  font-size: 14px;

  line-height: 14px;

  color: #3f3f3f;

  border-right: 1px solid #6f6a64;

  display: table-cell;

  vertical-align: middle;

}

.page-template-page-tools-php #specs tbody tr.six_col td {

  width: 85px;

}

#ie8 .page-template-page-tools-php #specs tbody tr.six_col td,

#ie9 .page-template-page-tools-php #specs tbody tr.six_col td {

  width: 87px;

}

.page-template-page-tools-php #specs tbody tr.one_col td,

.page-template-page-tools-php #specs tbody tr td.one_col {

  width: 527px;

}

.page-template-page-tools-php #specs tbody tr td.last {

  border-right: none;

}

.page-template-page-tools-php #specs tbody tr td span {

  font-size: 11px;

}

.page-template-page-tools-php #downloads {

  width: 117px;

  float: left;

}

.page-template-page-tools-php #page_body #page_content #downloads h2 {

  background: url(img/downloads_bg.jpg) no-repeat 0 0;

  width: 97px;

  height: 29px;

  color: #fff;

  text-transform: uppercase;

  font-size: 12px;



  padding: 1px 0 0 20px;

  margin: 0 0 10px 0;

}

.page-template-page-tools-php #page_body #page_content #downloads a {

  display: block;

  font-size: 13px;

  line-height: 16px;

  color: #000;

  text-align: center;

  margin: 0 0 20px 0;

}

.page-template-page-tools-php #page_body #page_content #downloads a img {

  display: block;

  margin: 0 auto 5px auto;

}

#tool-specs {

	display:block;

	width:980px;

	margin: 0 auto;

	background: url(img/tools-specs-bg-v2.jpg) repeat-y;

	background-position: top left;

	}

#tool-specs-header {

	background: url(img/tools-header3.png) no-repeat;

	background-position: top left;

	width:980px;

	height:86px;

}

#tool-specs h6 {

	color:#fff;

	font-size:14px;

	padding:52px 0 0 27px;



}

#tool-specs-1, #tool-specs-2, #tool-specs-3 {

	float:left; display:inline;



	}

#tool-specs-1 {

	width:190px;

	padding:10px 15px 10px 25px;

}

#tool-specs-2 {

	width:370px;

	padding:10px 20px 10px 30px;

}

#tool-specs-2 article { width:370px; padding-left:0; }

#tool-specs-2 article  p { padding-left:0; margin-left:0; }

#tool-specs-2 h1 {

/* color:#18606B;       Old Teal Color */  /* color:#016440;   Old Green Color*/

	color:#000!Important;

	font-size:17px;

	padding:0;

	margin:0;

	width:370px;

	}





#tool-specs-2 h3 {

	color:#bd6600!Important;

	font-size:23px;

	padding:0;

	margin-bottom:0;

	margin-top:-3px;

	width:370px;

	line-height:26px;

	}



#tool-specs-2 .date {

  color:#605e5e;

  /* color:#777674;  */

  font-size:14px;

  margin-top:-3px;

  margin-bottom:2px;

}





#tool-specs-2 p {

  color:#767676;

  font-size:19px;

  font-weight:100;

  line-height:25px;

  padding-bottom:0px;

  margin-bottom:0px;

  padding-left:0px;

}



#tool-specs-2 .more-link {

  font-size:14px;

  font-weight:400;

  padding:0px;

  margin-top:-30px;

}



#tool-specs-2 br {

  height:2px;

}









#tool-specs-2 article {

margin-bottom:20px;

}





#tool-specs-3 {

	width:285px;

	padding:10px 20px;

}

#tool-specs-3 p{

	margin:0; padding:0; width:250px;

}



.case_history_new { margin-bottom:30px; }

.case_history_new .graphic { float:right; display:inline; width:120px; }

.case_history_new .graphic img { max-width:120px; }

.case_history_new .info { float:left; display:inline; width:250px; }

.case_history_new h1 {

	/* color:#18606B; */

	color:#016440;

	font-size:17px;

	line-height:25px;

	padding:0;

	margin:0;

	width:250px;

}

.case_history_new h2 {



	font-size:15px;

}



#tool-specs a.pdf img { display:none; }

#tool-specs a.pdf { display:block; margin: 0 auto -40px; width:250px; height:151px; background: url(img/new-pdf.png) no-repeat; background-position: top center; padding-top:160px; text-align:center; font-weight:bold; }



#tool-specs a.excel img { display:none; }

#tool-specs a.excel { display:block; margin: 0 auto -40px; width:250px; height:151px; background: url(img/new-software.png) no-repeat; background-position: top center; padding-top:160px; text-align:center; font-weight:bold; padding-bottom:0;}



#tool-specs a.ppt img { display:none; }

#tool-specs a.ppt { display:block; margin: 0 auto -40px; width:250px; height:151px; background: url(img/new-software.png) no-repeat; background-position: top center; padding-top:160px; text-align:center; font-weight:bold; padding-bottom:0;}



.tool-video { display:block; width:280px; margin: 0 0 0 10px; text-align:center; margin-bottom:30px; font-weight:bold; }



.tool-video h5 { color:#bd6600; text-align:left; text-transform:uppercase; font-size:16px; margin: 0 0 0px; }



.tool-video p { text-align:left; }



h3.sub-title { color:#000!important; font-size:17px; margin-bottom:10px; }

article.blog-post { margin-bottom: 40px; }



#hydropull #traction_rate,

#hydroblast #traction_force {

  display: none;

}





#jet-rotor #nozzle_head_style td {

  font-weight: bold;

}

#jet-rotor .nested tr {

  width: 525px !important;

}

#jet-rotor .nested tr td.last {

  width: 83px !important;

}

#jet-rotor .nested tbody td {

  height: 24px !important;

}

#jet-rotor #flow_rates th {

  padding: 0 0 0 17px !important;

  width: 175px;

}

#jet-rotor #flow_rates th div {

  float: left;

  width: 141px;

  padding: 17px 0 0 0;

}

#jet-rotor #flow_rates_th,

#jet-rotor #flow_rates_th tr,

#jet-rotor #flow_rates_th td {

  width: 30px !important;

  border: none;

  font-size: 12px;



}

#ie8 #jet-rotor #flow_rates_th,

#ie8 #jet-rotor #flow_rates_th tr,

#ie8 #jet-rotor #flow_rates_th td,

#ie9 #jet-rotor #flow_rates_th,

#ie9 #jet-rotor #flow_rates_th tr,

#ie9 #jet-rotor #flow_rates_th td {

  width: 33px !important;



}

#jet-rotor #flow_rates_th tr {

  border-bottom: 4px solid #d9d7d7;

  border-right: 1px solid #6f6a64;

}

#jet-rotor #flow_rates_th tr.last {

  border-bottom: none;

}

#jet-rotor #flow_rates_th td {

  height: 25px;

}





#mgs-wbs .info_wrapper h4 {

  text-transform: uppercase;



  color: #636363;

  font-size: 18px;

  margin: -5px 0 15px 0;

}













/* Services

--------------------------------------------------------------*/

#services #page_header {

  background: url(img/services_header.jpg) no-repeat top right;



}

#services #sidebar img {

  display: block;

  margin: 40px 0 0 13px;

}

#services #page_content .service {

  width: 670px;

  float: left;

  background: #ffffff;

  padding-bottom:20px;

  margin: 0 0 20px 0;

}

#services #page_content .last {

  margin: 0 0 40px 0;

}

#services #page_content .service img {

  float: left;

  width: 286px;

  display: block;

  margin: 0 12px 0 0;

}

#services #page_content .service .info {

  float: left;

  width: 347px;

  margin-left:25px;

  margin-top:-7px;

}







#services #page_content .service h2 {

  margin: 0 0 10px 0;

}

#services #page_content .service .info p,

#services #page_content .service .info ul {

  font-size: 14.75px;

  line-height: 24px;

  color: #605e5e;

}

#services #page_content .service .info p.list_header {

  margin: 0;

}

#services #page_content .service .info ul li {

  list-style-type: disc;

  margin: 0 0 10px 23px;

}















/* Resources

--------------------------------------------------------------*/



.resources_section #page_header,

.single-post #page_header,

.archive #page_header  {

	height:352px;

}





.resources_section .info, .single-post .info, .archive .info {

  float: left;

  margin: 50px 0 0 45px;

  width: 655px;

}

.resources_section .info h2, .single-post .info h2, .archive .info h2 {

  /*text-transform: uppercase;*/

  font-size: 36px;

  line-height: 36px;

  color: #0d4e46;

  color:#D67703;

  margin: 0 0 15px 0;

  width:655px!important;



}





.resources_section #page_body #page_content,

.single-post #page_body #page_content,

.archive #page_body #page_content {

  padding-top:0;

  padding-right:30px;

  width:685px;

}



.blog {

  float: left;

  display:inline;

  width: 500px;

  margin-right:45px;

  padding-bottom:20px;

}

.blog_sidebar {

  float: right;

  display:inline;

  width: 130px;

  padding: 30px 0 0 0;

}

.blog_sidebar h3 {

  text-transform: uppercase;

  color: #006540;

  /* color: #165f6a;       Old Teal  */

  font-size: 14px;

  margin: 0 0 5px 0;

}

.blog_sidebar li {

  list-style-type: none;

  padding: 0;

  margin: 0 0 5px 0;

  font-size: 16px;

  line-height: 20px;

}

.blog_sidebar li a {

  color: #535353;

}

.blog a:hover,

.blog_sidebar a:hover {

  text-decoration: underline;

}

article {

  width: 500px;

  float: left;

  margin: 0 0 0px 0;

}

article .date {

  display: block;

  font-size: 17px;

  line-height: 30px;

}

article h2 {

  font-size: 22px;

  line-height: 28px;

  color: #bd6600;

}

article h2 a {

  color: #bd6600;

}

article .author {

  display: block;

  font-size: 14px;

  line-height: 20px;

  margin: 0 0 10px 0;

}

article p {

  font-size: 18px;

  line-height: 30px;

  margin: 0 0 0 18px;

}

article .twitter_link,

article .facebook_link {

  display: block;

  float: left;

  margin: 0 10px 0 0;

}

article .more-link {

  font-size: 12px;

  text-transform: uppercase;

  font-weight: bold;

  color: #006540;

  /* color: #165f6a;       Old Teal  */

  padding: 0 0 0 5px;

}



#videos .blog h2 {

  font-size: 24px;

  margin: 0;

}

#videos .blog ul {

  margin: 0 0 60px 0;

  color: #000;

  line-height: 28px;

}

#videos .blog li a {

  color: #006540;

  /* color: #165f6a;       Old Teal  */

  font-size: 14px;

  font-weight: bold;

}

.tool-video span {
color: #006540;

  font-weight: bold;
}

/* About

--------------------------------------------------------------*/

#about #page_header {

  background: url(img/about_header.jpg) no-repeat top right;

}

#about #sidebar img {

  display: block;

  margin: 40px 0 0 13px;

}













/* Contact

--------------------------------------------------------------*/

#contact #page_header {

  background: url(img/contact_header.jpg) no-repeat top right;

}

#contact #page_content h2 {

  color: #006540;

  /* color: #165f6a;       Old Teal  */

  font-size: 36px;

  line-height: 36px;



}

#contact #page_content p {

  font-size: 24px;

  line-height: 30px;

  color: #605e5e;

}

#contact #page_content p .phone {

  color: #006540;

  /* color: #165f6a;       Old Teal  */

  display: block;

  margin: 18px 0 0 0;

}

#contact #page_content p a{

  color: #605e5e;

}







/* Distributors

--------------------------------------------------------------*/

li.green-nav a{ background:#3D8869; border-right:0!important; }
li.green-nav a { color:#fff!important;  }
ul#left-sub-menu a{ max-width:195px; overflow:hidden; }
ul#left-sub-menu a { display:block!important; padding-left:40px!important; color:#fff!important; }
li.green-nav a.current, li.green-nav a:hover, li.green-nav.active { background:#006440!important; }
#distributors #page_header, #oil-states-energy-services #page_header {

  background: url(img/contact_header.jpg) no-repeat top right;

}

#distributors #page_header #baker_hughes, #oil-states-energy-services #page_header #baker_hughes {

  position: absolute;

  left: 68px;

  top: 195px;

}

#distributors #page_header #trican, #oil-states-energy-services #page_header #trican {

  position: absolute;

  left: 40px;

  top: 275px;

}

#distributors #page_content table, #oil-states-energy-services #page_content table {

  width: 570px;

  margin: 0 0 40px 0;

}

#distributors #page_content table th, #oil-states-energy-services #page_content table th {

  text-align: left;

}

#distributors #page_content table thead th, #oil-states-energy-services #page_content table thead th {

  text-transform: uppercase;

  color: #bd6600;

  font-size: 23px;

  /*padding: 0 0 3px 3px;*/



}

#distributors #page_content table tbody th,
#distributors #page_content table tbody td,
#oil-states-energy-services #page_content table tbody th,
#oil-states-energy-services #page_content table tbody td {



}

#distributors #page_content table tbody th span,
#distributors #page_content table tbody td span,
#oil-states-energy-services #page_content table tbody th span,
#oil-states-energy-services #page_content table tbody td span {

  background: #f5f5f5;

  padding: 10px 0 10px 8px;

  font-size: 18px;

  color: #605e5e;

  border-bottom: 4px solid #fff;

  display: block;

}

#distributors #page_content table tbody tr, #oil-states-energy-services #page_content table tbody tr {

  margin: 0 0 4px 0;

}

#distributors #page_content table tbody td:last-child, #oil-states-energy-services #page_content table tbody td {

  border-left: 2px solid #878c87;

}

#distributors #page_content table tbody tr:last-child th span,
#distributors #page_content table tbody tr:last-child td span,
#oil-states-energy-services #page_content table tbody tr:last-child th span,
#oil-states-energy-services#page_content table tbody tr:last-child td span {

  border: 0;

}



#distributors #page_content #global,
#oil-states-energy-services #page_content #global {

  width: 390px;

  height: 142px;

}

#distributors #page_content #global tbody th,
#oil-states-energy-services  #page_content #global tbody th {

  height: 142px;

  background: #f5f5f5;



}

#distributors #page_content #global tbody th h4 {

  border-bottom: 4px solid #fff;

  padding: 10px 0 10px 8px;

}

#distributors #page_content #global tbody th h4.last {

  border: 0;

}

#distributors #page_content #global td {

  height: 142px;

  vertical-align: middle;

  background: #f5f5f5;

  padding: 0 0 0 8px;

}







/* Client Area

--------------------------------------------------------------*/

#client-area #page_header {

  background: #218d9d url(img/doc_bg.png) no-repeat top right;

}

#client-area #page_header #quote {

  position: absolute;

  top: 74px;

  left: 40px;

  font-size: 26px;

  line-height: 32px;

  /*font-style: italic;*/

  width: 260px;

  color: #fff;

  font-family: 'Archivo Narrow', sans-serif;

}

#client-area #page_content form {

  width: 473px;

  float: left;

}

#client-area #page_content form p:first-child { display: none; }

#client-area #page_content form br {

  display: none;

}



#client-area #page_content form input[type="password"] {

  margin: 0 0 0 40px;

  background: #e7e7e7;

  width: 330px;

  height: 42px;

  padding: 0 0 0 10px;

  border: none;

  font-size: 24px;

}

#client-area #page_content form input[type="submit"] {

  display: block;

  float: right;

  margin: 12px 0 0 0;

  background: transparent url(img/submit_btn.png) no-repeat 0 0;

  border: 0;

  text-indent: -9999px;

  width: 110px;

  height: 42px;

}

#client-area #page_content li {

  font-size: 22px;

  margin: 0 0 15px 0;

}







@media screen and (max-width: 480px) {

	html {

	  background: #fff url(img/bg_mobile.jpg) no-repeat center bottom;

	  min-width: 1200px;

	}

	#home #news .date {

      margin: 25px 0 0 0;



	}





	#home #news p {

	  font-size: 18px;

	  line-height: 22px;



	}

}



.vjs-default-skin div.vjs-big-play-button span { background: trasnparent!important; background-position: -5000px -5000px!important; display:none!important; }

.iebtn {
  display:inline-block;
  background-color: #006440;
  clear: both;
  padding: 3px 10px;
  border-radius: 4px;
  color: #fff!important;

  text-align:center;
}



#fade {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  display: none;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  right: 0;
  top: 0;
  bottom: 0;
}

#close {
  text-align: center;
  width: 32px;
  height: 32px;
  top: -16px;
  right: -16px;
  border-radius: 50%;
  background: #222;
  position: absolute;
  line-height: 29px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

#popup {
  z-index: 999;
  position: fixed;
  background-repeat: no-repeat;
  height: 150px;
  max-width: 500px;
  margin: 25px auto;
  display: none;
  left: 50%;
  top:50px;
  background-color:#006440;
  padding-right: 25px;
}

#text {
  color: #ffffff;
  padding:20px;
  float: left;
}


@media (max-width: 750px) {

#popup {
  height: auto;
  background-image: none;
  left: 0;
  margin-left: -0;
  padding-right: 0;
}

#text {
  float: none;
  width: 100%;
}

#close {
  top: -16px;
  right: 0px;
}

}

iframe {
  max-width:100%;
}
