/*
Theme Name:         Halite Theme
Version:            v0.8
Author:             Soap Media
Author URI:         http://www.soapmedia.co.uk/
*/

@charset "utf-8";

/* -------- GLOBAL CLASSES */
img.left, .alignleft { margin: 0 1.5em 1.5em 0 }
img.right, .alignright { margin: 0 0 1.5em 1.5em }

body {
	margin:0;
	padding:0;
	text-align:left;
 	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
}
form#form1 input {
	width:200px;
	margin-bottom:5px;
	border:1px solid #afafaf;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
form#form1 textarea {
	width:200px;
	margin-bottom:5px;
	border:1px solid #afafaf;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.inputtextrequired {
	background:#f0f3de;
	border:1px solid #afafaf;
}
.inputtextarearequired {
	background:#f0f3de;
	border:1px solid #afafaf;
}
form#form1 .inputbutton {
	background:#40AE49;
	color:#fff;
	font-weight:bold;
	width:100px;
	padding:5px;
	cursor:pointer;
}
#container {
	margin:0 auto;
	text-align:left;
	width:960px;
	background:#fff;
	position:relative;
	padding:10px;
	padding-bottom:20px;

	
}

#header {
	height:141px;

	
}
.logo {
	float:left;
	width:200px;
	margin-top:39px;
	margin-left:28px;
}
#top-nav {
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	font-size:9px;
	color:#bcda6b;
	margin-top:15px;
	width:585px;
	overflow:hidden;
	top:0;
	right:0;
	
}
#top-nav li {
	display:inline;
}
#top-nav a {
	color:#bcda6b;
	text-decoration:none;
}
#top-nav a:hover {
	text-decoration:underline;
}
#middle {
	clear:both;
	height:292px;
	background:url("images/home-middle.jpg") left -6px no-repeat;
	padding-top:27px;
	margin-bottom:34px;
}

#side-nav { margin:0; padding:0; list-style:none; width:221px }
#side-nav li a { display:block; color:#a6ce39; text-decoration:none; font-style:italic; font-size:14px; font-weight:bold; padding:8px 0 8px 32px; line-height:16px }
#side-nav li a:hover { color:#41ad49 }
#side-nav li ul { padding-left:32px; list-style:none; display:none }
#side-nav li ul li {  }
#side-nav li ul li a { font-size:11px; margin:0; padding:5px 0; line-height:13px; color:#40AE49; text-decoration:none; font-style:normal; background:none !important }
#side-nav li ul li a:hover { color:#6b6b6b }
#side-nav li ul li ul { padding-left:20px; list-style:disc; color:#41ad49 }
#side-nav li ul li ul li {  }
#side-nav li ul li ul li a { font-size:10px; line-height:12px; padding:0 }
#side-nav li.current-menu-item > a,
#side-nav li.current_page_parent > a { color:#41ad49 }
#side-nav ul li.current-menu-item > a { color:#6b6b6b }
#side-nav li.current-menu-item ul.sub-menu,
#side-nav li.current-page-ancestor ul.sub-menu { display:block }

#side-nav li.home a			{ background:url("images/nav_home.png") no-repeat left }
#side-nav li.team a			{ background:url("images/nav_team.png") no-repeat left }
#side-nav li.project a		{ background:url("images/nav_project.png") no-repeat left }
#side-nav li.application a	{ background:url("images/nav_application.png") no-repeat left }
#side-nav li.gas a			{ background:url("images/nav_gas.png") no-repeat left }
#side-nav li.environment a	{ background:url("images/nav_environment.png") no-repeat left }
#side-nav li.safety a		{ background:url("images/nav_safety.png") no-repeat left }
#side-nav li.news a			{ background:url("images/nav_news.png") no-repeat left }
#side-nav li.links a		{ background:url("images/nav_links.png") no-repeat left }
#side-nav li.contact a		{ background:url("images/nav_contact.png") no-repeat left }

#middle-text {
	float:left;
	width:380px;
	margin-left:65px;
	margin-top:150px;
}
#further-content h1 {
    font-size:24px;
    line-height:26px;
    color:#40ae49;
    font-style:italic;
    margin-bottom:15px;
	padding-bottom:15px;
    border-bottom:2px dotted #40ae49;
    font-weight:bold
}

#further-content h2 { font-weight:bold; margin-bottom:20px; font-size:15px }

