/*$font-stack: 'Open Sans', sans-serif;*/

/* @group Clear */

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font: 400 11px/16px 'Open Sans', sans-serif;
	color: #1C140D;
	letter-spacing: 0em;
	height: 100%;
}

a img,:link img,:visited img {
	border: none
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Base */

html {
   font-family: 'Open Sans', sans-serif;
   height: 100%;
}

a:link, a:active, a:visited {
   color: #CBE86B;
   text-decoration: none;
}

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

ul {
   padding-left: 25px;
   /*padding-left: 12px;*/
}

ul li {
   padding-bottom: 3px;
}

ul li a {
   
}

h1 {
	font-family: 'Open Sans Condensed', sans-serif; position: absolute; left: 120px; bottom: 42px; font-size: 24px; line-height: 24px; color: #1C140D; font-weight: 300;
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; line-height: 23px; color: #1C140D; font-weight: 300;
}

fieldset {
	width: 400px;
	border: 0;
	margin-top: 15px;
}

fieldset span {
	margin-left: 5px;
}

label {
	display: block;
}

input[type=text], input[type=email], textarea {
	padding: 5px 10px;
	outline: 0;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {
  background: pink;
}

input[type=submit] {
    border: 0;
    width: 80px;
    height:25px;
    background: #CBE86B;
    color: #000000;
    margin: 25px 0 0 0;
    cursor: pointer;
}

a.utility_link {
	display: block; position: absolute; top: 20px; right: 120px; font-size: 10px; color: #1c140d;
}

ul.portfolio_categories li {
			float: left;
			list-style-type: none;
			color: #1c140d;
			font-weight: 300;
			font-size: 14px;
			margin-right: 25px;
		}

		ul.portfolio_categories li a:link, ul.portfolio_categories li a:active, ul.portfolio_categories li a:visited, ul.portfolio_categories li a:hover {
			color: #1c140d;
			text-decoration: none;
		}

		a.portfolio_item:link, a.portfolio_item:active, a.portfolio_item:visited, a.portfolio_item:hover {
			float: left; width: 140px; height: 120px; border: 1px solid #F2E9E1; display: block; text-decoration: none; margin-right: 20px; margin-bottom: 20px; background-size:100%;
		}

		a.portfolio_item:hover {
			text-decoration: none;
		}

		a.disabled:hover {
			cursor: default !important;
		}

		a.portfolio_item:hover .portfolio_item_rollover {
			display: block;
		}

		a.disabled:hover .portfolio_item_rollover {
			display: none !important;
		}
		.overlay { overflow-y: hidden !important; }

/* @end */

/* @group Interface */
/* @group Max-width 980px and Min-Width */
@media only screen and (min-width:980px) and (max-width:2000px) {

		.header {
			position: relative; width: 960px; margin: 0 auto; color: #fff; text-align: left; font-size: 36px; height: 125px;
		}

		.header-wrapper {
			width: 100%; height: 135px; display: block; /*background: url('../img/interface/header_bg.jpg') repeat-x center top;*/ background-color: #F2E9E1;
			border-bottom: 1px solid #CBE86B;
		}

		.portfolio_list, .contact_form {
			width: 840px;
			margin: 50px auto 0 auto;
		}

		.portfolio_list {
			margin: 50px auto 0 auto;
			width: 840px;
		}

		ul.portfolio_categories {
			position: absolute;
			width: 700px;
			left: 95px;
			top: 110px;
			display: block;
		}

		.sm_menuToggle {
    		display: none;
		}

		.overlay {
			/*position: fixed; bottom: 25px; background:rgba(242, 233, 225, 0.9); left:50%; margin-left: -420px; z-index: 3; border: 1px solid #CBE86B; display: none;*/
			max-width: 90%; max-height: 90%; background:rgba(242, 233, 225, 0.9); border: 1px solid #CBE86B; display: none;
		}

		h3.overlay-title {
			display: block; width: 760px; padding: 20px; background-color: #1c140d; color: #F2E9E1; font-size: 18px; text-align: left;
		}

		.overlay-image {
			max-height: 400px; border: 0;  display: block; margin: 0; padding: 0;
		}

		.project_role_desc {
			font: 400 12px/17px 'Open Sans', sans-serif;
			float: left;
			clear: none;
			width: 450px;
			margin-left: 10px;
			text-align: left;
		}

		.overlay_accomplishments_short .project_role_desc {
			width: 325px;
		}

		a.overlay_link, a.overlay_link:link, a.overlay_link:active, a.overlay_link:visited, a.overlay_link:hover {
			font-size: 12px; color: #CBE86B;  display: block; vertical-align: middle; text-transform: uppercase; text-decoration: none; padding: 0 20px 0 20px; height: 25px; float: right; clear: right; cursor: pointer;
		}

		.overlay-description {
			display: block; background-color: #1c140d; color: #F2E9E1; width: 100%; padding: 20px 0;

		}

		.project_role_title {
			margin-left: 20px;
		}

		a.utility_link {
			display: block;
		}

		a.mobile_contact_link {
			display: none;
		}

}

/* @group Max-width 979px and Min-Width 551px */
@media only screen and (min-width:551px) and (max-width:979px) {

		.header {
			position: relative; width: 100%; margin: 0 auto; color: #fff; text-align: left; font-size: 36px; height: 125px;
		}

		.logo {
			width: 90px;
			margin-left: 10px;
		}

		.header-wrapper {
			width: 100%; height: 135px; display: block; /*background: url('../img/interface/header_bg.jpg') repeat-x center top;*/ background-color: #F2E9E1;
			border-bottom: 1px solid #CBE86B;
		}

		ul.portfolio_categories {
			position: absolute;
			width: 550px;
			left: 105px;
			top: 55px;
			display: block;
		}

		ul.portfolio_categories li {
			margin-bottom: 20px;
		}

		.portfolio_list, .contact_form {
			margin: 50px auto 0 50px;
			width: 100%;
		}

		.sm_menuToggle {
    		display: none;
		}

		.overlay {
			position: fixed; bottom: 25px; background:rgba(242, 233, 225, 0.9); left:50%; margin-left: -420px; z-index: 3; border: 1px solid #CBE86B; display: none;
		}

		h3.overlay-title {
			display: block; width: 760px; padding: 20px; background-color: #1c140d; color: #F2E9E1; font-size: 18px; text-align: left;
		}

		.overlay-image {
			max-height: 400px; border: 0;  display: block; margin: 0; padding: 0;
		}

		.project_role_desc {
			float: left;
			clear: none;
			width: 450px;
			margin-left: 10px;
			text-align: left;
			font: 400 12px/17px 'Open Sans', sans-serif;
		}

		.overlay_accomplishments_short .project_role_desc {
			width: 325px;
		}

		a.overlay_link, a.overlay_link:link, a.overlay_link:active, a.overlay_link:visited, a.overlay_link:hover {
			font-size: 12px; color: #CBE86B;  display: block; vertical-align: middle; text-transform: uppercase; text-decoration: none; padding: 0 20px 0 20px; height: 25px; float: right; clear: right; cursor: pointer;
		}

		.overlay-description {
			display: block; background-color: #1c140d; color: #F2E9E1; width: 100%; padding: 20px 0;

		}

		.project_role_title {
			margin-left: 20px;
		}

		.portfolio_list {
			margin: 50px auto 0 50px;
			width: 100%;
		}

		a.utility_link {
			display: block;
		}

		a.mobile_contact_link {
			display: none;
		}

}

/* @group Max-width 550px and Min-Width 1px */
         
    @media only screen and (min-width:1px) and (max-width:550px) {

        .header {
			position: relative; width: 100%; margin: 0 auto; color: #fff; text-align: left; font-size: 36px; height: 95px;
		}

		.header-wrapper {
			width: 100%; height: 105px; display: block; /*background: url('../img/interface/header_bg.jpg') repeat-x center top;*/ background-color: #F2E9E1;
			border-bottom: 1px solid #CBE86B;
			position: fixed;
			top: 0;
			z-index: 4;
		}

		.logo {
			width: 85px;
			margin-left: 10px;
		}

		h1 {
			font-family: 'Open Sans Condensed', sans-serif; position: absolute; left: 105px; bottom: 30px; font-size: 24px; line-height: 24px; color: #1C140D; font-weight: 300;
		}

        .portfolio_list, .contact_form {
			/*width: 450px;*/
			width: 85% !important;
			margin: 125px auto 0 50px;
		}

		ul.portfolio_categories {
			display: none;
			left: -25px;
    		top: 106px;
  			width: 100%;
    		position: absolute;
    		background: rgba(203, 232, 107, 0.9);
		}

		ul.portfolio_categories li {
			clear: both;
			width: 100%;
			margin: 10px 0 0 25px;
		}

		ul.portfolio_categories li a {
			display: block;
			width: 100%;
			text-align: center;
			font-size: 18px;
		}

		a.mobile_contact_link {
			display: block;
			margin: 10px 0 25px 0;
		}

		a.utility_link { right: 20px !important; }

		.sm_menuToggle {
    		display: block;
    		background: url(../img/interface/hamburger.gif) no-repeat center 0;
    		width: 29px;
    		height: 19px;
    		position: absolute;
    		right: 10px;
    		top: 20px;
		}

		.overlay {
			/*position: absolute; top: 50px; background:rgba(242, 233, 225, 0.9); left: 25px; z-index: 3; border: 1px solid #CBE86B; display: none; width: 90%;*/
			/*position: fixed; bottom: 25px; background:rgba(242, 233, 225, 0.9); left: 25px; z-index: 3; border: 1px solid #CBE86B; display: none; width: 90%;*/
			max-width: 90%; max-height: 90%; overflow-y: auto; background:rgba(242, 233, 225, 0.9); border: 1px solid #CBE86B; display: none;
		}

		h3.overlay-title {
			display: block; width: auto; padding: 20px; background-color: #1c140d; color: #F2E9E1; font-size: 18px; text-align: left;
		}

		.overlay-description {
			display: block; background-color: #1c140d; color: #F2E9E1; width: 100%; padding: 20px 0;

		}

		.overlay_accomplishments {
			font-size: 12px; display: block; vertical-align: middle; width: background-color: #1c140d; text-align: left; padding: 0 20px 20px 20px; height: auto; 
		}

		.overlay_accomplishments_short {
			max-width: auto;
		}

		.overlay-image {
			max-height: 200px; border: 0;  display: block; margin: 0; padding: 0;
		}

		.project_role_desc {
			float: left;
			clear: none;
			width: auto;
			margin: 0 0 20px 0;
		}

		.overlay_accomplishments_short .project_role_desc {
			width: auto;
		}

		a.overlay_link, a.overlay_link:link, a.overlay_link:active, a.overlay_link:visited, a.overlay_link:hover {
			font-size: 12px; color: #CBE86B;  display: block; vertical-align: middle; text-transform: uppercase; text-decoration: none; padding: 0; height: auto; clear: left; width: 100%; margin: 0 0 10px 0; cursor: pointer;
		}

		.project_role_title {
			margin-left: 0;
		}

		a.mobile-hide {
			display: none;
		}

    }


		.wrapper {
			position: relative; height: 100%; width: 100%;
		}

		.logo {
			margin-top:10px;
		}

		a.avs {
			background: url('../img/thumb/avs.jpg') no-repeat left top;
		}

		a.baitbox {
			background: url('../img/thumb/baitbox.jpg') no-repeat left top;
		}

		a.floratine {
			background: url('../img/thumb/floratine.jpg') no-repeat left top;
		}

		a.ge-enflow-tool {
			background: url('../img/thumb/ge-enflow-tool.jpg') no-repeat left top;
		}

		a.ge-hypothermia-tool {
			background: url('../img/thumb/ge-hypothermia-tool.jpg') no-repeat left top;
		}

		a.rotogrip {
			background: url('../img/thumb/rotogrip.jpg') no-repeat left top;
		}

		a.rotogrip_responsive {
			background: url('../img/thumb/rotogrip_responsive.jpg') no-repeat left top;
		}

		a.western_mobile {
			background: url('../img/thumb/western_mobile.jpg') no-repeat left top;
		}

		a.vitality_seed {
			background: url('../img/thumb/vitality_seed.jpg') no-repeat left top;
		}

		a.ryan_email {
			background: url('../img/thumb/ryan_email.jpg') no-repeat left top;
		}

		a.ryan_email_2 {
			background: url('../img/thumb/ryan_email_2.jpg') no-repeat left top;
		}

		a.steiner_email {
			background: url('../img/thumb/steiner_email.jpg') no-repeat left top;
		}

		a.floratine_email {
			background: url('../img/thumb/floratine_email.jpg') no-repeat left top;
		}

		a.ryan {
			background: url('../img/thumb/ryan.jpg') no-repeat left top;
		}

		a.seasons {
			background: url('../img/thumb/seasons.jpg') no-repeat left top;
		}

		a.storm {
			background: url('../img/thumb/storm.jpg') no-repeat left top;
		}

		a.bobcat {
			background: url('../img/thumb/bobcat.jpg') no-repeat left top;
		}

		a.koch {
			background: url('../img/thumb/koch.jpg') no-repeat left top;
		}

		a.mauget {
			background: url('../img/thumb/mauget.jpg') no-repeat left top;
		}

		a.ggb {
			background: url('../img/thumb/ggb_smartflower.jpg') no-repeat left top;
		}

		a.gcsaatv_precision {
			background: url('../img/thumb/gcsaatv_precision.jpg') no-repeat left top;
		}

		a.gcsaatv_turfscreen {
			background: url('../img/thumb/gcsaatv_turfscreen.jpg') no-repeat left top;
		}

		a.gcsaatv_water_channel {
			background: url('../img/thumb/gcsaatv_water_channel.jpg') no-repeat left top;
		}

		a.little_wonder {
			background: url('../img/thumb/little_wonder.jpg') no-repeat left top;
		}

		a.large_gas_banner {
			background: url('../img/thumb/kohler_banner.jpg') no-repeat left top;
		}

		a.kohler_bathroom_banner {
			background: url('../img/thumb/kohler_bathroom_banner.jpg') no-repeat left top;
		}

		a.kohlerfactoryjobs {
			background: url('../img/thumb/kohlerfactoryjobs.jpg') no-repeat left top;
		}

		a.KFW-timer-email {
			background: url('../img/thumb/KFW-timer-email.jpg') no-repeat left top;
		}
		
		a.mixmatch-email {
			background: url('../img/thumb/mixmatch-email.jpg') no-repeat left top;
		}
		
		a.KL-JulyFourth-email {
			background: url('../img/thumb/KL-JulyFourth-email.jpg') no-repeat left top;
		}

		a.floratine_adgenerator {
			background: url('../img/thumb/floratine_adgenerator.jpg') no-repeat left top;
		}

		a.john_deere_intro {
			background: url('../img/thumb/john_deere.jpg') no-repeat left top;
		}

		a.mortgage_calculator {
			background: url('../img/thumb/mortgage_calculator.jpg') no-repeat left top;
		}

		a.flood_fill {
			background: url('../img/thumb/flood_fill.jpg') no-repeat left top;
		}

		a.sony {
			background: url('../img/thumb/sony.gif') no-repeat left top;
		}

		a.ivy_funds {
			background: url('../img/thumb/ivy_funds.jpg') no-repeat left top;
		}

		a.belalugosi {
			background: url('../img/thumb/belalugosi.jpg') no-repeat left top;
		}

		a.twentykleagues {
			background: url('../img/thumb/20000leagues.jpg') no-repeat left top;
		}

		.portfolio_item_rollover {
			width: 140px; height: 120px; background: rgba(203, 232, 107, 0.8); display: none;
		}

		.portfolio_item_rollover_text {
			padding: 0 10px 0 10px; width: 120px; display: block; text-align: center; color: #1C140D; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
		}

		.portfolio_item_task {
			font-size: 10px; line-height: 12px; display: block; margin-top: 5px;
		}

		.overlay_bg {
			/*height: 100% !important; width: 100%; background: rgba(28, 20, 13, 0.5); position: fixed; z-index: 2; top: 0; left: 0; bottom: 0; display: none; overflow: auto;*/ 
			position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; background: rgba(28, 20, 13, 0.5);
		}

		a.close_btn:link, a.close_btn:active, a.close_btn:visited, a.close_btn:hover {
			float: right; padding: 2px 3px; color: #fff; background-color: #515151; text-decoration: none; font-size: 15px;
		}

		.break {
			clear: both;
		}

		.overlay_accomplishments_short {
			max-width: 300px;
		}

		a.overlay_link_multiple, a.overlay_link_multiple:link, a.overlay_link_multiple:active, a.overlay_link_multiple:visited, a.overlay_link_multiple:hover {
			/*margin-right: 5px; */
			padding-right: 20px;
		}

		.project_role_title {
			font-weight: 700;
			float: left;
		}

ul.portfolio_categories li a.portfolio_viewall {
	display: none;
}

/* @end */