@import 'reset.less';

// Defaults which you can freely override
@column-width: 60;
@gutter-width: 20;
@columns: 12;

// Utility variable — you should never need to modify this
@_gridsystem-width: (@column-width*@columns) + (@gutter-width*@columns) * 1px;

// Set @total-width to 100% for a fluid layout
@total-width: @_gridsystem-width;


//////////
// GRID //
//////////

body {
	width: 100%;
	float: left;
}

.row(@columns:@columns) {
	display: inline-block;
	overflow: hidden;
	width: @total-width*((@gutter-width + @_gridsystem-width)/@_gridsystem-width);
	margin: 0 @total-width*(((@gutter-width*.5)/@_gridsystem-width)*-1);
}

.column(@x,@columns:@columns) {
	display: inline;
	float: left;
	overflow: hidden;
	width: @total-width*((((@gutter-width+@column-width)*@x)-@gutter-width) / @_gridsystem-width);
	margin: 0 @total-width*((@gutter-width*.5)/@_gridsystem-width);
}

//////////
// GRID //
//////////

// Specify the number of columns and set column and gutter widths
@columns: 12;
@column-width: 70;
@gutter-width: 10;

// Remove the definition below for a pixel-based layout
@total-width: 100%;
@branding-green: #8ba90d;
@radius: 7px;



/* ==|== primary styles =====================================================
   Author: www.griddesign.co.uk
   ========================================================================== */

body {
		background:url(../img/bg.jpg) repeat-x 0 bottom;
		color: #555;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
		font-family: Arial, Helvetica, sans-serif;
		font-size:62.5%;
		line-height:1.5;
		margin: 0;
		padding: 0;
}

#outer-wrapper {
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

a, a:link {
	color:@branding-green;
	text-decoration:none;
}

a:visited {
	color:@branding-green;
}

a:hover {
	text-decoration:underline;
}

a, a:hover, a:visited, a:active {
   border:none;
   outline:none;
}

h1, h2 {
	font-weight:normal;
	letter-spacing:-1px;
	font-size: 2.4em; /* 24px */ line-height: 1.5em; /* 36px */ margin-top: 0.75em; margin-bottom: 0em;
	color:@branding-green;
}

h3 {
	font-size: 1.8em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em;
	color:@branding-green;
	font-weight:normal;
}

h4 {
  font-size: 1.6em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em;
	color:@branding-green;
	font-weight:normal;
}

h5 {
  font-size: 1.4em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em;
	color:@branding-green;
}

h6 {
  font-size: 1.2em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em;
	color:@branding-green;
}

h3,h4,h5,h6,ul,ol,p {
  margin-bottom:18px;
}

ul{
	margin:0 0 1em 0em;
	padding:0;
	list-style:none;
}

ul li {
  font-size:1.2em;
	background:url(../img/green-dot.png) no-repeat 0 6px;
	padding:0 0 0 1em;
}

p {
  font-size:1.2em;
	margin:0 0 1.5em 0;
}

a.read-more {
  font-size:1.2em !important; text-decoration:underline;
}


/*--------------------------------------------------*/

header{
  .column(12);
	overflow:visible;
}

.logo{
	margin:0!Important;
}

.logo a{
	.column(3);
	margin:0!Important;
	float:right;
}

.logo a img{
	max-width:100%;
}

.logo figcaption {
	.column(9);
	margin:0!Important;
  float:left;
}

.logo figcaption h1, footer .branding h1{
  font-size:3em;
	line-height:1em;
	margin-bottom:0;
	padding-left:15px;
	padding-top:.5em;
	padding-bottom:0;
	margin-left:-2px;
}

.logo figcaption h2, footer .branding h2{
  font-size:1.4em;
	letter-spacing:0;
	color:#888888;
	margin-top:-2px;
	padding-bottom:2em;
	padding-left:15px;
}

header hgroup {
  display:none;
}

nav{
	float:left;
	position:relative;
}

nav ul{
	margin:0!Important;
	padding:0!Important;
}

nav ul li {
  float:left;
	margin:0 1px 0 0!Important;
	background-image:none;
	padding:0;
}

.ie7 nav{
	z-index:9999!Important;
}

