@import url("css/html5.css");

/*
Theme Name: Envirostrat Theme
Author: TimeZoneOne
Author URI: http://www.timezoneone.com
Description: Copyright Envirostrat 2012
Job Number: J000600
*/

/* #Block Skype Toolbar
================================================== */
span.skype_pnh_container {
	display: none !important;
}
span.skype_pnh_print_container {
	display: inline !important;
}
body {padding:0;margin:0; font-family:Arial, Helvetica, sans-serif; border-top: solid #8abf3b 8px;color:#626262;font-size:15px;}
.wrapper {width:960px;margin:0 auto;position:relative;}
#header {height:120px;}
#logo {position:absolute;left:0;top:18px;}
#contact {font-size:16px;font-weight:bold;text-transform:uppercase;position:absolute;right:0;top:25px;margin:0;}
a {color:#000}
a:hover {color:#8abf3b}
a:active {position:relative;top:1px;left:1px}
#contact a {text-decoration:none;color:#626262}
#contact a:hover {text-decoration:underline}
#contact a:active {color:#000}
#header .social {position:absolute;right:0;top:50px; }
#header ul, #header ul li, .footer-nav li {margin:0;padding:0;float:left; list-style-type:none;}
.social li {list-style-type:none; }
.social li a {display:block;height:20px;width:20px;overflow:hidden;text-indent:-999px;background-image:url(img/social-sprites.gif);margin-left:3px;}
.social li a.facebook {background-position:center top;}
.social li a.twitter {background-position:left top;}
.social li a.linkedin {background-position:right top;}
.social li a.facebook:hover {background-position:center -20px;}
.social li a.twitter:hover {background-position:left -20px;}
.social li a.linkedin:hover {background-position:right -20px;}
.social li a:active {left:0;top:0;}
.social li a.facebook:active {background-position:center -40px;}
.social li a.twitter:active {background-position:left -40px;}
.social li a.linkedin:active {background-position:right -40px;}
#menu-main {position:absolute;right:0;bottom:0;}
#menu-main ul li ul {display:none;}
#menu-main a {display:block;padding:5px 10px;text-decoration:none;background-color:#9ab89e;color:#fff;text-transform:uppercase;font-size:13px;}
#menu-main a:hover, #menu-main a.current {background-color:#8abf3b;}
.entry-content {width:590px; float:left;}
h1,h2,h3,h4,h5,h6,th {	font-family:"Arial Narrow", "Open Sans Condensed", Arial, sans-serif;line-height:1em;}
h1,h4 {color:#8abf3b}
h1 {font-size:34px; }
.sidebar {width:320px;float:right;}
.widget {padding:25px 30px 10px 30px; background-color:#f5f5f5;list-style-type:none;margin-bottom:15px;}
.widgettitle {font-size:15px; text-transform:uppercase; border-bottom:1px solid #d6d6d6;width:100%;padding:0 10px 10px 10px;position:relative;left:-10px;margin-top:0px;}
.widget .textwidget img {border:10px solid #fff; width:240px; height:auto}
.widget .textwidget a, a.more {color:#8abf3b;font-weight:bold;}
.widget .textwidget a:hover, a.more:hover {color:#000}
ol,ul {padding-left:15px;}
blockquote {background-color:#f5f5f5; margin: 1em 0; padding:10px 20px}
.entry-content td {border-bottom:1px solid #8abf3b;padding:5px;}
.entry-content th {border-bottom:3px solid #8abf3b;padding:5px; text-align:left; vertical-align:top;color:#8abf3b;font-size:18px;}
input, textarea {border:1px solid #d6d6d6;background-color:#f5f5f5;padding:5px;}
input[type=submit] {padding:5px 10px;text-decoration:none;background-color:#9ab89e;color:#fff;text-transform:uppercase;font-size:13px;border:0 none;position:relative;}
input[type=submit]:hover {background-color:#8abf3b;}
input[type=submit]:active {padding:7px 8px 3px 12px;background-color:#5b8e01;-moz-box-shadow: inset 2px 4px 5px #385800;
	-webkit-box-shadow: inset 2px 4px 5px #385800;
	box-shadow: inset 2px 4px 5px #385800;}
.front-page .feature {height:350px;background:url(img/home-image.jpg) no-repeat center top;}
.content .feature {height:125px; background:url(img/headerimage.jpg) no-repeat;}
.content .feature.industries {background-position: center -128px;}
.content .feature.about-us {background-position: center -256px;}
.content .feature.case-studies {background-position: center -384px;}
.content .feature.contact-us {background-position: center -512px;}
.content h1 {padding-bottom:20px;margin-bottom:0;}
.post {border-top:1px solid #DFDFDF;padding:1em 0;}
#footer {background-color:#383838;margin-top:20px;padding-bottom:60px;}
.clear { clear:both;}
.footer-nav {margin:0 auto;}
.footer-nav li a {margin-bottom:60px;display:block;width:310px;padding-top:125px; text-align:center; text-transform:uppercase; color:#939393; text-decoration:none; background-image:url(img/footer-sprites.gif); background-repeat:no-repeat;}
.footer-nav li a:hover {color:#fff;}
a.case-studies, a.services {border-right:1px solid #fff}
a.case-studies {background-position:110px 10px;}
a.services {background-position:110px -175px;}
a.industries {background-position:110px -342px;}
a.case-studies:hover {background-position:-107px 10px;}
a.services:hover {background-position:-107px -175px;}
a.industries:hover {background-position:-107px -342px;}
#footer p {margin:0; font-size:13px;}
#footer p a {color:#939393;}
#footer p a:hover {color:#8abf3b;}
/* This is required to make the various buttons, which come from various sources line up nicely*/
.open-share {display:none;}
.share {position:fixed; clear:both;background-color:#fff; padding:0 10px 10px 10px;top:50%;margin-top:-20px;left:-99999px; margin-left:-125px;
color:#626262; 
-moz-box-shadow: 2px 2px 18px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 2px 2px 18px rgba(0, 0, 0, .5);
	box-shadow: 2px 2px 18px rgba(0, 0, 0, .5);
	behavior: url(/ie-fix/PIE.php);
	z-index:99999; width:250px;
	}
	.share h3 {margin:0; color:#fff; background:#8abf3b;margin-bottom:10px;padding:5px 10px;left:-10px;position:relative; width:100%;}
.share iframe, .share div {position:relative; display:inline-block; vertical-align:text-bottom !important; height:20px !important; font-size:inherit !important;}
.share iframe.fb_ltr { height:450px !important;}
.share .close {display:block; width:10px;height:10px; background: url(img/social-sprites.gif) -10px -60px; overflow:hidden;text-indent:-999px;float:right;margin-top:5px;}
.share .close:hover { background-position:0px -60px;}
.share .close:active { background-position:-20px -60px;left:0;top:0;}
p#timezoneone {position:absolute;right:0;width:137px; font-size:10px; top:205px; text-align:center}


/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #JQuery Plugin Styles
================================================== */
/* Basic jQuery Slider essential styles */

ul.bjqs {position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
ul.bjqs h3 { font-weight:normal;font-size:30px;line-height:35px;margin:0 0 10px 0;}
li.bjqs-slide{display:none;position:absolute;}
ul.bjqs-controls {list-style:none;margin:0;padding:0;z-index:9999; position:absolute;top:-38px;right:0;}
ul.bjqs-controls .bjqs-next {font-size:15px; text-transform:uppercase;font-family:"Arial Narrow", "Open Sans Condensed", Arial, sans-serif;line-height:1em; font-weight:bold;}
ul.bjqs-controls .bjqs-next a {text-decoration:none;color:#5b8e01;}
ul.bjqs-controls .bjqs-next a:hover {color:#8ABF3B;}
ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li {float:left;}
p.bjqs-caption {display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.bjqs-prev {display:none;}

/* SCROLLING DIV � CLIENTS */
#nz-clients, #int-clients {border-top:1px solid #8abf3b;clear:both;height:60px; padding:30px 0; position:relative; width:590px; background-color:#fff; z-index:99;}
#int-clients {z-index:-99;}
#clients h3 {padding:0;margin:0;}
#clients h3 a {background-color:#8abf3b; font-weight:normal;color:#fff;margin:0;padding:5px 10px;float:left; text-transform:uppercase; font-size:14px; text-decoration:none;}
#clients h3 a#int-clients-button {background-color:#5b8e01;}
div.scrollingHotSpotLeft,
div.scrollingHotSpotLeftVisible {display:block !important;}
div.scrollingHotSpotRight,
div.scrollingHotSpotRightVisible {
	width: 10px;
	height: 20px;
	background: url(img/arrow.gif) no-repeat left center;
	position: absolute;
	z-index: 200;
	right: 0;
	top:-23px;
	cursor: pointer;
	opacity:1 !important;
	zoom: 1;
}
div.scrollingHotSpotRightVisible {
	background-position:left top;
}
div.scrollingHotSpotRightVisible:active {
	background-position:left bottom;
}
.gradient {
	height:80px;padding:30px 0;width:10px;background: url(img/feather.png) right top;
	position:absolute;top:0; z-index:999;}
.gradient.left {left:0;}
.gradient.right {right:0;background-position:left top;}
/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/* #IE Fixes
================================================== */
body {margin-top:0px !important;}
.buorg {
	border-bottom:  8px solid #8ABF3B !important;
	margin: 0px !important;
	padding:10px 0px;
	background-color:#fff !important;
	position:relative !important;
	color:#514f4e !important;
	background-image:none !important;
}
.buorg a {color:#000 !important;}
.buorg div {
	width:890px !important;
	position:relative;
	margin:0 auto;
}
#buorgclose {
	width:12px !important;
}
.disabled {
	border-bottom: 8px solid #8ABF3B;
	margin: 0px auto;
	padding:1px 0px;
	text-align: left;
	width: 100%;
	background-color:#fff;
}
.disabled p {
	text-align:center;
}
.no-js #clients {display:none;}
.no-js .bjqs {display:block;}
.no-js .bjqs li {display:none;}

.no-js .bjqs li:first-child {display:block;}

/* IE7 and lower */

.lt-ie8 .open-share {display:none;}
.lt-ie8 h1 {padding:1em 0; margin:0;}
.lt-ie8  ul.bjqs-controls {top:-45px;}
.lt-ie8  ul.bjqs-controls a:active {left:0 !important;top:0 !important;}
.lt-ie8 #clients {display:none;}


.lt-ie8 {
}
/* IE6 */
.lt-ie7 {
}