header {
	background: #064832;
	background: -moz-linear-gradient(left, #064832 0%, #127a43 100%);
	background: -webkit-linear-gradient(left, #064832 0%, #127a43 100%);
	background: linear-gradient(to right, #064832 0%, #127a43 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043c29', endColorstr='#127a43',GradientType=1 );
}

a.button.grey {
	background:#064832;
	color:#fff;
	margin:0px 0px 10px 0px;
}
a.button {
	text-align:center;
	background:#f1e04d;
	color:#fff;
	padding:12px;
	display:block;
	width:calc(100% - 24px);
	border-radius:3px;
	color:#444;
	font-weight:600;
	font-size:14px;
}

.upper-header {
	padding:20px 0px;
}
#belt {
	border:none;
	border-top:1px solid #ddd;
}
#logo {
	float:left;
}
#contact {
	float:right;
	text-align:right;
}
#contact .phone {
	color:#fff;
	text-decoration:none;
	font-size:28px;
	line-height:28px;
	font-weight:600;
	letter-spacing:1px;
	display:block;
	margin:35px 0px 0px 0px;
}
#contact .phone i {
	font-size:22px;
	color:rgba(0,0,0,0.3);;
	margin:0px 6px 0px 0px;
}
#contact .email {
	font-size:16px;
	color:#f1e04d;
}

#navigation {
	position:relative;
	display:block;
	background:#fff;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:99;
}
#navigation li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	display:inline-block;
	float:left;
	position:relative;
}
#navigation li.right {
	float:right;
}
#navigation li.right a {
	padding:14px 20px 10px;
	color:#999;
}
#navigation li.right a:hover {
	background:#eee;
}
#navigation li.right a.facebook {
	color:#3B5998;
}
#navigation li.right a.twitter {
	color:#55acee;
}
#navigation li.right a.linkedin {
	color:#0077B5;
}
#navigation li.right.last a {
	border-left:1px solid #ddd;
}
#navigation #menu-link {
	display:none;
}
#navigation li a {
	display:block;
	padding:18px 20px 15px 20px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	border-right:1px solid #ddd;
	color:#555;
}
#navigation li ul li:nth-child(3) a {
	border-left:none;
}
#navigation li:first-child a, #navigation li:nth-child(2) a {
	border-left:1px solid #ddd;
}
#navigation li:first-child ul li a, #navigation li:nth-child(2) ul li a {
	border-left:none !important;
}
#navigation li:first-child a {
	border-right:none;
}
#navigation li ul li:first-child a, #navigation li ul li:nth-child(2) a {
	border-left:none;
}
#navigation li a:hover, #navigation li a.active {
	text-decoration:none;
	background:#777;
	color:#50a93f;
}
#navigation li ul {
	display:none;
	min-width:200px;
	position:absolute;
	left:0px;
	background:#555;
	z-index:99;
	padding:3px 20px 3px;
	border-radius:0px 0px 3px 3px;
	margin:0px;
}
#navigation li ul li:first-child a {
	border:none;
}
#navigation li ul li a {
	color:#eee;
	text-transform:none;
	letter-spacing:0px;
	border:none;
}
#navigation li:hover a {
	text-decoration:none;
	background:#555;
	color:#50a93f;
	outline:0;
}
#navigation li:hover ul li a:hover, #navigation li:hover ul li a:focus {
	color:#fff;
}
#navigation li:hover ul {
	display:block;
}
#navigation li:hover ul li a {
	color:#cacaca;
}
#navigation li ul li {
	display:block;
	float:none;
	border-bottom:1px solid #666;
}
#navigation li ul li:last-child {
	border-bottom:none;
}
#navigation li ul li a {
	padding:11px 0px 8px;
}


#homepage-slider {
	max-height:400px;
	background:url("../img/interface/bg-slider.png") #333;
}
.bx-wrapper {
	margin-bottom:0px !important;
}
.bxslider {

	box-shadow:10px 6px 10px #000;
}
.bxslider li {
	margin:0px 0px 0px 0px;
	box-shadow:0px 6px 10px #000;
}
.bxslider li img {
	float:left;
}
.bxslider li .caption {
	width:240px;
	padding:30px;
	float:left;
	height:340px;
	background:#127a43;
	background: #064832;
	background: -moz-linear-gradient(down,  #064832 0%, #127a43 100%);
	background: -webkit-linear-gradient(down,  #064832 0%,#127a43 100%);
	background: linear-gradient(to bottom,  #064832 0%,#127a43 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043c29', endColorstr='#127a43',GradientType=1 );
	box-shadow:0px 0px 40px #000;
}
.bxslider li .caption .tag {
	color:#50a93f;
	text-transform:uppercase;
	font-weight:800;
	margin:0px 0px 10px 0px;
	letter-spacing:1px;
}
.bxslider li .caption h3 {
	color:#fff;
	text-transform:uppercase;
	font-weight:800;
	margin:0px 0px 20px 0px;
	letter-spacing:1px;
	font-size:28px;
	line-height:30px;
}
.bxslider li .caption p {
	color:#eaeaea;
	font-size:14px;
	line-height:20px;
	margin:0px 0px 20px 0px;
}
.bxslider li .caption a.button.grey {
	background:#064832;
	color:#fff;
	margin:0px 0px 10px 0px;
}
.bxslider li .caption a.button {
	text-align:center;
	background:#f1e04d;
	color:#fff;
	padding:12px;
	display:block;
	width:calc(100% - 24px);
	border-radius:3px;
	color:#444;
	font-weight:600;
	font-size:14px;
}
.bxslider li .caption a.button:hover {
	text-decoration:none;
}




/* PORTFOLIO =============================================== */

h2.project {
	margin-bottom:4px;
}
h4.project {
	font-size:16px;
	font-weight:600;
	color:#555;
	font-style:italic;
	margin-bottom:20px;
}

#nav_categories {
	padding:0px !important;
	margin:0px !important;
}
#nav_categories li {
	list-style:none !important;
	text-indent:0px !important;
	padding:0px !important;
	margin:0px !important;
}
#nav_categories li::before {
	content:none;
}
#nav_categories li:nth-child(3n) a {
	margin-right:0px;
}