#further-content h3 { font-weight:bold; margin-bottom:20px; font-size:13px }

#middle-text ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:20px;
}
#middle-text li {
	margin:0;
	padding:0;
	color:#40AE49;
	font-size:18px;
	margin-bottom:8px;
	font-weight:bold;
	font-style:italic;
	background:#fff;
}
#middle-text li a {
	color:#40ae49;
	font-size:16px;
	background:url("images/green-arrow.gif") left 5px no-repeat;
	padding-left:15px;
	font-weight:bold;
	text-decoration:none;
}
#middle-text li a:hover {
	text-decoration:underline;
}
#home-boxes {
	clear:both;
	padding-left:27px;
	font-size:11px;
	color:#636466;
}
#home-boxes a {
	color:#70c277;
}
.box {
	background:url("images/box.gif") left 41px no-repeat;
	width:200px;
	height:252px;
	margin-right:15px;
	float:left;
	padding-left:9px;
	padding-right:8px;
	padding-bottom:11px;
	margin-bottom:21px;
	
}
.box h2 {
	margin:0;
	padding:0;
	font-size:14px; /*16px */
	font-style:italic;
	color:#40ae49;
	margin-bottom:9px;
	height:40px;
}

.box p {
	margin:0;
	padding:0;
	line-height:13px;
}
.box.box3 p {
	padding-bottom:5px;
}
.box p.news-title {
	font-weight:bold;
	color:#4cb354;
}
.box p.news-title a {
	text-decoration:none;
}
.box p.news-title a:hover {
	text-decoration:underline;
}
.box p.news-article {
	margin-bottom:10px;
}
.where-img {
	margin-top:7px;
}
.support {
	background:url("images/support.jpg") left 26px no-repeat;
}
.support form {
	color:#fff;
	font-weight:bold;
	font-size:10px;
}
.support form input.input-button {
	background:url("images/submit-button.png");
	width:57px;
	height:23px;
	border:none;
	cursor:pointer;
	margin-top:15px;
}
#newsletter-form {
	margin-top:4px;
	font-size:11px;
}

#output {
	color: #c00;
}

.float {
	float:left;
}
#newsletter-form input {
	display:block;
	margin-bottom:5px;
}
#newsletter-form input.text {
	width:182px;
	height:11px;
	background:#e7e7e8;
	border:1px solid #f3f3f4;
	color:#636466;
	padding:5px;
	font-size:11px;
}
#newsletter-form textarea {
	width:182px;
	height:90px;
	background:#e7e7e8;
	border:1px solid #f3f3f4;
	color:#636466;
	padding:5px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
#newsletter-form input.button {
	background:url("images/subscribe.jpg");
	width:72px;
	height:23px;
	border:none;
	cursor:pointer;
	
	margin-left:113px;
}
#footer {
	clear:both;
	height:25px;
	background:url("images/footer.gif") left top no-repeat;
	color:#bcda6b;
	font-size:10px;
}
#footer a {
	color:#bcda6b;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
p.copyright {
	float:left;
	width:300px;
	margin:0;
	padding:0;
	margin-top:15px;
	margin-left:28px;
}
p.footer-nav {
	float:right;
	margin:0;
	padding:0;
	margin-top:15px;
	margin-right:28px;
	
}
#further-left {
	margin-bottom:20px;
	float:left;
	width:262px;
	margin-top:27px;
}
#further-right {
	width:698px;
	margin-bottom:20px;
	margin-left:262px;
	color:#636466;
	line-height:18px;
	font-size:12px;
	margin-top:27px;
}
#further-right p {
	padding:0;
	margin-bottom:20px;
}
#further-content {
	width:456px;
}
#further-right a {
	color:#A6CE39;
}
#sidebar {
	width:227px;
	float:right;
	padding-top:151px;
	margin-left:15px;
}
#sidebar h3 {
	margin:0;
	padding:0;
	color:#40ae49;
	font-size:16px;
	font-style:italic;
	margin-bottom:10px;
}
.project-icon {
	position:absolute;
	top:50px;
	right:15px;
}
.content-img {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
img.did-you-know {
	float:left;
	width:87px;
	margin-top:20px;
	margin-right:18px;
	margin-bottom:20px;
	
}
#further-right p.did-you-know-text {
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
	color:#a6ce39;
	font-weight:bold;
	font-style:italic;
	width:320px;
	margin-top:36px;
}
#further-news {
	background:url("images/news-content.gif") left repeat-y;
	width:189px;
	padding:15px;
	padding-top:5px;
	padding-bottom:5px;
}
.block {
	display:block;
}
#further-right p.news-title {
	font-weight:bold;
	color:#4cb354;
	margin:0;
	padding:0;
}
#further-right p.news-article {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
.margin {
	margin-bottom:25px;
}
strong.bold-style {
	font-size:14px;
	font-weight:bold;
	color:#40ae49;
	font-style:italic;
}
ul#homeScroll {
	background:#fff;
}
li#homeScroll li {
	background:#fff;
}
img.rq {
	
}
p#tagline {
	float:left;
	margin:0;
	padding:0;
	color:#48af44;
	width:500px;
	font-size:35px;
	clear:right;
	margin-left:152px;
	margin-top:65px;

}
.question {
	padding:5px;
	background:#f2f5eb;
	border:1px solid #b5cc76;
	margin-bottom:15px;
}

