/*
Theme Name: Graphic Green
Theme URI: http://www.graphicgreen.co.uk
Description: Wordpress theme by Graphic Green
Author: Nick Hayward
Author URI: http://www.graphicgreen.co.uk
Version: 1.0
Tags: fcs
License:
License URI:
*/

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=3.2.1');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), 
  	url('fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), 
  	url('fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), 
  	url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers) */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; 
	}

/* #Basic Styles */
	body {
		background: #fff;
		font: 12px/140% "century gothic", Arial, sans-serif;
		color: #444;
 }

/* #Typography */
	h1, h2, h3, h4, h5, h6 {
		color: #72AB3D;
		font-weight: normal; 
		line-height:100%;
	}
		
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 32px; margin-bottom: 20px;}
	h2 { font-size: 26px; margin-bottom: 20px; }
	h3 { font-size: 20px; margin-bottom: 10px; }
	h4 { font-size: 14px; margin-bottom: 10px; }
	h5 { font-size: 14px; }
	h6 { font-size: 14px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold;  }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* #Links */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }

/* #Lists */
	ul, ol { margin: 0 0 20px 30px ; }
	ul { list-style: disc outside; }
	ol { list-style: decimal; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; }
	ul.large li { line-height: 21px; }

/* #Notification Styles */

.positive, .wpcf7-mail-sent-ok {
	background: #dcffca;
	border: 1px solid #a1cd8e!important;
	color:#006600;
	padding: 5px 10px 5px 8px!important;
}

.positive:before,
.wpcf7-mail-sent-ok:before {
	content: "\f058 \0000a0 \0000a0";
	font-family: "FontAwesome";
}

.neutral {
	background: #e9f2f9 ;
	border: 1px solid #b9d4e7!important;
	color:#3A5897;
	padding: 5px 10px 5px 8px!important;
	text-shadow:1px 1px 1px #fff;
}

.neutral:before {
	content: "\f05a \0000a0 \0000a0";
	font-family: "FontAwesome";
}

.warning {
	background: #fff8db ;
	border: 1px solid #eeda88!important;
	color:#B46306;
	padding: 5px 10px 5px 8px!important;
}

.warning:before {
	content: "\f071 \0000a0 \0000a0";
	font-family: "FontAwesome";
}

.negative, 
div.wpcf7-validation-errors, 
.wpcf7-not-valid-tip {
	background: #f7e1e1 !important ;
	border: 1px solid #f7b8b8!important;
	color:#c00;
	padding: 5px 10px 5px 8px!important;
}

.negative:before,
div.wpcf7-validation-errors:before, 
.wpcf7-not-valid-tip:before {
	content: "\f057 \0000a0 \0000a0";
	font-family: "FontAwesome";
}

span.wpcf7-not-valid-tip {
	width:200px!important;
}

pre {
	font-family: monospace;
}

.left {float:left;}

.right {float:right;}

.imgleft, .alignleft {float:left; margin:0 20px 20px 0;}

.imgright, .alignright {float:right;margin:0 0 20px 20px;}

.centre {
	text-align: center;
}

abbr, acronym {
	font-style: italic;
	text-decoration:underline;
}

a, a:visited {
	color:#72AB3D;
	text-decoration: none;
}

a:hover {
	color:#72AB3D;
	text-decoration: underline;
}

.mobile {
	display:none;
}

table {
	margin:0 0 20px 0;
}

th {
	background: #eee;
}

th,td {
	border:1px solid #ddd;
	padding:10px;
}

/* #Images */

img.scale-with-grid {
	max-width: 100%;
	height: auto; 
}

/* #Buttons */

	a::-moz-focus-inner,
	button::-moz-focus-inner,
	input::-moz-focus-inner
	 {
    	border: 0;
    	padding: 0;
    }

	.btn,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  background-color: #f5f5f5;
	  *background-color: #e6e6e6;
	  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	  background-repeat: repeat-x;
	  border: 1px solid #cccccc;
	  *border: 0;
	  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  border-bottom-color: #b3b3b3;
	  -webkit-border-radius: 4px;
	     -moz-border-radius: 4px;
	          border-radius: 4px;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  *zoom: 1;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
	     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
	          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
	  
	  color: #333333;
	  cursor: pointer;
	  display: inline-block;
	  font-family: Arial, sans-serif;
	  font-size: 14px;
	  line-height: 1.25!important;
	  overflow:visible;
	  padding: 8px 10px;
	  text-decoration: none;
	}

	.btn:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #333333;
		background-color: #e6e6e6;
		*background-color: #d9d9d9;
		background-image:none;
	 }

	.btn:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		 box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
	}

	.btn.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	.btn-primary,
	button.btn-primary, 
	input.btn-primary  {
	  color: #ffffff!important;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #006dcc;
	  *background-color: #0044cc;
	  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	  background-repeat: repeat-x;
	  border-color: #0044cc #0044cc #002a80;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}
	
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary.disabled,
	.btn-primary[disabled] {
	  color: #ffffff;
	  background-color: #0044cc;
	  *background-color: #003bb3;
	  border-color: #0044cc #0044cc #002a80;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	
	.btn-primary:active,
	.btn-primary.active {
	  background-color: #003399 \9;
	}

/* #Forms */

	form {
		margin-bottom: 20px; 
	}
	
	fieldset {
		margin-bottom: 20px; 
	}
	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		background: #fff; 
		border: 1px solid #ccc;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		display: block;
		font: 14px Helvetica, Arial, sans-serif;
		margin: 0;
		outline: none;
		padding: 6px 4px;
		max-width: 100%;
		width: 210px;
	}
	
	select {
		padding: 0; 
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2);
		color: #444; 
	}
	
	textarea {
		min-height: 60px; 
	}
	
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  
	}
	
	select {
		width: 220px; 
	}
	
	input[type="checkbox"] {
		display: inline; 
	}
		
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Base 960 Grid */

    .container { 
    	background:transparent;
    	position: relative; 
    	width: 960px; 
    	margin: 0 auto; 
    	padding: 0 10px;
    }
    
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

	.half										{ float:left; width:50%; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
}

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