.portfolio-link {
	display:block;
	height:175px;
	margin:0px 20px 20px 0px;
	background:#eaeaea;
	width:calc(33.33333333333% - 13.3333333px);
	float:left;
	border-radius:2px;
	text-transform:uppercase;
	color:#fff;
	background:rgba(80,169,63, 0.5);
	transition: background 0.2s ease-out;
	position:relative;
}
.portfolio-link span {
	display:block;
	position:absolute;
	bottom:0px;
	background:rgba(80,169,63, 0.65);
	padding:10px 20px;
	width:calc(100% - 40px);
	line-height:20px;
	font-weight:600;
	font-size:17px;
	letter-spacing:.5px;
	transition: background 0.2s ease-out;
}
.portfolio-link:nth-child(3n) {
	margin-right:0px;
}
.portfolio-link:hover {
	text-decoration:none;
	background:rgba(80,169,63, 0.75);
}
.portfolio-link:hover span {
	background:rgba(80,169,63, 0.85);
}

#portfolio-gallery {

}
#portfolio-gallery h4 {
	padding:0px 0px 10px 0px;
	margin:0px 0px 25px 0px;
	border-bottom:1px solid #eee;
}
#portfolio-gallery a.thumbnail {
	display:block;
	width:125px;
	height:125px;
	float:left;
	margin:0px 15px 15px 0px;
}
#portfolio-gallery a.thumbnail img {
	width:125px;
	height:125px;
	border-radius:2px;
}

.back-link {
	margin:10px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	border-top:1px solid #eee;
}
.back-link a {
	color:#999;
}


/* TEAM ========================================== */

#nav_cat_archive {
	margin:0px 0px;
	padding:0px !important;
}
#nav_cat_archive li {
	padding:0px !important;
	text-indent:0px !important;
	margin:0px 0px 15px 0px !important;
}
#nav_cat_archive li::before {
	content:none !important;
}
#nav_cat_archive li a {
	background:#ddd;
	color:#127a43;
	font-size:18px;
	font-weight:600;
	text-decoration:none;
	outline:0px;
	display:block;
	padding:10px 20px;
}
#nav_cat_archive li ul {
	background:#eee;

}
#nav_cat_archive li a i {
	float:right;
	margin-top:4px;
}
#team dd {
	margin:0px 0px 20px 0px;
}

#nav_cat_archive li ul {
	display:none;
	padding:10px 20px !important;
}
#nav_cat_archive li:first-child ul {
	display:block;
}

.accordion-toggle {
	cursor: pointer;
	background:#4b9938;
	color:#fff;
	width:calc(100% - 40px);
	padding:12px 20px;
	border-radius:2px;
	font-size:14px;
}
.accordion-toggle:hover {
	background:#127a43;
}
.accordion-toggle span {
	font-size:12px;
	float:right;
	font-weight:600;
	text-transform:uppercase;
}
.accordion-content {display: none; padding:20px 20px;}
.accordion-content.default {display: block;}

.profile {
	display:block;
	margin:0px 0px 40px 0px;
	padding:20px 0px 20px 0px;
	border-bottom:1px solid #eaeaea;
}
.profile:first-child {
	margin:0px 0px 20px 0px;
}
.profile:last-child {
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:0px;
}
.profile img.headshot {
	width:150px;
	height:150px;
	float:right;
	border-radius:50%;
	margin:0px 0px 20px 20px;
}
.profile h3 {
	font-size:24px;
	line-height:26px;
	margin:0px 0px 0px 0px;
}
.profile h4 {
	font-size:15px;
	margin:0px 0px 20px 0px;
}
.profile p {
	font-size:17px;
	line-height:24px;
}

/*  CLIENTS ============================== */

.grid-sizer,
.client {
	width:22%;
	margin-bottom:40px;
}
.gutter-sizer {
	width:4%;
}
.client .grid-item--width2 {
	width:300px;
}
.client-thumbnail {

}