#further-right p.dyk { padding-left:100px; min-height:69px; color:#96dc24; padding-top:25px; background:url("images/did-you-know.gif") no-repeat left }
#further-right p.highlight { font-size:14px; font-weight:bold; color:#40AE49; font-style:italic }
#further-right p.highlight a { font-weight:inherit }

.home-strap { position:absolute; top:49px; right:10px; width:350px; text-align:right }
.home-strap h2 { color:#4f4f4f; font-size:26px; line-height:34px; margin-bottom:0 }
.home-strap h3 { color:#a8a8a8; font-size:18px; line-height:26px; margin-bottom:0 }

.homepage #home-header { position:relative; margin-bottom:30px }
.homepage #home-header img { display:block }
.homepage #home-header h1 { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.55); padding:20px; font-size:32px; line-height:32px }
.homepage #home-header h1 a { color:#FFF; text-decoration:none }


.homepage h2 { color:#a6ce39; font-size:20px; line-height:22px; font-weight:bold; font-style:italic; margin-bottom:20px }
.homepage hr { height:1px; border:none; background:#40af49; margin:40px 0 }

.homepage .third { float:left; width:29%; margin-right:3%; padding-right:3%; border-right:2px dashed #d2e69c; margin-bottom:40px }
.homepage .third.last { margin-right:0; border-right:0; padding-right:0 }

.homepage .third img { margin-bottom:20px }
.homepage .third h3 { color:#40af49; font-size:16px; font-weight:bold; font-style:italic; margin-bottom:20px }

.homepage #news-views { clear:both; margin-bottom:40px; overflow:hidden }
.homepage #news-views h2 { background:#4f4f4f; color:#FFF; font-weight:normal; font-size:20px; line-height:20px; padding:15px; margin-bottom:0 }
.homepage #news-views .half { width:49%; float:left; margin-right:2%; background:#f3f3f3 }
.homepage #news-views .half.last { margin-right:0 }
.homepage #news-views .half h3 { background:#a6ce39; color:#FFF; font-size:20px; line-height:20px; padding:15px; border-bottom:10px solid white; text-shadow:1px 1px 0 #7fa12f; font-weight:normal; margin:0 }
.homepage #news-views .object { border-bottom:1px solid #a6ce39; margin:20px; padding:0 0 20px 80px; position:relative; min-height:46px }
.homepage #news-views .object.bottom { padding-bottom:0; border-bottom:0 }
.homepage #news-views .object h4 { margin-bottom:0; font-weight:normal }
.homepage #news-views .object h4 a { color:#464646; text-decoration:none }
.homepage #news-views .object h4 a:hover { text-decoration:underline; color:#a6ce39 }
.homepage #news-views .object .date { margin:0; position:absolute; top:0; left:0; width:60px; text-align:right; color:#a6ce39; font-size:25px; text-transform:uppercase; line-height:23px }
.homepage #news-views .object .date b { color:#40af49; display:block }
.homepage #news-views .half p.read-more { text-align:right; margin-right:20px; text-transform:uppercase }
.homepage #news-views .half p.read-more a { text-decoration:none }

#footer { background:none; border-top:2px dotted #a6ce39; padding-top:30px; margin-bottom:30px }
#footer p { margin:0 }
#footer .row { clear:both; overflow:hidden; padding-bottom:50px }
#footer .row h2 { color:#a8a8a8; font-size:15px; margin-bottom:10px; font-weight:bold }

#footer #social { float:left; width:200px }
#footer #social ul { list-style:none; padding:0 }
#footer #social ul li { float:left; margin-right:10px }
#footer #social ul li a { width:26px; height:26px; display:block }
#footer #support { float:left; width:600px }
#footer #soap { float:right }

table#news td,
table#news th { font-size:12px; line-height:12px; padding:8px }
table#news thead tr th { color:#FFF; font-weight:bold; background:#A6CE39 }

.linklove { display:none }
.cform .cf_hidden { display:none }

.cform fieldset { margin:0 0 20px 0; padding: 20px; border:none }
.cform fieldset legend {  }

.cform label { display:block; font-weight: bold; padding:8px 0; line-height:14px; font-size:11px }

ol.cf-ol { margin: 0; padding: 0; list-style:none }
ol.cf-ol li { margin: 0 0 10px 0; padding: 0; position:relative }

label.cf-before { margin: 0.4em 5px }
label.cf-after { margin: 0.4em 5px; text-align: left; width: 115px; }
label.cf-after span { width: 115px; display: block; }
label.cf-group-after { margin: 0.4em 5px; width: 72px; text-align: left; }
label.cf-group-after span { width: 72px; display: block; }

.cform input,
.cform textarea,
.cform select { padding:7px; border: 1px solid #AFAFAF; background: #F0F3DE; margin:0; line-height:14px; font-size:11px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cform input:focus,
.cform textarea:focus,
.cform select:focus { border: 1px solid #999; background: #f7f9ee }

.cform select.cfselectmulti { height: 7.5em }
.cform textarea { font-family: arial; font-size: 0.9em; overflow: auto; resize: none; }
.ui-datepicker-trigger { cursor: pointer; margin-top: 3px; }
ol.cf-ol li.cf-box-title { color: #999999; font-size: 0.8em; font-weight: bold; margin-left: 1.5em; padding: 8px 0 0 22%; /* check with label 'width' incl. */ }
.cform input.cf-box-a,
.cform input.cf-box-b { margin: 1px 0 0 0; width: 14px; height: 22px; border: none!important; background: none!important; }
.cform input.cf-box-a { margin-left: 22%; /* check with label 'width' incl. */ }
ol.cf-ol li.cf-box-group { margin: 10px 0pt 0px !important; padding-left: 22%; }

span.reqtxt,
span.emailreqtxt { color: #40af49; position:absolute; top:0; right:0; padding:8px 0; line-height:14px; font-size:11px }


p.cf-sb { text-align: right; padding: 0!important; margin: 0; }
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton { padding: 5px 10px; margin: 0 0 0 5px; font-size: 0.8em; cursor: pointer; width: auto; border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; -khtml-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; border: 1px solid #ccc; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 1%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f7f7f7), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 1%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 1%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 1%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(top, #f7f7f7 1%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}
.cform input.backbutton:hover,
.cform input.resetbutton:hover,
.cform input.sendbutton:hover { border: 1px solid #aaa; background: #fdfdfd; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 1%, #c1c1c1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f7f7f7), color-stop(100%, #c1c1c1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 1%, #c1c1c1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 1%, #c1c1c1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 1%, #c1c1c1 100%); /* IE10+ */ background: linear-gradient(top, #f7f7f7 1%, #c1c1c1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c1c1c1', GradientType=0 ); /* IE6-9 */
}
.cform input.resetbutton { width: auto; padding: 5px 1em; }

.cform input.backbutton { width: auto; padding: 5px 1em; }

div.cf_info { color: #333; display: none; padding: 15px; margin: 10px 0; }
div.success { background: #F7F7F7 none repeat scroll 0% 50%; color: #444444; display: block; }
div.failure { display: block; background:#FFDFDF; border: 1px solid #EDC4C4; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
div.waiting { background: #F9F9F9; color: #AAAAAA; display: block; }

.cform .cf_error { color: #ad2929; border: 1px solid #ad2929; }

.cform .cf_errortxt { color: #ad2929 }
.disabled, .disabled:hover, [disabled]:hover, [disabled] {
 color: #aaa!important;
border-color: #dddddd!important;
background: none!important;
box-shadow: none!important;
}