#commentbox {
	background:#fafafa;
	border:1px solid #eee;
	margin-bottom:20px;
	padding:10px;
}

#respond {
	clear:both;
}

#sidebar {
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar li {
	margin:0 0 20px 0;
	padding:0;
}

#sidebar li li {
	margin:0 ;
}

#s {
	float:left;
	margin-right:5px;
	width:50%;
}

#submit {
	float:left;
	margin-left:5px;
}

.postmetadata {
	background:#fafafa;
	border:1px solid #eee;
	font-size:12px;
	margin-bottom:40px;
	padding:5px 10px;
}

.postmetadata span {
	display:inline-block;
}

.blogcat {
	padding:0 16px 0 0;
}

.blogcat:before {
	content: "\f02b \0000a0\0000a0";
	font-family: 'FontAwesome';
}

.blogdate {
	padding:0 16px 0 0;
}

.blogdate:before {
	content: "\f073 \0000a0\0000a0 ";
	font-family: 'FontAwesome';
}

.blogcomments {
	color:#999;
	padding:0 16px 0 0;
}

.blogcomments:before {
	content: "\f075 \0000a0\0000a0 ";
	font-family: 'FontAwesome';
}

header {
	background:transparent;
	height:188px;
	position: relative;
	z-index:500;
}

#header-top {
	background:transparent url(images/bg-header-top.jpg) top center no-repeat;
	height: 121px;
}

#header-bottom {
	background:transparent url(images/bg-header-bottom.png) top center no-repeat;
	height: 67px;
}

header .container {
	background:transparent;
	height:171px;
	position: relative;
}

#header-logo {
	position: absolute;
	top:20px;
	left:10px;
}

#header-social {
	position: absolute;
	top:20px;
	right:10px;
}

#strapline {
	color:#fff;
	font-size:17px;
	
	position: absolute;
	left:428px;
	top:70px;
}

#header-contact {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	position: absolute;
	right:100px;
	top:58px;
	text-align:right;
}

#header-contact h4 {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-bottom:1px;
}

#header-contact a {
	color:#fff;
	font-size:10px;
	font-weight:normal;
}

nav.four {
	background:transparent;
}

nav.four ul {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}

nav.four ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}

nav.four ul li a {
	background: url(images/bg-nav-off.png) bottom left no-repeat;
	color:#4A4E52;
	display:block;
	font-size:14px;
	font-weight:normal;
	height:40px;
	line-height:40px;
	padding:0 0 0 10px ;
	text-decoration:none;
}

nav.four ul li.current-menu-item a {
	background: url(images/bg-nav-on.png) bottom left no-repeat;
	color:#72AB3D;
	font-weight:bold;
}

nav.four ul li a:hover {
	background: url(images/bg-nav-on.png) bottom left no-repeat;
	color:#72AB3D;
}

.sub-menu {
	position: absolute;
	top:40px;
	left:0;
}

nav.four ul li .sub-menu li {
	float:none;
}

nav a.mobile_handle { 
	display:none;
}

.page-template-template-homepage-php #wrapper-content {
	background: #eee;
	min-height:294px;
}

#wrapper-content {
	background:#eee;
	margin:-70px auto 0 auto;
	padding:70px 0 0 0;
	position: relative;
	z-index:200;
	max-width:1400px;
}

.page-id-7 #wrapper-content {
	background: #fff url(images/bg-greendesign.jpg) bottom left no-repeat;
	min-height:750px;
}

#wrapper-content .container {
	z-index:200;	
}

#home-slides {
	height:366px;
	position: absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
}

.headerimg {
    background-position: center top;
    background-repeat: no-repeat;
    height: 366px;
    position: absolute;
    width: 100%;
}

#slidenav {
	position: absolute;
	bottom:20px;
	left:50%;
	font-size:14px;
	font-weight:400;
}

#back:before {
	font-family: "FontAwesome";
	content: "\f053";
}

#control:before {
	font-family: "FontAwesome";
	content: "\f04c";
}

#next:before {
	font-family: "FontAwesome";
	content: "\f054";
}

#content-textpage {
	line-height: 170%;
}

#content-textpage h3 {
	background: transparent url(images/icon-tick.png) center left no-repeat;
	line-height:33px;
	padding-left:45px;
}

.entry img {
	height:auto;
	margin-bottom:20px;
	max-width:100%;
}


nav {
	z-index:500;
}

footer {
	background:#fff;
	font-size:10px;
	padding-top:20px;
}

footer h3 {
	font-size:12px;
}

footer p {
	width:80%;
}

#footer-social a {
	color:#fff;
	display:inline-block;
	font-family: "FontAwesome";
	height:24px;
	line-height:24px;
	text-align:center;
	text-decoration: none;
	width:24px;
}

#footer-social a:visited {
	color:#fff;
}

.facebook,
.facebook:active {
	background: #3B5998;
}

.icon-facebook:before {
  	content: "\f09a";
}

.twitter,
.twitter:active {
	background: #4099FF;
}

.icon-twitter:before {
  content: "\f099";
}

.rss,
.rss:active {
	background: #E48645;
}

.icon-rss:before {
  content: "\f09e";
}

.facebook:hover,
.twitter:hover,
.rss:hover {
	color:#fff;
}