/*

Theme Name: jones bros

Theme URI: Eclipse Creative 

Description: theme for jones bros

Version: 1.1

Author: Eclipse Creative 

*/









.clear{

	clear:both;

	height:0px;

	margin:0;

	padding:0;

}

#cboxTitle {
	z-index: -1;

}
.wrapper{

	/*background-color: #242424;*/ 

    top: 0px;

	width: 100%;

	margin:0px;

	background-position: 0 6px;

	background-repeat:repeat-x;

	background-image: url(images/bg-lines2.png);

}

.wrapper .all{

	width:940px;

	margin:0px auto;

	padding: 0px 0px20px;

	background-color:#fff;

	/*z-index: 10;*/

	

	-moz-box-shadow:0px 0px 7px #ccc;

    -webkit-box-shadow:0px 0px 7px #ccc;

    box-shadow:0px 0px 7px #ccc; 

}





.wrapper .all .content{

	margin:0;

}

.footer{

	background-image: url("images/footer-bg.png");

    background-position: 0px 0px;

    background-repeat: repeat-x;

	padding:0;

}

.footer .inner p strong{

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

}

.footer .inner p{

	font-size: 0.7em;

	line-height: 1.4em;

	margin:0 0 10px;

	font-family:Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.footer .inner p a:hover{

	color: #999;

}

.footer .inner p a{

	font-family:Arial, Helvetica, sans-serif;

	color: #fff;

	text-decoration:none;

	

	 -webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

     -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */

     transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */

}

.footer .inner .footerblock{	margin: 50px auto 0;	padding: 8px 0;	background-color: #287f40;}

.footer .whitefooter{ border-top: 1px solid #F2F2F2; clear: both; margin: 20px auto; padding: 0 0 10px; width: 890px;}

.footer .inner{ margin: -10px auto 0; padding: 15px 0; width: 940px; background-color: #287f40;}

.footer .inner .box2.thin{ width:123px}

.footer .inner .box2.fat{ width:300px}

.footer .inner .box2{

	float:left;

	width:220px;

	margin:0 10px 0 0;

	text-align:left;

	color: #FFF;

}



.footer .inner .box2 a{

 -webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

     -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */

     transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */

}

.footer .inner .box2 ul{ width:140px; list-style:none; margin:0; padding:0}

.footer .inner .box2 li{ font-family:Arial, Helvetica, sans-serif; font-size:0.6em; list-style:none; margin:0; padding:0;}

.footer .inner .box2 li a{ color:#fff; display: block; border-top:dotted #b6c8dc 1px; padding:3px 2px; text-transform:uppercase}

.footer .inner .box2 li a:hover{

	color:#EC7C1E;

}

.footer .inner .box2 li:first-child a{ border-top:none!important;}



#header {position:relative;z-index	:5000;	padding:0;	height:160px;	width:940px;	margin:0px;	}

#header .primary{

    clear: both;

	float: right;
	
	width: 100%;

   /* height: 31px; */

    margin: 0;

    padding: 0px;

    text-align: center;}

.ubermenu a.ubermenu-target{text-transform: capitalize!important; padding: 15px 35px!important;}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target{padding-right: 38px!important;}
.ubermenu .ubermenu-column, .ubermenu .ubermenu-row{color: #fff;}
.ubermenu li ul{font-size: 14px; border: none!important;}
.ubermenu li ul h2{font-size: 21px; color: #fff; margin-bottom: 0; line-height: 1.2em;}
.ubermenu li ul li a.ubermenu-target{background-color: rgba(0,0,0,.3); margin: 4px 7px!important; padding: 8px 11px!important;}
ul.ubermenu-nav{float: right;}

#header .primary li.profile>a{background:#a7775d url(images/menu/brown-roll2.png) bottom right no-repeat;}
#header .primary li>a.cap{background:#94c946 url(images/menu/green-roll2.png) bottom right no-repeat;}
#header .primary li>a.projects{background:#f5b833 url(images/menu/yellow-roll2.png) bottom right no-repeat;}
#header .primary li>a.training{background:#803f98 url(images/menu/purple-roll2.png) bottom right no-repeat;}
#header .primary li>a.careers{background:#e96f35 url(images/menu/orange-roll2.png) bottom right no-repeat;}
#header .primary li>a.latest{background:#40c2ee url(images/menu/blue-roll2.png) bottom right no-repeat;}
#header .primary li>a.cont{background:#008249 url(images/menu/green-roll2.png) bottom right no-repeat;}


#header .fullwdt{ /*height:46px; */clear:both; width:940px; background-image:url(images/menubg999.png); background-repeat:repeat-y; background-position:0 0; margin:0; padding:0; }



.logo {	float: left;	width:264px;	margin:15px 0}

.level1.contact{ width:585px; float: left;}

.level1{background-repeat:no-repeat;	background-position:top center;	margin:0;}

.level2{background-repeat:no-repeat;	background-position:top center;	margin: 25px 0 0;	clear:both;}

.level3 {

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	margin:5px 15px 15px;

	padding:18px 18px;

	background-color:#f2f2f2;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px; 

}

.level1 .banner1.home{height:290px;	position:relative;	margin: 0;}

.level1 .banner1{	position:relative;	margin: 0;}

.level1 .banner1 .bannerimage img{	width:auto; height:auto;	height: 258px;    width: 940px;}

.level1 .banner1 .bannerimage {	float: right;    height: 258px;    width: 940px;}

.level1 .banner1 .bannercover {	position:absolute;	top:0;	left:0;	z-index: 99;}

.level1 .banner1 .bannercover img{	width:auto;	height:auto;}

.level1 .banner1 img{	width:100%;	height:auto;}



.level1 .banner1 .strapline .descrip {    color: #000000;    font-family: arial;    font-size: 16px;    line-height: 1.25em;    margin: 10px 20px;    width: 253px;}

.level1 .banner1 .strapline{	position:absolute;	top:34px; 	left:0px;	padding: 0px;	width: 500px;	z-index:450}

.level1 .banner1 .strapline h1.big {    font-size: 1.05em;    top: 14px;}

.level1 .banner1 .strapline h1{

    color: #FFFFFF;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 0.76em;

    left: 10px;

    line-height: 1.2em;

    padding: 0;

    position: absolute;

    top: 19px;

}



.level1 .banner1 .strapline h2 {

    color: #FFFFFF;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 0.88em;

    left: 5px;

    line-height: 1.2em;

    padding: 0;

    position: absolute;

    top: 18px;

}



h1.newstitle span {

	color:#85B63F;

	display:block; 

	font-size:0.6em;

	line-height:1em;

	margin:0 0 20x

}

h1.newstitle {

    color: #028249;

    font-size: 1.6em;

    line-height: 1.1em;

    margin: 0 0 16px;

    padding: 0;

}



.more ul{

	margin:0!important;

	padding:0;

}

.right .more li{ 

	font-size:0.9em;

	padding:0 0 0 0.2em;

	background-repeat:no-repeat;

	background-position:0;

}

.mid .more li{

}

.mid .more li a{

	color:#007FBE;

	text-decoration: none;

	font-weight: bold;

	font-size:0.85em;

	background-image:url(https://jones-bros.com/wp-content/themes/jones/images/arrow-blue.gif);

	

	

	background-repeat:no-repeat;

	background-position:0;

	padding:0 0 0 1.2em;

	

	-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */

    -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

    -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */

    transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */

}

.mid .more  a:hover{

	color:#999;

	text-decoration:none;

	background-image:url(https://jones-bros.com/wp-content/themes/jones/images/arrow-grey.gif);

}



.right .more li{

}

.right .more li a{

	color:#007FBE;

	text-decoration: none;

	font-weight: bold;

	font-size:0.85em;

	background-image:url(https://jones-bros.com/wp-content/themes/jones/images/arrow-blue.gif);

	

	background-repeat:no-repeat;

	background-position:0;

	padding:0 0 0 1.2em;

	

	-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */

    -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

    -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */

     transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */

}

.right .more  a:hover{

	color:#999;

	text-decoration:none;

	background-image:url(https://jones-bros.com/wp-content/themes/jones/images/arrow-grey.gif);

}

.level3 .wide2{

	float: left;

	width: 54.5em !important;

}

.level3 .wide{

	float: left;

	width: 67.1em!important;

}

.level3 .mid{

	float: left;

    width: 46.8em;

}

.level3 .right h2{

    border-bottom: 1px dotted #CCCCCC;

    color: #000;

	font-family: 'Open Sans',sans-serif;

	font-size: 1.35em;

	font-weight: 400;

	line-height: 1.3em;

	margin: 0 0 0.42em;

	padding: 0;

}

.level3 .mid h1{

	font-family: 'Open Sans',sans-serif;

	color:#000;

	padding:0;

	font-size: 1.45em;

	font-weight: 400;

	line-height: 1.3em;

	margin: 0 0 0.2em;

}



.level3 .mid ul.more{

	margin:0 0 1em 0;

}

.level3 .mid ul{

	margin:0 0 1em 1.7em

}

.level3 .mid ul.more li{

	padding:0;

	background-image:none!important;

}

.level3 .mid li{

	color:#666666;

	line-height:1.3em;

	margin:0 0 0.5em;

	padding:0 0 0 1em;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.95em;

	background-repeat:no-repeat;

	background-position:0 3px;

	background-image:url(https://jones-bros.com/wp-content/themes/jones/images/arrow-blue.gif);

	

}

.level3 .right ul.more li{

	padding:0;

	background-image:none!important;

}

.level3 .right p strong{

	color:#0088CC;

	font-weight:normal

}

.level3 .right p{

    color: #666666;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 0.9em;

    line-height: 1.3em;

    margin: 0 0 0.7em;

    padding: 0 0 0.5em;

	border-bottom:1px dotted #CCCCCC

}

.level3 .mid p{

	color:#666666;

	/* [disabled]line-height:1.3em; */

	margin:0 0 1.2em;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.95em;

	line-height:1.3em

}

.level3 .mid p strong{

	color: #007FBE;

}

.level3 .mid .quote p strong{

	color: #007FBE;

	font-weight:normal;

}

.level3 .mid .quote p{

	background-color:#f2f2f2;

	padding:6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px; 



}

.level3 .mid .form p{

	clear:both;

	font-weight: bold;

	color:#007FBE;

	font-size:0.8em;

}



.form .wpcf7-response-output {

    background-color: #007FBE;

    border: 2px solid #007FBE !important;

    color: #FFFFFF;

    margin: 2em 0.5em 1em;

    padding: 1em;

    

    -moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.form .wpcf7-validation-errors {

    border: 2px solid red!important;

    background-color:red;

}



/* #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, 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;

		font-family:Arial, Helvetica, sans-serif; }

	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-color: #FFFFFF;

	margin:0;

	padding:0;

	font-family:Arial, Helvetica, sans-serif;

	color: #333;

	transition:all .2s linear;

	-o-transition:all .2s linear;

	-moz-transition:all .2s linear;

	-webkit-transition:all .2s linear;

	font-family:Arial, Helvetica, sans-serif;

	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */

	-webkit-text-size-adjust: 100%;

	}



/* #Typography

================================================== */

h1, h2, h3, h4, h5, h6 {color: #181818;	font-weight: normal;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { font-size: 3em;	line-height: 50px;	margin-bottom: 14px;}

h2 { font-size: 2em; line-height: 40px;	margin-bottom: 10px;}

h3 { font-size: 1.2em; line-height: 1.2em;	margin-bottom: 0px;}

h4 { font-size: 1.4em; line-height: 30px; margin-bottom: 4px; }

h5 { font-size: 1.2em; line-height: 24px; }

h6 { font-size: 1em; line-height: 21px; }

.subheader { color: #777; }	

.col-right.wide  h1.pageheader{	color: #028249;  font-size: 1.4em;  line-height: 1.2em; margin: 0 0 12px;  padding: 0;}

.col-right.wide h2{	color:#028249;	font-size:1.15em;	margin:0;	padding:0;	line-height:1.25em;}

.col-right.wide h3{ color:#028249;	font-size:1em;	margin:0;	padding:0;	line-height:1.25em;}

.col-right.wide h4{ color:#028249; font-size:0.9em; margin:0;	padding:0;	line-height:1.25em;}

.col-right.wide li li {	font-size: 1.1em;	margin:0 2em 1em 0;	line-height: 1.4em;}

.col-right.wide li strong {	color:#028249}

.col-right.wide li a, .col-right.wide p a{	color:#028249}

.col-right.wide li {	font-size: 0.75em;	margin: 0 2em 1.15em 1.5em;	line-height: 1.4em;	padding:0;	list-style-image:url(images/bullet-green.gif);}

.col-right.wide ul ul{	margin:12px 0px 6px 25px;	padding:0px;}

.col-right.wide ul {	background-color:#F2F2F2;	padding:20px 20px 10px;	margin:15px 0;	-moz-border-radius: 6px;	-webkit-border-radius: 6px;	border-radius: 6px;}

.col-right.wide form p {font-weight:bold; clear:both; color:#028249}

.col-right.wide p {  color: #333333; font-size: 0.78em; line-height: 1.5em; margin: 0 20px 20px 0;}

.col-right.wide p.highlight { color: #02924D;font-size: 1.45em;line-height: 1.2em;}

.col-right.wide .intro p strong {color: #02924D; font-size: 1.75em; font-weight: normal; line-height: 1.35em; margin:0 0 20px}

.col-right.wide h3 a{	text-decoration:none;	color:#028249;	}	



.col-right.wide .jobs h3 a{

	background-image: url(images/bullet-green2.gif);

    background-position: 0 0;

    background-repeat: no-repeat;

    line-height: 1em;

    margin: 0 0 6px;

    padding: 2px 2px 0 24px;

	}

	

.wrapper .all .content.contact .col-right.wide .block.borderright h3{

	background-image: url(images/bullet-green2.gif);

    background-position: 0 0;

    background-repeat: no-repeat;

    line-height: 1em;

    margin: 0 0 6px;

    padding: 2px 2px 0 24px; 







}

.col-right.wide .projects h3{ clear:both;}

.col-right.wide h3{ font-size:1.1em;	margin:0;line-height:1.2em;	color:#028249; margin: 0 0 14px;	}	

	.col-right.wide p strong{color:#028249;	}

	p {	margin: 0 0 2em;	font-family: Arial, Helvetica, sans-serif;}

	.level1 .ban1 p{margin:0!important;}

	p img { margin: 0; }

	.content p img {height: auto; margin: 0; max-width: 100%; }

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

	.alignleft{float:left!important; margin:0 0.6em 0.8em 0 !important; border: 1px solid #CCCCCC; float: left !important; margin: 0 0.6em 0.8em 0 !important;}

	.alignright{float:right!important; margin:0 0em 0.8em 0.6em !important;  border: 1px solid #CCCCCC; float: left !important; margin: 0 0.6em 0.8em 0 !important;}



/*	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 { text-decoration: none; outline: 0; }

	a:hover, a:focus { }

	p a, p a:visited { line-height: inherit; color:#028249; text-decoration: underline; }





/* #Lists

================================================== */

	ul, ol { }

	ul { list-style: none outside; }

	ol { list-style: decimal; }

	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }

	ul.square { list-style: square outside; }

	ul.circle { list-style: circle outside; }

	ul.disc { list-style: disc outside; }

	ul ul, ul ol,

	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 80%;  } /* was 90% */

	ul ul li, ul ol li,

	ol ol li, ol ul li { margin-bottom: 6px; }

	li { line-height: 19px; margin-bottom: 12px; }

	ul.large li { line-height: 21px; }

	li p { line-height: 21px; }





/* #Buttons

================================================== */



	.button,

	button,

	input[type="submit"],

	input[type="reset"],

	input[type="button"] {

	background: #000; /* Old browsers */

	border: 1px solid #000;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	width:110px;

	

	display: inline-block;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	cursor: pointer;

	margin-bottom: 20px;

	line-height: normal;

	padding: 9px 12px;

	font-family:Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}



	.button:hover,

	button:hover,

	input[type="submit"]:hover,

	input[type="reset"]:hover,

	input[type="button"]:hover {

	background: #287F40; /* Old browsers */

	border: 1px solid #287F40;

	color: #fff;

	

	display: inline-block;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	cursor: pointer;

	margin-bottom: 20px;

	line-height: normal;

	padding: 9px 12px;

	font-family:Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}



	.button:active,

	button:active,

	input[type="submit"]:active,

	input[type="reset"]:active,

	input[type="button"]:active {

	background: #000; /* Old browsers */

	border: 1px solid #002D62;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	

	display: inline-block;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	cursor: pointer;

	margin-bottom: 20px;

	line-height: normal;

	padding: 9px 12px;

	font-family:Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}



	.button.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; }



	/* Fix for odd Mozilla border & padding issues */

	button::-moz-focus-inner,

	input::-moz-focus-inner {

    border: 0;

    padding: 0;

	}





/* #Forms

================================================== */



form { margin: 0.6em 0 0;}

.formver2 select  { height: 31px; padding: 6px; position: relative;  width: 60px;}

.formver2 span.wpcf7-form-control-wrap.first input[type="text"], .formver2 span.wpcf7-form-control-wrap.last input[type="text"] { border:solid blue 1px; }

.formver2  input[type="text"], .formver2 input[type="password"], .formver2 input[type="email"], .formver2 textarea {float:none;}

.formver2 .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {

    font-size: 12px;

	font-weight:bold;

    left: 0;

    padding: 2px 6px;

    position: absolute;

    top: 36px;

    width: 95%;

	color:#FF0000

}

body .formver2 .wpcf7-form div.wpcf7-response-output {

    width: 93%;

	background:#666;

	color:#fff;

	border:none;

	padding:15px 0

}

body div.wpcf7-mail-sent-ok {

    background: none repeat scroll 0 0 #94C946;

    border: 1px solid #94C946;

    color: #FFFFFF;

    font-size: 0.8em;

    padding: 10px;

}



body div.wpcf7-validation-errors {

    background: none repeat scroll 0 0 #FF0000;

    border: 1px solid #FF0000;

    color: #FFFFFF;

    font-size: 0.8em;

    padding: 10px;

}



	fieldset {

		margin-bottom: 20px; }

	input[type="text"],

	input[type="password"],

	input[type="email"],

	textarea,

	select {

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	border-right: 1px solid #ccc!important;

	background: none repeat scroll 0 0 #fff;

	border: 1px solid #ccc!important;

	color: #777777;

	/*display: block;*/

	float: left;

	font: 13px arial,Helvetica,Arial,sans-serif;

	margin: 0 12px 20px 0px;

	/*max-width: 100%;*/

   

    padding: 7px;

	width: 97%;		

		

		}

	select {

		padding: 0; }

	input[type="text"]:focus,

	input[type="password"]:focus,

	input[type="email"]:focus,

	textarea:focus {

		border: 1px solid #aaa;

 		color: #444;

 		-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); }

	textarea {

		min-height: 60px; }

	label,

	legend {

		display: block;

		font-weight: bold;

		font-size: 13px;  }

	select {

	float: left;

    margin: 0 12px 0 0;

    padding: 2px;

    width: 30%; 

	}

	input[type="checkbox"] {

		display: inline; }

	label span,

	legend span {

		font-weight: normal;

		font-size: 13px;

		color: #444; }

















/*headers*/



.article h3{	margin:0;	padding:0}

.article h3 a{	margin:0;	padding:0;	text-decoration:none;	color:#666;}

.article p{margin:0;	padding:0;	font-size: 0.84em;}

#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { border-top-color: #BBBBBB; display: none;}

.primary {	clear: both;	margin:0 auto;	text-align: center;}

#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {   border-top-color: #BBBBBB; display: none!important;} 



#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {

    background: -moz-linear-gradient(center top , #F9F9F9, #FEFEFE) repeat scroll 0 0 transparent;

    border-color: none!important;

    box-shadow: none!important;

    color: #888888;

    margin: 11px 0 0 -1px !important;

    text-shadow: none!important;

}

#header #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink{ margin:0; padding:0;}

#header .primary #megaMenu ul li.menu-item {  font-size: inherit; letter-spacing: 0; list-style-image: none;}

#header .primary #megaMenu{ background:none; padding:0; margin:0;}

#header .primary #megaMenu .megaMenu ul.children { display: none;}

body #header .primary #megaMenu .megaMenu ul ul .info h2{	margin:0; padding:0;	line-height:1.2em;}

body #header .primary #megaMenu .megaMenu ul ul .info p{	margin:0; padding:0; line-height:1.2em;}

body #header .primary #megaMenu .megaMenu .info{ color: #FFFFFF;  float: left;  margin: 5px;  padding: 0 15px; text-align: left!important; width: 255px;}

body #header .primary #megaMenu .megaMenu ul ul{margin:7px 0 10px !important;}

#header .primary #megaMenu .megaMenu ul { display: inline; list-style: none outside none; margin: 0;  padding: 0;}

#header .primary #megaMenu .megaMenu li { display: inline; list-style: none outside none;  margin:0; padding: 0; text-align: right;}

#header .primary #megaMenu .megaMenu li a:hover {	background:#f78f1e;	background-repeat:no-repeat;	background-image:url(images/nav-corner.png); background-position:bottom right;}

.level1 .banner1 .strapline.train .ribleft{	background-image:url(images/menu-bg/wrap-bg-train.gif);}

.level1 .banner1 .strapline .ribleft{position:absolute;left:-9px;	width:10px;height:65px;background-image:url(images/green-fold-4.gif);	background-repeat:no-repeat;	background-position:0 0;	top:0;}



/*title background*/

.content.profile .col-left h2.menubg{background-image:url(images/menu-bg/menubg-profile.gif);}

.content.capa .col-left h2.menubg{background-image:url(images/menu-bg/menubg-capa.gif);}

.content.accred .col-left h2.menubg{background-image:url(images/menu-bg/menubg-accred.gif);}

.content.projects .col-left h2.menubg{background-image:url(images/menu-bg/menubg-projects.gif);}

.content.contact .col-left h2.menubg{background-image:url(images/menu-bg/menubg-contact.gif);}

.content.train .col-left h2.menubg{background-image:url(images/menu-bg/menubg-train.gif);}

.col-left h2.menubg{background-position: 0 0; background-repeat: no-repeat; color: #FFFFFF; left: 0; padding: 2px 10px 4px 11px; position: absolute; width: 212px; top:0}





/*ribbon wrap*/

.content.home .level1 .banner1 .strapline .ribleft{ background-image:url(images/menu-bg/wrap-bg-default.png);}

.content.profile .level1 .banner1 .strapline .ribleft{ background-image:url(images/menu-bg/wrap-bg-profile.gif);}

.content.capa .level1 .banner1 .strapline .ribleft{ background-image:url(images/menu-bg/wrap-bg-capa.gif);}

.content.accred .level1 .banner1 .strapline .ribleft{	background-image:url(images/menu-bg/wrap-bg-accred.gif);}

.content.projects .level1 .banner1 .strapline .ribleft{ background-image:url(images/menu-bg/wrap-bg-projects.gif);}

.content.contact .level1 .banner1 .strapline .ribleft{background-image:url(images/menu-bg/wrap-bg-contact.gif);}

.content.train .level1 .banner1 .strapline .ribleft{background-image:url(images/menu-bg/wrap-bg-train.gif);}

.content.default .level1 .banner1 .strapline .ribleft { background-image: url(images/menu-bg/wrap-bg-default.png);}

.level1 .banner1 .strapline .ribleft{position:absolute; left:-9px; width:10px; height:65px; background-image:url(images/green-fold-4.gif); background-repeat:no-repeat; background-position:0 0; top:4px;}

#header .primary #megaMenu .megaMenu ul.sub-menu.sub-menu-1 .info h2{ color:#fff; text-align: left!important; margin:0!important; line-height:1.2em; font-size:1.35em;}

#header .primary #megaMenu .megaMenu ul.sub-menu.sub-menu-1 .info p{ color:#fff; text-align: left!important; margin:0!important; line-height:1.4em; font-size:0.79em;}

#header .primary #megaMenu .megaMenu ul.sub-menu.sub-menu-1 .info{ color:#fff; text-align: left!important;}



/*Drop down buttons*/

#header .primary #megaMenu .megaMenu #menu-item-26 ul.sub-menu.sub-menu-1 li a { background-color: red;}

#header .primary #megaMenu .megaMenu #menu-item-25 ul.sub-menu.sub-menu-1 li a { background-color: #72513f;}			/*profile button*/

#header .primary #megaMenu .megaMenu #menu-item-24 ul.sub-menu.sub-menu-1 li a { background-color: #688f30;}			/*Capabilities  button*/

#header .primary #megaMenu .megaMenu #menu-item-23 ul.sub-menu.sub-menu-1 li a { background-color: #bf9028;}			/*Accred button*/

#header .primary #megaMenu .megaMenu #menu-item-3898 ul.sub-menu.sub-menu-1 li a { background-color: #bf9028;}			/*Projects button*/

#header .primary #megaMenu .megaMenu #menu-item-2043 ul.sub-menu.sub-menu-1 li a { background-color: #40c2ee;}          /*late news button*/

#header .primary #megaMenu .megaMenu #menu-item-21 ul.sub-menu.sub-menu-1 li a { background-color: #ba5b2c;}			/*Contact button*/

#header .primary #megaMenu .megaMenu #menu-item-20 ul.sub-menu.sub-menu-1 li a { background-color: #643177;}			/*training button*/

#header .primary #megaMenu .megaMenu #menu-item-3086 ul.sub-menu.sub-menu-1 li a { background-color: #b65729;}			/*Careers  button*/



/*drop down box colours*/

#header .primary #megaMenu .megaMenu #menu-item-26 ul.sub-menu.sub-menu-1{ background:#000!important;}

#header .primary #megaMenu .megaMenu #menu-item-25 ul.sub-menu.sub-menu-1{ background:#A7775D!important;}				/*profile*/

#header .primary #megaMenu .megaMenu #menu-item-24 ul.sub-menu.sub-menu-1{ background:#94C946!important;}				/*Capabilities*/

#header .primary #megaMenu .megaMenu #menu-item-23 ul.sub-menu.sub-menu-1{ background:#F5B833!important;}				/*Accred*/

#header .primary #megaMenu .megaMenu #menu-item-3898 ul.sub-menu.sub-menu-1{ background:#F5B833!important;}				/*Projects*/

#header .primary #megaMenu .megaMenu #menu-item-2043 ul.sub-menu.sub-menu-1 { background-color: #40c2ee!important;}     /*late news*/

#header .primary #megaMenu .megaMenu #menu-item-21 ul.sub-menu.sub-menu-1{ background:#E96F35!important;}				/*Contact*/

#header .primary #megaMenu .megaMenu #menu-item-20 ul.sub-menu.sub-menu-1{ background:#803F98!important;}				/*training*/

#header .primary #megaMenu .megaMenu #menu-item-3086 ul.sub-menu.sub-menu-1{ background:#e96f35!important;}				/*Careers*/

#header .primary #megaMenu .megaMenu ul.sub{ padding:15px 0px;}

#header .primary #megaMenu .megaMenu ul.sub-menu.sub-menu-1{ left: -2px !important; padding: 0 2px; top:34px;}

#header .primary #megaMenu .megaMenu ul.sub-menu li:first-child a, #header .primary #megaMenu .megaMenu ul.sub-menu li a  {background-color:#000; border-left: medium none; position: relative;	background-image: none !important; color: #FFFFFF; margin: 0 10px 10px 2px!important; padding: 8px; text-align: left; font-size:13px}

#header .primary #megaMenu .megaMenu .sub-menu .ss-nav-menu-item-depth-1.ss-sidebar ul ul li a{width:250px; float:left; margin:0 10 0 0;}

#header .primary #megaMenu .megaMenu .sub-menu .ss-nav-menu-item-depth-1.ss-sidebar{float: left; margin:0; width: 600px; padding:0;}

#header .primary #megaMenu .megaMenu .sub-menu .ss-nav-menu-item-depth-1{ float: left; margin: 10px 5px; width: 290px; padding:6px 0;}

#header .primary #megaMenu .megaMenu li:last-child a{}

#header .primary #megaMenu .megaMenu li li:last-child a{}

#header .primary #megaMenu .megaMenu li:first-child a{

	    background-color: #008249;

		

    background-image:url(images/home1.png);

	background-repeat:no-repeat;

	background-position:28px 3px;

  background-size: auto auto;

    height: 39px;

    margin: 0px 13px 0 0!important;

    padding: 0;

    position: relative;

    text-align: center;

    width: 64px;

}





#header .primary #megaMenu .megaMenu li li:first-child a{

	    background-color: #008249;

    background-image: none;

    border: none!important;

    height:auto;

    margin: 0;

    padding: 0;

    position: relative;

    text-align: center;

    width:auto;

	

	

	

	

}





/*--profile--*/



#header .primary #megaMenu .megaMenu li.profile>a {

	background-color:#a7775d !important;

	background-image:url(images/menu/brown-roll2.png);

}

/*--capa--*/

#header .primary #megaMenu .megaMenu li.capa>a {

	background-color:#94c946 !important;

	background-image:url(images/menu/green-roll2.png);

}

/*--accred--*/

#header .primary #megaMenu .megaMenu li.accred>a {

	background-color:#f5b833 !important;

	background-image:url(images/menu/yellow-roll2.png);

}

/*--projects--*/

#header .primary #megaMenu .megaMenu li#menu-item-3898>a {

	background-color:#f5b833 !important;

	background-image:url(images/menu/yellow-roll2.png);

}

/*--latest news--*/

#header .primary #megaMenu .megaMenu li.latest>a {

	background-color:#40c2ee !important;

	background-image:url(images/menu/blue-roll2.png);

}

/*--contact--*/

#header .primary #megaMenu .megaMenu li.contact2>a {

	background-color:#008249 !important;

	background-image:url(images/menu/green-roll2.png);

	margin-left: 2px;

}

/*--train--*/



#header .primary #megaMenu .megaMenu li.train>a {

	background-color:#803f98 !important;

	background-image:url(images/menu/purple-roll2.png);

}

/*--careers--*/

#header .primary #megaMenu .megaMenu li.careers>a {

	background-color:#e96f35 !important;

	background-image:url(images/menu/orange-roll2.png);

}



#header .primary #megaMenu .megaMenu li{ line-height:normal;}

#header .primary #megaMenu .megaMenu li a {

	color: #fff;

	font-size: 0.88em;

	font-weight: normal;

	margin: 0;

	padding: 12px 33px 14px;

	background-repeat:no-repeat;

	background-position:bottom right;

	text-decoration: none;

	background-color:#40c2ee;

  background-size: contain;

	

	-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */

	-moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

	-o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */

	transition: all 0.3s ease-out;

}

body #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a, body #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a, body #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, body #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator, body #megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, body #megaMenu .wpmega-widgetarea h2.widgettitle {

    border-bottom: none!important;

    font-size: 12px;

    font-weight: bold;

    margin-bottom: 0.6em;

    padding-bottom: 0.4em;

    text-shadow: none!important;

}





#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {

  border-color: #e0e0e0;

  color: #888888;

  text-shadow: 0px 1px 1px #ffffff;

  -webkit-box-shadow: none!important;

  -moz-box-shadow: none!important;

  box-shadow: none!important;

  background-color: #ccc;

  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));

  background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);

  background: -moz-linear-gradient(top, #f9f9f9, #fefefe);

  background: -ms-linear-gradient(top, #f9f9f9, #fefefe);

  background: -o-linear-gradient(top, #f9f9f9, #fefefe);

}







	

.small{

	font-size:8pt;	

}

#posts_navigation a:hover{ 

	color: #fff; background-color:#028249; padding:4px;

}

#posts_navigation{ padding:10px 0;}

#posts_navigation a{ 

	color: #fff; background-color:#85B63F; padding:4px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	margin:0 5px 0 0; 

	font-size:0.78em;

	

	 -webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

     -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */

     transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */

}

.wp-caption img{

	padding:0px;

}

.footer .inner .box2 h3 {

	margin:0 0 15px;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.84em;

	font-weight: normal;

	text-decoration: none;

}

.col-left {

	width:233px;

	margin:0 5px 0 12px;

	float:left;

	position: relative;

}



.col-left-v2 {

	width:21%;

	margin:0 2em 0 -0.8em;

	float:left;

	position: relative;

}





.col-left.wide {



    margin: 0 1em 0 0.8em;

    width: 58%;

	float:left

}

.col-mid {

	width:47%;

	float:left;

	padding:0 0 30px

}

.col-right.wide .newsbanner{ padding:0; margin:0; height:auto; line-height:0;}

.col-right.wide {

	border-bottom:solid #f2f2f2 1px;

	margin: 0;

    padding: 0.3em 1em 2em 0;

    width: 71%;

}

.col-right.wide .featured{ background-color:#d9dadc; position:relative; height:185px; margin:0 0 12px; width:656px}

.col-right.wide .featured .bannercover{ position:absolute; top:0; left:0; z-index:10;}

.col-right.wide .featured .banner2{ float:right}

.col-right.wide .featured ul.more{ width:160px; list-style:none; background:none; padding:0; margin:0}

.col-right.wide .featured ul.more li { list-style-image:none; padding:0; margin:0;}

.col-right.wide .featured ul.more li a {

    padding: 4px 5px 15px 15px;

    background-image: url("images/quicklink22.gif");

    background-repeat: no-repeat;

    border-top: medium none !important;

    color: #FFFFFF;

    display: block;

    margin: 0 0 5px -9px;

    width: 170px;

}



.col-right.wide .featured .info1{ width:217px; position:absolute; top:45px; left:0; z-index:20}

.col-right.wide .featured .info1 p{ margin:15px 0 5px 10px}

.col-right.wide .featured h2{

	z-index:20;

	position:absolute;

	top:15px;

	left:-9px;

    padding: 8px 5px 15px 15px;

    background-image: url("images/strap-featured.gif");

    background-repeat: no-repeat;

    border-top: medium none !important;

    color: #FFFFFF;

    display: block;

    margin: 0 0 5px 0;

    width: 415px;

	font-size:0.88em;

}



.col-right .formver2 .group .title { width:60px; float:left; margin:0 10px 0 3px }

.col-right .formver2 .group .first { margin: 0 16px 0 0; width: 382px; float:left;}

.col-right .formver2 .group .last { width:370px; float:left; margin:0px; }

.col-right .formver2 .group .col2 { float:left; margin: 0 15px 10px 0; width: 414px;}

.col-right .formver2 .group { background-color: #F2F2F2; margin: 11px 0 20px;padding: 20px 20px 6px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.col-right .formver2 p{ margin:0 0 10px;}

.col-right .formver2 h3 { clear:both;  margin:10px 0; font-size: 1em;}

.col-right.wido{ width:900px}

.col-right.wido .onecol{ padding:12px 0 0 0; width:800px; }



.address{ padding:0 0 20px}

.address h2{ clear:both; font-size:1.45em; color:#000; margin:10px 0}

.address h3{ clear:both; font-size:1.1em; color:#008249; margin:10px 0}

.address p{  color: #666666;font-size: 0.74em; line-height: 1.3em; margin: 0 0 17px;}

.address p a{ color:#008249}

.address p strong{ font-weight:bold;}

.address .level1{}

.address .col3{  float: left;margin: 0 11px 0 0; width: 272px;}

.address .col3#plant-hire { float:right; margin: 58px 0 0;}

body #lmm_7a57a843 #lmm_panel_7a57a843{ display:none!important}



.address .level2{}

.address .col2 h3{border-top:solid #ccc 1px; padding:12px 0 0}

.address .col2{ width:577px; float:left; margin:0 10px 0 0; }

.address .col2 .block1{width:270px; float:left; margin:0 10px 0 0 }

.address .col2 .block2{width:290px; float:right; margin:0 0 40px;}







.col-right.wide .onecol{ border-top:solid #ccc 1px; padding:12px 0 0 0;}

.col-right.wide .twocol{}

.col-right.wide .twocol .block{ float: left; margin: 0 15px 0 0; width: 313px;}

.col-right.wide .twocol .block.borderright{ } 

.col-right.wide .newslist { margin:0 20px 0 0;}

.col-right.wide .newslist .news .summary{ display:block; float:left; width:70%; margin:0 0 0 15px;}

.col-right.wide .newslist a .news h3{ font-size:1em;  color:#666; line-height:1em; color:#008249 }

.col-right.wide .newslist a:hover .news h3{ /*color:#85B63F*/ }

.col-right.wide .newslist a .news h3 span{ 	color: #85B63F;display: block;font-size: 0.65em;font-weight: bold;}

.col-right.wide .newslist a:hover .news{ background-color:#f2f2f2;}

.col-right.wide .newslist a .news{

	padding:6px 10px;

	border-bottom: 1px solid #E0E0E0;

	display:block; 

	 -webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

     -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */

     transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */

}

.col-right.wide .newslist a .news p{ font-size:0.75em;	color:#666}

.col-right.wide .newslist a .news .thumb1{ width:150px; float:left;}

.col-right.wide .newslist a .news .thumb1 img{width:100%; height:auto;}

.col-right {	width:22%;	margin:0 0.8em 0 0;	float:right}

#header .contact p a { color:#666; text-decoration:none;}

#header .contact p{ font-size:0.7em; font-family:Arial, Helvetica, sans-serif}

#header .contact {float: right; margin: 25px 10px 0 0; text-align: center; width: 260px;}

#header .contact h2 a{ color: #022E5F; text-decoration:none;}

#header .contact h2 a{color: #028249;}

#header .contact h2 { color: #028249; font-family: Arial,Helvetica,sans-serif; font-size: 1.34em; line-height: 1.2em; margin: 0; padding: 0;}

#header .contact h2 span {color: #666;	display:block;	margin:0;	padding:0;	font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}

#header .contact h3 { color: #022E5F; font-size: 0.8em; margin: 0;  padding: 0;}

.col-left ul.menu ul{	margin:0;	padding:0;	list-style:none;}

.col-left ul.menu li{	margin:0;}



/*.col-left ul.menu li a:hover { background-color:#f78f1e}

.col-left ul.menu li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	text-transform: uppercase;

	color: #FFF;

	text-decoration: none;

	background-color: #002D62;

	display:block;

	width:90%;

	margin:0 0 4px;

	padding:8px 4px 8px  14px;

	background-image:url(images/menu-arrow.gif);

	background-repeat:no-repeat;

	background-position:95% 12px;

		

}*/

.col-left h2.topline.hide {display:none}

.col-left h2.topline { border-top: 1px solid #F2F2F2; margin: 0 0 12px; padding: 7px 6px;}

.col-left h2 {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	line-height: 1.4em;

	margin: 0 0 12px;

	padding: 0;

}

.banner.fullwidth h1 {

	color:#fff;

	font-family: 'Oswald', sans-serif;

	font-size: 1.8em;

	margin: 0 0.2em 0 1em;

	padding:1.4em 0 0 0;

}

.banner.fullwidth {

	background-color: #012F5E;

	margin:0 0.8em 1em;

	padding:0;

	height: 138px;

}

.col-mid li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	font-weight: normal;

	color: #666;

	text-decoration: none;

}

.col-mid p {

	font-size: 0.8em;

	line-height:1.4em;

	font-weight: normal;

	color: #666;

	text-decoration: none;

	margin:0 0 14px

}

.col-mid h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2em;

	font-weight: normal;

	color: #002D62;

	text-decoration: none;

}

.col-mid h2 {

	font-family: Oswald,sans-serif;

	font-size: 1.25em;

	font-weight: normal;

	color: #002D62;

	text-decoration: none;

	line-height: 1.3;

}

.col-mid h3 {

	font-family: Oswald,sans-serif;

    font-size: 1.2em;

	font-weight: normal;

	color: #EC7C1E;

	text-decoration: none;

}

.col-mid h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	font-weight: bold;

	color: #002F5E;

	text-decoration: none;

	margin: 0;

}

.col-left .signup {background-color: #e7e7e8;margin:25px 0 0;	border:solid #d1d2d4 5px;	padding:8px; font-family: Arial, Helvetica, sans-serif;color: #666;}

.col-left .signup p { font-size: 1.2em; line-height: 1.325em;  margin: 0 0 10px;}

.col-left .signup p strong {	color: #002F5E;}



.footer .inner .box.wide {

	display: block;

	clear: both;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.7em;

	line-height: 1em;

	font-weight: normal;

	color: #FFF;

	padding:22px 0 0;

	text-decoration: none;

}

.box.wide .boxright a, .footer .inner .box.wide a{	color:#fff;	text-decoration:none;}

.box.wide .boxright {	float: right;}

.banner.fullwidth .bannersmall {	float: right;	height: 138px;	width: 555px;}

.level2 .col-left.wide .box.left p, .level2 .col-left.wide .box.right p{ font-size:0.74em;	line-height:1.3em;	font-family:Arial, Helvetica, sans-serif;	margin:0 0 12px;	}

.level2 .col-left.wide .box.left {	float:left;	width:250px;	padding:0 10px}

.level2 .col-left.wide .box.right {	float:right;	width:250px;	padding:0 10px;}

.col-left.wide .box.right ul, .col-left.wide .box.left ul {	margin:0 0 0 12px}

.col-left.wide .box.right li, .col-left.wide .box.left li { list-style-image: url(https://jones-bros.com/wp-content/themes/jones/images/bullet.gif);list-style-type: none;font-size:0.74em;	line-height:1.3em;	font-family:Arial, Helvetica, sans-serif; margin:0 0 12px;}

.col-left.wide .box.right ul.more li, .col-left.wide .box.left ul.more li{	list-style-image:none;margin:0;padding:0;}

.col-left.wide .box.right ul.more, .col-left.wide .box.left ul.more{	margin:0;	padding:0;}

.col-left.wide .box.right ul.more li a, .col-left.wide .box.left ul.more li a{background-color:#002D62;	color:#FFFFFF;	padding:5px;display:block;}

.strapline span {color: #F78F1F;}

.level3 .wpcf7-form input {}



/* slider css * /



#slider {

  width: 940px;

  margin: 0 auto;

  position: relative;

}



.scroll {

  height: 300px;

  overflow: auto;

  position: relative; /* fix for IE to respect overflow */

  clear: left;

scroll left bottom;

}



.scrollContainer div.panel {	padding: 0px;	height: 300px;	width: 940px; position: relative;}

.scrollButtons {  position: absolute; top: 130px; cursor: pointer; display:none;}

.scrollButtons.left { left: -20px;  z-index: 999;}

.scrollButtons.right { right: -20px;  z-index: 999;}

.strapline span{}

.strapline {position: absolute;left: 50px;top: 50px;width: 441px;font-family: 'Oswald',sans-serif;	font-size: 1.7em;	color: #002D62;}

.navigation{margin:0; padding:0}

.navigation ul{ margin:0; padding:0; border:solid green 2px; clear:both;}

.navigation li{ margin:0; padding:0; display:inline-block; list-style:none; }

.navigation li:first-child a{ background-color:#002D62;  margin: 0 -2px 0 0; width: 292px; padding:1em 1em}

.navigation li a{ background-color: #002d62; color: #FFFFFF; float: left; margin: 0 -2px; padding: 20px 10px; text-align: left; text-decoration: none; width: 294px;}

.navigation li a:hover{ background-color:#F78F1E;} 

.navigation li a.selected{ background-color:#F78F1E;} 

.level0{ margin:0 0 5px;}



.level0 .bread a{ color:#666; text-decoration:none;}

.level0 .bread p strong{ color:#028249; font-weight:normal}

.level0 .bread p{ margin:0;}

.level0 .bread .latest{ width:85px; font-weight:bold; color:#008249; float: left; padding:4px 0 0}

.level0 .bread .latest #latestlink{ font-weight:bold; color:#008249;}

.level0 .bread .tick{ width:82%; font-weight: normal; float: left;}

.level0 .bread .tick ul{ height:auto; padding:0; margin:1px 0 0;}

.level0 .bread .tick li{ height:auto; padding:0; margin:0;}

.level0 .bread {	width:80%;	float:left;	font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 5px 0 5px 7px;	padding:1px 0 0;}

.level0 .social {	float: right;  padding: 2px 0 0;	margin: 4px 15px 0 0;  text-align: right;  width: 70px;}

.footer .top .ribbon1,.wrapper .all .content .ribbon1 {	background-color: #85b63f;	position: relative; height: 25px;}

.footer .top .ribbon1 .ribleft,.wrapper .all .content .ribbon1 .ribleft {

	background-image:url(images/green-fold1b.png);

	background-position:0 0;

	background-repeat:no-repeat;

	height: 35px;

	width: 10px;

	position:absolute;

	left:-10px;

	top:0;

}



.footer .top .ribbonstrip,.content .ribbonstrip {

	background-color: #85b63f;

	position: relative;

	height: 25px;

}

.footer .top .ribleft,.content .ribbonstrip .ribleft {

	background-image:url(images/green-fold1b.png);

	background-position:0 0;

	background-repeat:no-repeat;

	height: 35px;

	width: 10px;

	position:absolute;

	left:-10px;

	top:0;

}

.footer .top .ribright,.all .content .ribbonstrip .ribright {

	background-image:url(images/green-fold2b.png);

	background-position:0 0;

	background-repeat:no-repeat;

	

	height: 35px;

	width: 10px;

	position:absolute;

	right:-10px;

	top:0;

}

.level1 .banner1 .strapline .ribbon img{width:auto; height:auto;}

.level1 .banner1 .strapline .ribbon{	position:relative;}

.footer .top {	position:relative;	width:940px;	margin:0px auto;	padding: 0px 0px20px;	background-color:#fff}

.footer .inner .quicklinks {	float: right; padding: 7px 10px; width: 250px;}

.footer .inner #menu-footer li a{ color:#85B63F; font-family:Arial, Helvetica, sans-serif; text-decoration;}

.footer .inner #menu-footer li li a{ color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration;}

.footer .inner .quicklinks .phone{background-image:url(images/phone-green.png)}

.footer .inner .quicklinks .enquiries{background-image:url(images/envelope-green.png)}

.footer .inner .quicklinks a{ color:#fff}

.footer .inner .quicklinks .social .linkdin{background-image:url(images/linkdin-green.png)}

.footer .inner .quicklinks .social .twitter{background-image:url(images/twitterbird-green.png)}

.footer .inner .quicklinks .social .facebook{background-image:url(images/facebook-green.png)}

body .footer .inner .quicklinks .social{ padding:0px!important; width: 220px;}

.footer .inner .quicklinks .social, .footer .inner .quicklinks .enquiries, .footer .inner .quicklinks .phone {	color:#fff; font-family:Arial, Helvetica, sans-serif;	font-size:0.8em; float:left!important; width: 170px;	padding:10px 10px 10px 40px;	background-repeat:no-repeat;}

.footer .inner .quicklinks .enquiries, .footer .inner .quicklinks .phone{ margin:0 0 10px;}

.quicklinks .social a .twitter, .quicklinks .social a .linkdin, .quicklinks .social a .facebook{	background-repeat:no-repeat;	background-position:0 0;	width:35px;height:35px;	float:left; margin:0 5px 0 0}

.quicklinks h3 { color:#85B63F; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 0.76em; font-weight:bold; margin: 8px 0 0;}

.footer .inner .box1 { float: left;	width: 140px;	margin:15px 0 0 15px;}

.footer .inner .box1 h3{	color:#fff; font-weight:bold;	font-family:Arial, Helvetica, sans-serif; font-size:0.88em;}

.footer .inner .box1 ul{}

.footer .inner .box1 ul li{ margin:0; padding:}

.footer .inner .box1 ul li a {	font-size: 0.6em;	color: #FFF;}

.footer .whitefooter .lifeline {	float: left;	width: 450px;	padding:14px 0px;}

.footer .whitefooter .eclipse { 	float: right;	width: 400px;	text-align: right;	padding:14px 0px;}

.footer .whitefooter li a{color:#fff}

.footer .whitefooter li:first-child{ border-left:none;}

.footer .whitefooter li{	color:#fff; padding:0 3px 0 5px;	display:inline;	font-family:Arial, Helvetica, sans-serif;	font-size:0.6em;}

.col-left h2.greenwrapv2{ background-image: url(images/title-diag3.gif); background-position: -12px 0; background-repeat: no-repeat; color: #FFFFFF; left: 0; padding: 2px 10px 4px 11px;  position: absolute; top: 0; width: 168px;}

.col-left h2.greenwrap a{ color:#fff; text-decoration:none;}

.col-left h2.greenwrap {

	background-image:url(images/menu-bg/wrap-bg-default-small.png);

    background-repeat: no-repeat;

    color: #FFFFFF;

    font-size: 1em;

    left: -7px;

    padding: 4px 10px 17px 16px;

    position: absolute;

    width: 185px;



}

.col-left .pushdown p{ font-size:0.8em}

.col-left .pushdown p a{ text-decoration:underline}

.col-left .pushdown ul{padding:4px 8px 0;}

.col-left .pushdown ul ul { margin: 4px 0 5px 10px; padding: 0;}

.col-left .pushdown.nobg { background: none!important}

.col-left .pushdown ul h4{ display:none;}

.col-left .pushdown {	margin: 0;	padding: 34px 0 10px;	background-color: #e7e8e9; width: 233px;}

.level2 .col-left.menu {background-repeat: no-repeat;	background-position: -98px -2px;	margin: 0 0 0 -10px;}

.level2 .col-left.title {	background-image: url(images/title-diag.png);	background-repeat: no-repeat;background-position: -87px -2px;	left:-14px}

.col-left.title ul li span{font-family: Arial, Helvetica, sans-serif;font-size:0.8em;	display:block;	clear:both}

.col-left.title ul li a{color:#02924D;}

.col-left.title ul li {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em;}

.col-right.wide .box p{ color: #666666; font-size: 0.75em; line-height: 1.35em; margin: 5px 8px;}

.col-right.wide .box p span{ color:#02924D; font-weight:bold; margin:0;}

body .col-right.wide .short {min-height:160px !important;	}

.col-right.wide .boxthin .thumb{ margin:5px 0 0 15px;}

.col-right.wide .boxthin {background-color: #e7e8e9; float: left; margin: 0 10px 0 0; min-height: 100px; padding: 0 0 16px; position: relative; width: 156px;}

.col-right.wide .boxthin.caseblock { background-image:url(images/case.gif);  background-repeat:no-repeat; background-position:10px 27px;}

.col-right.wide .box.ftr p strong {display:inline-block;}





.col-right.wide .box p strong{  display: block; font-size: 1.1em; font-weight: bold;}

.col-right.wide .box h4{  display: block; font-size: 0.85em; font-weight: bold; margin:5px 8px 0}

.col-right.wide .box .info1 a{text-decoration:none!important}

.col-right.wide .box .info1 {margin:5px 7px 0}

.col-right.wide .box .info1 p{margin:0;	padding:0;}

.col-right.wide .box { background-color: #e7e8e9;float: left;	width: 212px;margin: 0 10px 10px 0;position: relative;	min-height:235px;	padding:0 0 16px;}

.col-right.wide .box.case h2{ background-position: -28px 0; font-size: 0.65em; font-weight: bold; padding: 7px 0 5px 25px}

.col-right.wide .box.case { min-height: 200px; margin: 0 20px 25px 0; width: 200px;}

.col-right.wide .box.case h3 { background-position: -27px 0; color: #FFFFFF; font-size: 0.75em; font-weight: normal; line-height: 1em; padding: 7px 0 5px 25px;}

.col-right.wide .box h3 { background-color: #02924D; background-image: url("images/diag-top.png"); background-repeat: no-repeat; color: #02924D; display: block; font-family: Arial,Helvetica,sans-serif;  line-height: 1.8em; margin: 0;}

.col-right.wide .box.case .thumb1 img{width:100%;	height:auto;}

.col-right.wide .box.case .thumb1 {}

.col-right.wide .cases .box {background-color: #e7e8e9;	float: left;	width: 313px;	margin: 0 10px 10px 0;	position: relative;	min-height:120px;	padding:0 0 16px;}

.col-right.wide .box h2 a{color:#fff;font-size:0.8em;}

.col-right.wide .box h2 {

	font-family:Arial, Helvetica, sans-serif;

	color:#fff;

	font-size:0.99em;

	padding:0 0 0 28px;

	background-color: #02924D;

	margin: 0 0 0 0;

	line-height:1.8em;

	background-image: url(images/diag-top.png);

	background-repeat:no-repeat;

	background-position:-23px 0;

	display:block;

}

.col-right.wide .boxthin h2 {

	font-family:Arial, Helvetica, sans-serif;

	color:#fff;

	font-size:0.85em;

	padding:0 0 0 28px;

	background-color: #02924D;

	margin: 0 0 0 0;

	line-height:1.8em;

	background-image: url(images/diag-top.png);

	background-repeat:no-repeat;

	background-position:-26px -1px;

	display:block;

}



.tickerLink{}

.link img{ width:100%; height:auto}

.link {	position: absolute;right: 0px;bottom: -3px;	width:40px}

.boxthin .thumb img{ width:inherit; height:inherit;}

.thumb img {height: auto;	width: 100%;}

.menu ul li{margin: 0px;	padding:0px;}

.menu ul li a:hover {	background-color:#FFFFFF;}

.menu ul li:first-child a{border-top:none!important}

.menu ul li.current_page_item a { background:#f7f7f7;}

.menu ul li a {

	border-bottom: 1px solid #CCCCCC;

    border-top: 1px solid #FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.7em;

	color:#666;

	display: block;

	padding:2px 5px;

	margin: 0px;

	width:205px;

	-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */

	-moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

	-o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */

	transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */

}

.menu ul li:last-child a{ border-bottom:none!important}

.menu ul ul li:first-child a{}

.menu ul ul li a {	font-size:0.8em; margin-left: -5px;}

.menu ul ul li  {	border-top:solid #ccc 1px;}

.menu ul ul li:first-child  {border-top:none!important;}

.menu .menushad { background-image: url(images/menushad.gif);	background-repeat: no-repeat; height:10px;	width:190px;}

.col-left .quicklinks {background-color: #fff;	width: 190px;	margin: 5px 0 0;}

.col-left .quicklinks li{}

.col-left .quicklinks ul li a:hover{color:#94C945; background-color:none;}

.col-left .quicklinks ul li a{

	color:#fff;

	font-size:0.82em;

	margin:0 0 5px;

	border-bottom:none!important;

	border-top:none!important;

	padding:3px 5px 15px 15px;

	width: 213px;

	background-image: url(images/quicklink.gif);

	background-repeat: no-repeat;



}

.level1 .banner1 .meteor-slides .meteor-buttons {

    bottom: 35px;

    height: 9px;

    margin: 0;

    padding: 6px 0 0;

    position: absolute;

    left: 800px!important;

    width: 150px!important;

    z-index: 9999;

}



.level1 .banner1 .meteor-buttons a {

    background: url(images/button-bg.png) no-repeat scroll 0 center transparent;

    color: #FFFFFF;

    display: block;

    float: left;

    font-size: 10px;

	font-weight:bold;

    height: 12px;

    margin: 0 -12px !important;

    outline: medium none;

    padding: 14px 0 0 16px;

    text-indent: 0;

    width: 34px;

}

#menu-footer ul ul{ display:block; float: left}

#menu-footer{ margin:10px 29px 10px}

#menu-footer ul{ margin:0; padding:0; }

#menu-footer li{ line-height:1.8em; float: left; margin: 0; padding: 1px 5px; width: 155px; font-size:0.75em; font-weight:bold; padding:0}

.footer .inner li li a:hover{ background:none;}

.footer .inner li li a{ border: medium none !important; font-size: 1.25em; font-weight: normal; line-height: 2.2em; padding: 0; width: 120px;}

.footer .inner li.current_page_item a {background: none!important;}

.col-right.wide .twocol .block .map {  border: 1px solid #CCCCCC; margin: 5px 0 15px; padding: 2px; width: 325px;}

.col-right.wide .twocol .block .map .lmm-panel-api, 

.col-right.wide .twocol .block .map .lmm-panel, 

.col-right.wide .twocol .block .map .leaflet-control-attribution{ display:none!important}

.leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {width: 160px;}

.col-right.wide .twocol .block .map .leaflet-right {display:none!important}



.col-right.wide .twocol .block .map .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content div { position:relative; color:#fff; height:10px; overflow:hidden}

.col-right.wide .twocol .block .map .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content div a{ position:absolute; top: 0px; left:0;}



.leaflet-popup-content strong{ color:#85B63F!important}

.leaflet-popup-content { width: 120px !important;}

#catapult-cookie-bar {

    background-color: #000000 !important;

    color: #DDDDDD;

    direction: ltr;

    font-size: 11px;

    left: 0;

    min-height: 18px !important;

    opacity: 0.65;

    padding: 3px 20px 4px !important;

    position: fixed;

    text-align: center !important;

    top: 0;

    width: 100%;

    z-index: 99999;

}

button#catapultCookie {

    background: none repeat scroll 0 0 #036f3a !important;

    border: medium none;

    border-radius: 3px 3px 3px 3px;

    color: #FFFFFF;

    cursor: pointer;

    font-size: 11px !important;

    font-weight: bold;

    line-height: 16px !important;

    margin: 0 7px !important;

    padding: 1px 6px !important;

}



.col-right.wide .ddsg-wrapper h2, .col-right.wide .ddsg-wrapper p { display: none;}

.col-right.wide .ddsg-wrapper ul { margin: 20px 0; padding: 20px;}

.col-right.wide .ddsg-wrapper ul ul { margin: 0 0;  padding: 0px;}

.col-right.wide .ddsg-wrapper li { list-style-image: none; margin: 0;}

.col-right.wide .ddsg-wrapper li:first-child a { border-top: medium none !important;}

.col-right.wide .ddsg-wrapper li li a:hover {background-color:#FFF!important}

.col-right.wide .ddsg-wrapper li li a {	width:565px;	padding: 6px 6px 6px 50px; background:none!Important}

.col-right.wide .ddsg-wrapper li a {

	background-color:#94C946;



    background-position: 12px 16px;

    background-repeat: no-repeat;

    border-bottom: 1px solid #CCCCCC;

    border-top: 1px solid #FFFFFF;

    color: #056839;

    display: block;

    padding: 6px 6px 6px 25px;

    text-decoration: none;

    transition: all 0.3s ease-out 0s;

	width:590px;

}

.col-right.wide .ddsg-wrapper li a:hover { background-color: #B4C2BA;}

/*gallery*/

.col-right.wide #slideshow-wrapper #imgprev {background-image:url(images/left.png) no-repEat scroll right center rgba(0, 0, 0, 0)!important;  left: 0;}

.col-right.wide #slideshow-wrapper #imgnext {background-image:url(images/right.png) no-repeat scroll right center rgba(0, 0, 0, 0)!important; right: 0;}

h2.widgettitle{ display:none;}

li#sub_categories_widget-3.widget widget_sub_categories{ border:solid red 1px!important;}

ul#wpmega-wpmega-sidebar{border:solid red 1px;}

li.widget widget_sub_categories{}

.col-right.wide .awards .logo img{float:right; margin:0 20 20px 0;}

.col-right.wide .awards{}

.col-right.wide .awards .logo{     

	border: 1px solid #fff;

    color: #999999;

    font-family: Helvetica,Arial,sans-serif;

    font-size: 0.75em;

    margin: 0 20px 20px 0;

    padding: 20px;

    width: 260px;

	min-height:82px;

	

	-moz-box-shadow:0px 0px 2px #ccc;

    -webkit-box-shadow:0px 0px 2px #ccc;

    box-shadow:0px 0px 2px #ccc; 

	}

.col-right.wide .awards .logo strong{ font-size:1.1em; font-weight:normal; color:#028249; display:block; margin:0 0 5px 0;}	

.col-right.wide .awards h3{ clear:both!important; display:block; margin:0 0 20px;}

#slideshow-wrapper #information p {

	display:none;

}



.renewableuk {

	border:none;

	padding-right: 15px;

}



.formwrap{ padding:20px 80px 40px;}

.formwrap h1{ color:#008249; font-size:1.3em;  line-height: 1em; margin: 0 0 12px;  padding: 0;}

.formwrap p{ color:#008249; margin:0; font-size:0.9em; }

.formwrap p.hide{display:none;}

.formwrap .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {

    clear: both;

    display: initial;

    float: right;

    font-size: 11px;

    left: 0;

    margin: -64px 0px 10px;

    padding: 0;

    position: relative;

    text-align: right;

    top: 0;

    width: 49%;

	color:#e96f35

}



body .formwrap div.wpcf7-validation-errors {

    background: none repeat scroll 0 0 #e96f35;

    border: 1px solid #e96f35;

    color: #ffffff;

    font-size: 0.8em;

    padding: 6px 10px;

	

}



.formwrap .wpcf7-form div.wpcf7-response-output {

    float: right;

    font-size: 11px;

    margin: -53px 0 0;

    padding: 10px;

    width: 50%;

	

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px; 



}

.formwrap span.wpcf7-form-control-wrap {

    position:static;

}



.formwrap input[type="text"], .formwrap input[type="password"], .formwrap input[type="email"], .formwrap textarea, .formwrap select {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #ccc !important;

    border-radius: 4px;

    color: #777777;

    float: left;

    font: 13px arial,Helvetica,Arial,sans-serif;

    margin: 0 0px 18px 0;

    padding: 7px;

    width: 97%;

}







.formwrap .button, button, .formwrap input[type="submit"], .formwrap input[type="reset"], .formwrap input[type="button"] {

    background: none repeat scroll 0 0 #008249;

    border: 1px solid #008249;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px; 

}



#wpcf7-f3092-p1295-o1 {padding: 20px;}



.emailfoot{ display:none;}



@media only screen

and (max-width : 385px) {

	.level0 {display:none;}

}





.myButton {

	-moz-box-shadow: 0px 10px 14px -7px #3e7327;

	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;

	box-shadow: 0px 10px 14px -7px #3e7327;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));

	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);

	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);

	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);

	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);

	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);

	background-color:#77b55a;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	border-radius:4px;

	border:1px solid #4b8f29;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:Arial;

	font-size:15px;

/*	font-weight:bold; */

	padding:10px 50px;

	text-decoration:none;

	text-shadow:0px 1px 0px #5b8a3c;

	color: #ffff;

}

.myButton:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));

	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);

	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);

	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);

	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);

	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);

	background-color:#72b352;

}

.myButton:active {

	position:relative;

	top:1px;

}







/*  SECTIONS  ============================================================================= */



.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}



/*  GROUPING  ============================================================================= */





.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1; /* For IE 6/7 (trigger hasLayout) */

}



/*  GRID COLUMN SETUP   ==================================================================== */



.col {

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}



.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */





/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */



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

	.col { 

		margin: 1% 0 1% 0%;

	}

}





/*  GRID OF TWO   ============================================================================= */





.span_2_of_2 {

	width: 100%;

}



.span_1_of_2 {

	width: 49.2%;

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.span_2_of_2 {

		width: 100%; 

	}

	.span_1_of_2 {

		width: 100%; 

	}

}