nav ul li a{
	display:block;
	padding:10px 18px;
	font-size:14px;
	text-decoration:none;
	background-color:#e1e1e1;
	
	-moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  border-radius: 4px; /* CSS3 */
	color:#5b4b22!Important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}

nav ul li a:hover{
	color:#fff!Important;
	background-color:#a2bd30;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
	text-decoration:none;
}

nav ul li.selected a{
	color:#fff!Important;
	background-color:#a2bd30;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

a.find-out-more {
	color:#fff!Important;
	background-color:#a2bd30!Important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
	display:block;
	padding:10px 15px;
	border-radius: 4px 4px 4px 4px;
	
		background: -webkit-gradient(linear, left top, left 25, from(#AECB33), color-stop(6%, #A2BD30), to(#A2BD30));
	background: -moz-linear-gradient(top, #AECB33, #A2BD30 2px, #A2BD30 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

ul#topnav li .sub a.find-out-more { color:#fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, .4); }

ul#topnav li .sub {
	position: absolute;	
	top: 42px; left: 0;
	float: left;
	-moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari, Chrome */
  border-radius: 4px; /* CSS3 */
	display: none;
	z-index:99999;
	background:#fff url(../img/menu-bg.jpg) no-repeat 0 0;
	padding:0px;
}

.ie7 ul#topnav li .sub {
	z-index:1!Important;
}

ul#topnav li .row {clear: both; float: left; width: 100%;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 20px 0 0 15px!Important;
	float: left;
}
ul#topnav .sub ul > li {
	width: 100%;
	color: #fff;
	border-bottom:1px dotted #d1d1d1;
}

ul#topnav .sub ul.nav-contact-box li { border:none; }
ul#topnav .sub ul.nav-contact-box li a { color:#d2ee46 !important; }

ul#topnav .sub ul li h2{
	font-size:21px;
	color:#5b4b22!Important;
	margin-top:0;
	padding-top:0;
}

ul#topnav .sub ul li h3{
	font-size:16px;
	color:#5b4b22!Important;
}

ul#topnav .sub ul li p{
	font-size:13px;
	color:#5b4b22!Important;
}

ul#topnav .sub ul li:last-child {
	border-bottom:none;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 10px 5px 10px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	background-color:transparent;
}

ul#topnav .sub ul li a:hover {color: #ddd; background-color:#a2bd30;}

.selected .sub ul li a {
	color:#5b4b22!Important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}

.selected .sub ul li a:hover {
	color:#fff!Important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

.nav-contact-box li span{
	background-color:#1B1D59;
	text-shadow:none;
	padding:15px;
	display:block;
	margin-left:-15px;
	margin-right:15px;
	
	
	-moz-border-bottom-left-radius: 4px; /* Firefox */
  -webkit-border-bottom-left-radius: 4px; /* Safari, Chrome */
  border-bottom-left-radius: 4px; /* CSS3 */
	
	-moz-border-bottom-right-radius: 4px; /* Firefox */
  -webkit-border-bottom-right-radius: 4px; /* Safari, Chrome */
  border-bottom-right-radius: 4px; /* CSS3 */
}

.nav-contact-box a {
	display:inline!Important;
	padding:0!Important;
	margin:0;
	color:#D2EE5D!Important;
	text-shadow: 0 1px 0 #000000!Important;
}

.nav-contact-box a:hover {
	color:#D2EE5D!Important;
	background:#1F2163!Important;
	text-decoration:underline!Important;
}

.featured-box{
	margin:20px!Important;
	-moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari, Chrome */
  border-radius: 6px; /* CSS3 */
	padding:0px;
	}

.featured-box li{
	padding:0 10px 20px 20px;
	width:220px!Important;
	border-bottom:0!Important;
}


/*--------------------------------------------------*/

.breadcrumb {
  clear:left;
	float:left;
	padding:15px 0 0 10px;
	font-size:1.2em;
	.column(8);
}

.breadcrumb a{
	padding:0 5px;
}

.breadcrumb span{
	padding:0 0 0 5px;
}

/*--------------------------------------------------*/

.content-wrapper {
	.column(12);
}

.main-column {
	.column(8);
	div.box-wrapper {
		.row(8);
    margin-bottom:10px;

		div.nested-box-wrapper {
			.column(4,8);
			padding:0;
			overflow:hidden;
		}
	}
	
}

.flexslider {
.column(8);
}

.map-wrapper iframe{
 margin-bottom:10px;
 -moz-border-radius: @radius; /* Firefox */
  -webkit-border-radius: @radius; /* Safari, Chrome */
  border-radius: @radius; /* CSS3 */
}

/* FlexSlider Necessary Styles
*********************************/ 
.ie7 .flexslider {margin: 0 0 4px 0;}

.flexslider {width: 100%; margin: 0 0 10px 0; padding: 0;}
.flexslider .slides { margin:0; padding:0;}
.flexslider .slides li {display: none; background-image:none; padding:0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;
-moz-border-radius: @radius; /* Firefox */
  -webkit-border-radius: @radius; /* Safari, Chrome */
  border-radius: @radius; /* CSS3 */}

/* Browser Resets */
.flexslider a {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load
 */
.no-js .slides li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.flexslider .slides  li {position: relative;}
.flexslider .slides  li a{margin:0!Important; padding:0!Important; text-decoration:none;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}

/* Caption style */
.flex-caption { width:100%; position: absolute; left:0; height:100px; bottom:0px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px; background:url(../img/black-overlay.png) repeat 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius:8px; border-radius:8px; }
.flex-caption > div { padding:3%; }

.flex-caption-row1 {
	font-size:2em;
	letter-spacing:-1px;
	line-height:1.2em;
}

.flex-caption-row2 {
	font-size:.93em;
}


.flex-caption-row2 strong {
	font-weight:bold;
	color:#ceff00;
}

.ie7 .flex-direction-nav {
	display:none;
}
.flex-direction-nav {}

/* Direction Nav */

.flex-direction-nav li {  background-image:none;}
.flex-direction-nav li a {width: 25px; height: 52px; margin: -13px 0 0; display: block; background: url(../img/slider-controls.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -25px 0; right: 0px;}
.flex-direction-nav li a.prev {background-position: 0 0; left:0px;}

/* Control Nav */
.flex-control-nav {margin-left: -31px; position: absolute; bottom: -30px; left: 50%;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {margin: 0 0 0 5px; float: left;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.sidebar {
	.column(4);
}

.box {
	margin:0 0 10px 0;
	padding:10px 15px 10px 15px;
	overflow:hidden;
	
	-moz-border-radius: @radius; /* Firefox */
  -webkit-border-radius: @radius; /* Safari, Chrome */
  border-radius: @radius; /* CSS3 */
}

.box.map {
  padding:0 0 10px 0;
}

.box figure{
	margin:9px 0;
}

.box figure img{
	max-width:100%;
}

.box h2 {
	margin-top:0;
}

.box h3 {
	margin-top:0;
}

/*-------------------------------------*/



.navy-box {
	background:#1b1d58;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#1b1d58), to(#1f2165)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #1b1d58,  #1f2165); /* for firefox 3.6+ */ 
	
	
	color:#eee;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}


.navy-box h2 { display:block; color:#eee; height:20px; padding-bottom:20px; }
.navy-box h3 a { display:block; line-height:15px; padding-top:8px; padding-bottom:8px; color:#d2ee5d!important; font-weight:normal; font-size: 16px; font-weight:normal; outline: none; }
.navy-box h3 a:hover,
.navy-box h3 a:active,
.navy-box h3 a:focus { outline: none !Important; }
.navy-box .acc_trigger { margin:0px; padding:0px; }
.navy-box .acc_container {  }
.navy-box .acc_container a { display:block; color:#d1d1d1; }
.navy-box .acc_container div { padding:5px 0px 5px 0px; }

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative;  zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; }
.ui-accordion-icons .ui-accordion-header a { }

.ui-accordion .ui-accordion-content { border-top: 0; margin-top: 0px; position: relative; top: 1px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

.ui-state-focus{
    outline: none;
}


/*-------------------------------------*/

.green-box {
	background:#a2bd30;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#a2bd30), to(#aecb33)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a2bd30,  #aecb33); /* for firefox 3.6+ */ 
	
	color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.green-box h2{
	color:#fff;
}

.green-box h5{
	color:#222;
	margin-bottom:9px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}

.green-box h5 a{
	color:#222;
	text-decoration:none;
}

.green-box p{
	margin-bottom:0;
}

.green-box a.read-more {
  color:#fff;
	float:right;
	clear:right;
}

.green-box div {
  clear:both;
	overflow:hidden;
	border-bottom:1px dotted #fff;
	padding-bottom:10px;
}

.green-box .carousel { height:210px; overflow:auto; border:none; margin:0px; padding:0px; }
.green-box .carousel > div {  height:240px; border:none; padding:0px; margin:0px; }
.green-box .carousel ul li { display:block; border-top:1px dotted #fff; }
.green-box .carousel ul li h3 { display:block; padding:10px 0px 10px 0px; }
.green-box a.carousel-more { display:block; }

.green-box div{
  margin-top:-18px;
}

.green-box div:last-child{
	border-bottom:0;
}

.green-box div + div{
  margin-top:0;
}

.listing-box ul,
.listing-box ul li,
.green-box ul,
.green-box ul li { padding:0px; margin:0px; list-style:none; font-size:12px; }

.listing-box h2 {
  margin-bottom:9px;
}

.listing-box div{
	margin:9px 0 0 0;
	padding:9px 0;
}

.listing-box h3{
	font-size:12px;
	line-height:1.5em;
	padding:0;
	margin:0;
}

.listing-box h3 a{
	color:#404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
	font-weight:bold;
}

.listing-box h3.selected a {
  color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.listing-box h3 a:after {
content: "\00A0\000BB"; /* Insert a space then right angled-quote */
}

/*------------------------------------------------*/

.gray-box{
	min-height:154px;
	background: #e1e1e1; /* for non-css3 browsers */
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ddd,  #fff); /* for firefox 3.6+ */ 
	
	-moz-box-shadow: 0px 3px 3px #ccc; /* Firefox */
  -webkit-box-shadow: 0px 3px 3px #ccc; /* Safari, Chrome */
  box-shadow: 0px 3px 3px #ccc; /* CSS3 */
}

.ie7 .gray-box{
	background:url(../img/grey-fade-back.jpg) repeat-x 0 0;
}

.ie8 .gray-box{
	background:url(../img/grey-fade-back.jpg) repeat-x 0 0;
}

.ie9 .gray-box{
	background:url(../img/grey-fade-back.jpg) repeat-x 0 0;
}

.gray-box h2{
  color:#222;
}

.gray-box h2 a{
  color:#222;
	text-decoration:none;
}

.gray-box p{
	margin-bottom:0;
}

.gray-box a.read-more{
  float:right;
}

.contact-us-box h3{
	margin-top:9px;
	font-size:1.4em;
	margin-bottom:9px;
	color:#222;
}

.contact-us-box p{
  margin-bottom:1.5em;
}

.contact-us-box a{
	text-decoration:underline;
}

.white-box h2 a{
	text-decoration:none;
}

.white-box h3 a{
	text-decoration:none;
}

/*-----------------------------------------------*/

.newsletter-box h2{
	font-size:1.8em;
	color:#666;
	letter-spacing:0;
}

.dotted-right-border {
	border-left:1px dotted #ccc;
	-moz-border-radius: 0; /* Firefox */
  -webkit-border-radius: 0; /* Safari, Chrome */
  border-radius: 0; /* CSS3 */
}

input[type=search] {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}


/*-----------------------------------------------*/

.newsletter-box .iform ul { margin:20px 0 0 0;
}

.iform {font: 12px/26px Verdana, Geneva, sans-serif; width:100%; margin:10px auto 0 auto;}
.iform ul { margin:0; padding:0; list-style:none;}
.iform ul ul { overflow:auto}
.iform li { padding:0 0 15px 0; background:none;}
.iform label { 
 width:100%; display:block; float:left; line-height:26px;
}
.iform label.ilabel { 
 width:auto; display:inline; float:none; line-height:26px; padding:0 5px
}

.iform .itext,.iform .itextarea,.iform .iselect,.iform .ibutton { 	
	width:268px;
	border:1px solid #999;
	-webkit-border-radius: 3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin:0;
	padding:5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.contact-us-form .iform li { padding:0 0 10px 0;}
 
.contact-us-form .iform .itext, .contact-us-form .iform .itextarea{ 	
	width:470px;
}

.contact-us-form .iform .ibutton {
	margin-right:118px;
	margin-bottom:20px;
}

.iform .itext:hover,.iform .itextarea:hover,.iform .iselect:hover,.iform .ibutton:hover,
.iform .itext:focus,.iform .itextarea:focus,.iform .iselect:focus,.iform .ibutton:focus{
border-color: #333;
background:#fff;

}


.iform .itextarea{ 
	height:100px; width: 250px;
}
.iform .ibutton {
  color:#fff;
	width:auto;
	background: #A2BD30;
	background: -webkit-gradient(linear, left top, left 25, from(#AECB33), color-stop(6%, #A2BD30), to(#A2BD30));
	background: -moz-linear-gradient(top, #AECB33, #A2BD30 2px, #A2BD30 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	float:right;
	padding:10px 15px;
	height:37px;
}
.iform .ibutton:hover,.iform .ibutton:focus { background:#A2BD30;}
.iform li.iheader { display:block; font-size:18px; border-bottom:1px solid #000; padding:5px; text-indent:10px; margin:5px 0 15px }
.iform li.iseparator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #999;margin:5px 0 15px }

.iform .required { border-color:#F00; }

.display-none {
	display:none!Important;
}

.unsubscribe-link {
  float:left;
}

/*------------------------------------------------*/

.copy {
	padding:18px 0 0 15px;
/*	background:#d1d1d1;
*/	margin:0;
	overflow:hidden;
	.column(11);
}

.copy h1 {
	margin:0 0 1em 0;
	max-width:518px;
	font-weight:bold;
}

.copy h2{
	font-size:1.8em;
	line-height:1em;
	letter-spacing:0;
	margin:0 0 1em 0;
	max-width:518px;
}

.copy h3{
	font-size:1.6em;
	line-height:1em;
	letter-spacing:0;
	margin:0 0 1em 0;
	max-width:518px;
	font-weight:bold;
}
.copy h4{
	font-size:1.4em;
	line-height:1em;
	letter-spacing:0;
	margin:0 0 1em 0;
	max-width:518px;
	font-weight:bold;
	}
.copy h5{
	font-size:1.2em;
	line-height:1em;
	letter-spacing:0;
	margin:0 0 1em 0;
	max-width:518px;
	font-weight:bold;
}
.copy h6{
	font-size:1.2em;
	line-height:1em;
	letter-spacing:0;
	margin:0 0 1em 0;
	max-width:518px;
	font-weight:bold;
}

.copy ul, .copy p{
	max-width:518px;
}

.copy p:first-child{
	font-weight:bold;
	font-style:italic;
}

.copy ul {
	margin:0 0 1.8em 0;
}

.copy strong {
  color:#5B4B22;
}

.copy a {
	text-decoration:underline;
}

.copy figure{
  .column(6);
	margin:0 0 18px 18px;
	float:right;
	clear:right;
}

.copy figcaption {
	color:#222;
	font-size:1.1em;
	padding:10px 0 0 0;
	font-style:italic;
	font-weight:bold;
}

.copy figure img {
	max-width:100%;
}



/*---------------------------------------------------------*/

.gallery-image{
 
}

.gallery-image ul li img {
	max-width:100%;

	-moz-border-radius: @radius; /* Firefox */
  -webkit-border-radius: @radius; /* Safari, Chrome */
  border-radius: @radius; /* CSS3 */
}

footer {
	padding:18px 0;
  clear:both;
	.column(12);
}

footer ul{
	clear:right;
	float:right;
}

footer ul li {
  float:left;
	background:none;
	padding:0 0 0 7px;
}


footer .branding {
  clear:both;
	text-align:center;
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Angel code */
.paging a { float:left; display:block; width:25px; height:25px; text-align:center; border:none; color:#9b4b22; text-decoration:none; }
.paging a:hover, 
.paging a:active { outline:none;  }
.paging a.first-page {  }
.paging a.first-page:hover { color:#ffffff; background-color:#a2bd30; text-shadow: 0 1px 0 rgba(0, 0, 0, .4); border:none; text-decoration:none;   }
.paging a.last-page { }
.paging a.last-page:hover { color:#ffffff; background-color:#a2bd30; text-shadow: 0 1px 0 rgba(0, 0, 0, .4); border:none; text-decoration:none;   } 
.paging a.prev-page, 
.paging a.next-page { line-height:24px; background:#e1e1e1; -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ border-radius: 4px; /* CSS3 */ color:#5b4b22; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); }
.paging a.next-page {  }
.paging a.next-page:hover { color:#ffffff; background-color:#a2bd30; text-shadow: 0 1px 0 rgba(0, 0, 0, .4); border:none; text-decoration:none;  } 
.paging a.prev-page { }
.paging a.prev-page:hover { color:#ffffff; background-color:#a2bd30; text-shadow: 0 1px 0 rgba(0, 0, 0, .4); border:none; text-decoration:none;  }
.paging a.prev-disabled { }
.paging a.next-disabled { }
.paging span.pages { float:left; display:block;  height:25px; } 
.paging span.pages a { display:block; height:25px; width:25px; line-height:25px; background:#e1e1e1; -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ border-radius: 4px; /* CSS3 */ color:#5b4b22; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); text-decoration:none; }
.paging span.pages a:hover, 
.paging span.pages a.current { color:#ffffff; background-color:#a2bd30; text-shadow: 0 1px 0 rgba(0, 0, 0, .4); border:none; text-decoration:none; } 


.block-separator { height:20px; background:url(../img/hdash.png) center center repeat-x; }

.block-item-row {}
.block-item-row h3 { margin:0px; padding-bottom:5px; }
.block-item-row h3 a { text-decoration:none; }
.block-item-row .block-thumbnail { display:block; width:100px;  padding-right:10px; float:left;  }
.block-item-row .block-thumbnail img { }
.block-item-row .block-description { }
.block-item-row .block-description .block-brief { font-size:12px; }
.block-item-row .block-date { font-weight:normal; padding-bottom:5px; color:#999999; font-size:11px; }
.block-item-row .block-description .read-more { display:block; margin-top:10px; }

.ui-front-article-thumbnail { float:left; width:200px;  margin-right:20px; }

/* Content gallery */
.content-gallery { position:relative; width:630px; height:175px; overflow:hidden; margin-bottom:20px; }
.content-gallery ul { position:absolute; top:0px; left:0px; width:630px; height:175px; z-index:1; overflow:hidden; }
.content-gallery ul li { display:block; position:absolute; width:630px; height:175px; overflow:hidden; list-style:none; padding:0px; margin:0px;  }
.content-gallery ul li img { visibility:visible;  }


ul.sitemap, 
ul.sitemap ul { padding:0px; margin:0px; }
ul.sitemap ul { padding:0px 0px 0px 50px; }
ul.sitemap,
ul.sitemap li,
ul.sitemap ul li { list-style:none; padding:0px; margin:0px; background:none; }
ul.sitemap li a { font-size:14px; text-decoration:none; }

.filter { font-size:12px; background:#f7f7f7; padding:15px 20px 20px 20px; -moz-border-radius: 7px; /* Firefox */ -webkit-border-radius: 7px; /* Safari, Chrome */ border-radius: 7px; /* CSS3 */ background:url(../img/gradient.png) 0 0 repeat-x; }
.filter > strong { font-size:18px; font-weight:normal; display:block; margin-bottom:10px; }
.filter .column { width:140px; float:left; }
.filter .column a { display:block; text-decoration:none; }
.filter .column a:hover { text-decoration:underline; }

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media screen and (max-width: 320px) , screen and (max-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
	.logo a{.column(8); float:right;}
	.logo figcaption {.column(12); margin:0; padding:0 10px 0 0;}
	.logo figcaption h1 { padding-top:0; margin-top:0;padding-bottom:9px;}
	.logo figcaption h2 { padding-bottom:0;}
  header hgroup {display:block; .column(12); padding:0 0 18px 15px;}
	header hgroup h2{font-size:16px; color:#5B4B22;}
	nav li {.column(12);}
	.featured-box { display:none; }
	ul#topnav li {z-index:9999!Important;}
	ul#topnav li .sub {}
	ul#topnav li .sub ul{margin:0; padding:0!Important;}
	ul#topnav li .sub .featured-box {display:none;}
	ul#topnav li .sub .nav-contact-box {display:none;}
	.flexslider { display:none; }
	.sidebar { .column(12);}
	.main-column { .column(12); }
	.nested-box-wrapper{ display:none!Important;}
	.copy { .column(11);}
	.copy figure { .column(12); margin-bottom:18px;}
	.gallery-image { display:none;}
}


@media only screen and (max-width: 768px) {
  /* Style adjustments for viewports 480px and over go here */
	.logo a{.column(8); float:right;}
	.logo figcaption {.column(12); margin:0; padding:0 10px 0 0;}
	.logo figcaption h1 { padding-top:0; margin-top:0;padding-bottom:9px;}
	.logo figcaption h2 { padding-bottom:0;}
  header hgroup {display:block; .column(12); padding:0 0 18px 15px;}
	header hgroup h2{font-size:16px; color:#5B4B22;}
	nav li {.column(12);}
	.featured-box { display:none; }
	ul#topnav li {z-index:9999!Important;}
	ul#topnav li .sub {}
	ul#topnav li .sub ul{margin:0; padding:0!Important;}
	ul#topnav li .sub .featured-box {display:none;}
	ul#topnav li .sub .nav-contact-box {display:none;}
	.flexslider { display:none; }
	.sidebar { .column(12);}
	.main-column { .column(12); }
	.nested-box-wrapper{ display:none!Important;}
	.copy { .column(11);}
	.copy figure { .column(12); margin-bottom:18px;}
	.gallery-image { display:none;}
}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}