/* ==== Scroll down to find where to put your styles :) ==== */

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, 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;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

.clearer {
clear: both;
}

/* _ _ _ _ _ _ Navigation _ _ _ _ _ _ */

nav {
width: 66.304703%;
font-size: 0.95em;/* 16px/16px */
float:right;
}

nav ul#mainnav {
padding-top: 2%;
list-style: none;
margin: 0;
overflow:hiddden;
float: right;
/* font-family: 'Varela Round', sans-serif; */
font-family: 'Nunito', sans-serif;
font-weight:400;
}

nav ul#mainnav li {
display:inline;
text-align:center;
font-weight: normal;
position: relative; /*--Declare X and Y axis base--*/
text-transform:captilize;
white-space:nowrap;
}

nav ul#mainnav li a {
/*margin: 0.2em;*/
color: #054065;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(3,3,3,.5);
padding: 0.2em 0.3em;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
border-bottom: 0px;
}

#page nav ul#mainnav li a:hover, 
#home nav ul#mainnav a.home, /*--Home Page > Home Link--*/
#who-we-are nav ul#mainnav a.who-we-are, /*--About Page > About Link--*/
#what-we-do nav ul#mainnav a.what-we-do, /*--What we do Page > Services Link--*/
#our-work nav ul#mainnav a.our-work, /*--Our Work Page > Portfolio Link--*/
#contact-us nav ul#mainnav a.contact-us, /*--Contact Page > Contact Link--*/
#blog nav ul#mainnav a.blog /*--Blog Page > Blog Link--*/ {
color: #fff;
font-weight:normal;
background: rgb(112,174,60); /* Old browsers */
background: -moz-linear-gradient(top, rgba(112,174,60,1) 0%, rgba(87,142,49,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,174,60,1)), color-stop(100%,rgba(87,142,49,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(112,174,60,1) 0%,rgba(87,142,49,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(112,174,60,1) 0%,rgba(87,142,49,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(112,174,60,1) 0%,rgba(87,142,49,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70ae3c', endColorstr='#578e31',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(112,174,60,1) 0%,rgba(87,142,49,1) 100%); /* W3C */
}

/* _ _ _ _ _ _ Text _ _ _ _ _ _ */

p {
font-weight:normal;
font-size: 85%;
line-height: 140%;
margin-bottom: 1%;;
}

h1,h2,h3,h4,h5 {
/* font-family: 'Varela Round', sans-serif; */
font-family: 'Nunito', sans-serif;
font-weight: 400;
margin-bottom: 1%;
color: #054065;

/* 
text-indent: 6px;
color: #054065;
border-left: 6px solid #70ae3c;
text-transform: uppercase; 
text-shadow: 0px 0px 1px rgba(6,6,6,0);
*/

}

.slideshow figure {
width:  100%;
display:none;
height: auto;
}

.slideshow figure.first { display: block;}

.slideshow figure img {
max-width:  100%;
height: auto;
}

.slideshow img.loading {
  visibility: hidden;
  height:auto;
}

#contact-us .slideshow figcaption {
margin: -13% 0 10% 20%;
/* font-family: 'Varela Round', sans-serif; */
font-family: 'Nunito', sans-serif;
color: #fff;
font-size: 140%;
width: 39%;
font-weight:400;
}

#contact-us .slidenav {
display:none;
}


h1 {
font-size: 187.5%;/* 30px/16px */
background:  url(../images/h1rule.png) no-repeat bottom right;
padding-bottom:  3%;
}

h2 {
font-size: 125%;/* 20px/16px */
}

h3 {
font-size: 100%;/* 16px/16px */
}

/*
#page div ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}

#page ul li {
padding-left: 15px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0 .3em;
font-size: 85%;
line-height: 160%;
text-indent:  5px;
}
*/

strong {
font-weight:  bold;
}
/*
Layout Styles
*/

body {
font-size: 100%;
background: #fff url(../images/bg.jpg) no-repeat center center fixed;
color: #666;
}

img,
embed,
object,
video {
max-width: 100%;
height: auto;
}


section#topbar {
background: rgb(5,64,101); /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,64,101,1) 0%, rgba(3,35,61,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,64,101,1)), color-stop(100%,rgba(3,35,61,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054065', endColorstr='#03233d',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* W3C */
border-bottom: 2px solid #70ae3c;
height:38px;
line-height: 38px;
padding:0px;
position: fixed;
top: 0;
width: 100%;
}

#topbar #social  {
max-width:  978px;
margin: 0px auto;
}

#topbar #social ul  {
width:  160px;
padding:0px;
height:28px;
float:right;
}

#topbar #social ul li {
float: left;
list-style:none;/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
azimuthopacity: 0.5;
}

#topbar #social ul li a {
height:28px;
display:block;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
azimuthopacity: 0.5;
border-bottom: none;
}

#topbar #social ul li a:hover {
height:28px;
display:block;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
/* IE 5-7 */
filter: alpha(opacity=75);
/* Netscape */
-moz-opacity: 0.75;
-moz-transition:color 1s ease-in; 
/* Safari 1.x */
-khtml-opacity: 0.75;
/* Good browsers */
azimuthopacity: 0.75;
}

li#facebook a {
width:  40px;
background: url(../images/webdesign_facebook.png) repeat-x top center;
}

li#linkedin a {
width:  42px;
background: url(../images/webdesign_linkedin.png) repeat-x top center;
}

li#twitter a {
width:  42px;
background: url(../images/webdesign_twitter.png) repeat-x top center;
}

li#rss a {
width:  19px;
background: url(../images/webdesign_rss.png) repeat-x top center;
}


#page {
max-width:978px;
/*min-width:978px;*/
margin:58px auto 0 auto;
padding: 0 10px;
}

header#banner {
margin: 2.5688073%  0;
/* height: 41.2844%; */
}

header #logo {
width: 24.130879%;
float:left;
}

header #logo img {
max-width: 100%;
height:auto;
}

header #logo a {
text-decoration: none;
border-bottom: 0px;
}

section {
border: 0px solid red;
margin-bottom:3.0674847%;
height: 1%;
}

section.contact-us {
margin-top: 3.0674847%;
}

article {
border: 1px solid red;
padding: 10px;
}

#main {
min-height: 650px;
}

div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }

.row {margin-bottom: 30px;}

div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { float: left; margin-left: 3.0674847%; }
div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child { margin-left: 0; }
/*div.col1 { width: 54px; }
div.col2 { width: 138px; }
div.col3 { width: 222px; }
div.col4 { width: 306px; }
div.col5 { width: 390px; }
div.col6 { width: 474px; }
div.col7 { width: 558px; }
div.col8 { width: 642px; }
div.col9 { width: 726px; }
div.col10 { width: 810px; }
div.col11 { width: 894px; }
div.col12 { width: 978px; }*/
div.col1 { width: 5.5214724%; }
div.col2 { width: 14.110429%; }
div.col3, li.col3 { width: 22.699387%; }
div.col4 { width: 31.288344%; text-align:center }
div.col5 { width: 39.877301%; }
div.col6 { width: 48.466258%; }
div.col7 { width: 57.055215%; }
div.col8 { width: 65.644172%; }
div.col9 { width: 74.233129%; }
div.col10 { width: 82.822086%; }
div.col11 { width: 91.411043%; }
div.col12 { width: 100%; }

footer{
/* background: #054065 url(../images/footer.png) repeat-x top center;
background: #054065 url(../images/nav-sub-back.png) repeat top center; */
background: rgb(5,64,101); /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,64,101,1) 0%, rgba(3,35,61,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,64,101,1)), color-stop(100%,rgba(3,35,61,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054065', endColorstr='#03233d',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* W3C */
border-top: 2px solid #70ae3c;
height:300px;
margin-top: 28px;
position:static;
}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Contact Form */


.comConnectForm ul, .comConnectForm ul li {
border:0; margin:0; padding:0;
list-style-type:none;
background: none;
}

.comConnectForm .error {
	color: #cc0000;
	padding: 3px;
	margin: 3px;
	background: #e1e1e1;
}

.comConnectForm li {
clear:both;
padding-bottom:2%;
margin-bottom:2%;
background: transparent;
}

ul.contact_form {
	margin-top:  28px;
}

.papcc {
		visibility: hidden;
}

form.wufoo li.focused, #container, form li.focused {
	background: none !important;
}

/* .comConnectForm input, .comConnectForm textarea, .comConnectForm .zemSelect { */
.wufoo input, .wufoo textarea, .wufoo select {
width:73.291139%;
font-weight:normal;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
}

.comConnectForm input {
float:left;
margin-bottom:3%;
border: 1px solid #70ae3c;
padding:3px;
/* background:  #fff url(../images/form-back.jpg) repeat-x top left;*/
}

.comConnectForm input:focus, .comConnectForm textarea:focus {
background:  #fff;
border:  1px solid #054065;
}

select.zemSelect {
margin-bottom:3%;
}

.comConnectForm textarea {
margin-bottom:3%;
padding:2px;
border: 1px solid #70ae3c;
}

.comConnectForm label {
width:73.291139%;
float:left;
text-align:left;
font-size: 80%;
color: #054065;
}

.comConnectForm .comCheckbox {
width: 4%;
left: 0px;
float:left;
}

label  {
left:0px;
text-align:left;
float:left;
width: 73.291139%;
}

label:after {
content: " *";
color:  red;
}

ul.comError {
width:63.291139%;
background-color: #f99898;
border:1px solid #cc0000;
margin:0;
padding:1%;
}

ul.comError li {
color: #fff;
margin:0px;
padding:0px;
font: normal 12px tahoma, sans-serif;
padding-bottom:1%;
}

ul.comError li strong {
color: #cc0000;
font-weight: 500;
}

.comThanks {
width:63.291139%;
padding:4%;
background-color: #96d69b;
border:1px solid #3bb143;
color: #333;
}

.comConnectForm input.comSubmit {
width:  20.316456%;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: 1%;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
padding: 0.2em 0.3em;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #fff;
background: #70ae3c;

}

.comConnectForm input.comSubmit:hover {
text-decoration: none;
background: #70ae3c;
background: rgb(5,64,101); /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,64,101,1) 0%, rgba(3,35,61,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,64,101,1)), color-stop(100%,rgba(3,35,61,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054065', endColorstr='#03233d',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* W3C */
padding: 0.2em 0.3em;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
display: inline-block;
outline: none;
}

.comConnectForm input.comSubmit:active {
position: relative;
top: 1px;
color: #fcd3a5;
background: rgb(5,64,101); /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,64,101,1) 0%, rgba(3,35,61,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,64,101,1)), color-stop(100%,rgba(3,35,61,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054065', endColorstr='#03233d',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* W3C */

}

.comRequirederrorElement {
color:#cc0000;
}

#contact-us h2 {
	border-bottom:  1px solid  #054065;
	margin:  10px 0px;
}

/* _ _ _ General Links _ _ _ _ */

a:link,
a:active,
a:visited { 
color:#054065;
transition: all .3s ease-out !important; 
-moz-transition: all .3s ease-out !important;
-ms-transition: all .3s ease-out !important; 
-webkit-transition: all .3s ease-out !important; 
-o-transition: all .3s ease-out !important;
text-decoration: none;
border-bottom: 1px solid #054065;
}

a:hover {
color:#70ae3c;
text-decoration:none;
border-bottom: 0px solid #70ae3c;
}

/*   _ _ _ _  Who we are  _ _ _ _  */

#who-we-are .col4 {
/* padding-left:  2%; */
}

#who-we-are .col4 h2, #blog .col3 h2 {
text-decoration: none;
background: #70ae3c;
background: rgb(5,64,101); /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,64,101,1) 0%, rgba(3,35,61,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,64,101,1)), color-stop(100%,rgba(3,35,61,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054065', endColorstr='#03233d',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(5,64,101,1) 0%,rgba(3,35,61,1) 100%); /* W3C */
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;display: inline-block;
outline: none;
margin:.5% 0 .5% .5%;
padding:1.5%;
width: 90%;
color:  #fff;
font-size:  110%;
text-indent: 1.5%;
}

#who-we-are .col4 ul.whowearemenu {
margin:  2%;
font-size: 85%;
}

ul.whowearemenu li {
list-style: none;
padding-left:2%;
}

ul.whowearemenu li a {
line-height:  200%;
}

ul.whowearemenu li a:hover,
ul.whowearemenu li.current_page_item a {
border: none;
}


/* _ _ _ _ Our Work _ _ _ _ */

ul.portfolio {
margin:0px;
padding:0px;
width: 100%;
}

ul.portfolio li {
margin:0px;
width: 25%;
/*background-color: red;*/
padding: 0%;
float:left;
display:block;
}


ul.portfolio li .portfolio_item {
background-color: yellow;
padding: 10px;
margin: 5px;
}


/* _ _ _ _ What we do  _ _ _ _ */

#what-we-do .services {
text-align:center;
}

#what-we-do .services h2 {
border-bottom: 2px solid #70ae3c;
border-top: 1px solid #70ae3c;
margin-bottom: 5%;
padding:2% 0;
}

#what-we-do .col3 ul.whatwedo {
margin:  0;
padding:0;
font-size: 95%;
}

ul.whatwedo li {
list-style: none;
}

ul.whatwedo li a {
line-height:  200%;
}

ul.whatwedo li a:hover,
ul.whatwedo li.current_page_item a {
border: none;
}


/* _ _ _ _ _ _ _ _ _ HOME PAGE _ _ _ _ _ _ _ _  */

#intro .col8 ul {
margin: 14px 0;
padding:0;
font-size: 95%;
}

#intro ul li {
list-style: none;
color: #70AE3C;
}

#intro ul li a {
line-height:  200%;
}

#intro ul li a:hover,
#intro ul li.current_page_item a {
border: none;
}

.row .col4 a {
display:none;
}

.row .col4 a:first-child {
display:block;
}

.sidebar a {
display:block;
}

.sidebar.col4  {text-align:left;}



#home .zemThanks {
margin-top:20px;
}

#home  a.colorbox {
border-bottom:none;
}

#home #topbar {
padding-top:  3px;
}

#home #topbar a {
color:  #fff;
border-bottom: none;

}
#home .addthis_toolbox {
float:right;
}

#home .zemContactForm .zemCheckbox {
width: 4%;
left: 0px;
margin-right: 1%;
float:left;
}

#home .zemContactForm  label.zemCheckbox  {
left:0px;
text-align:left;
float:left;
width: 73.291139%;
}

#home .noborder {
	border-bottom:  none
}

/* _-_-_-_-_-_-_-_-_- MEDIA QUERIES _-_-_-_-_-_-_-_-_ */


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}


/* Viewport Smaller Than 980px (Fluid Layout) */

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

#pagewrap {
width: 95%;
}

#content {
width: 60%;
padding: 3% 4%;
}

#sidebar {
width: 30%;
text-align:left;
}
#sidebar .widget {
padding: 8% 7%;
margin-bottom: 10px;
}

}



/* Viewport Smaller Than 650px (One-Column Layout) */

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

nav {font-size: 0.8em;}/* 16px/16px */

#contact-us .slideshow figcaption {
font-size: 100%;
}

}

/* Viewport Smaller Than 480px */
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
/* @media screen and (max-device-width: 480px) { */

html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
   
header #logo {
width: 100%;
float:none;
text-align:center;
}


nav {
width: 100%;
font-size: 0.7em;/* 16px/16px */
float:none;
text-align:center;
}

nav ul#mainnav {
padding-top: 2%;
list-style: none;
margin: 0;
overflow:hiddden;
float: none;
}

nav ul li {
line-height: 150%
}

nav ul li a {
margin: 0.2em;
color: #054065;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(3,3,3,.5);
padding: 0.2em 0.3em;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
}

nav ul li a:hover, 
#home nav ul a.home, /*--Home Page > Home Link--*/
#who-we-are nav ul a.who-we-are, /*--About Page > About Link--*/
#what-we-do nav ul a.what-we-do, /*--What we do Page > Services Link--*/
#our-work nav ul a.our-work, /*--Our Work Page > Portfolio Link--*/
#contact-us nav ul a.contact-us, /*--Contact Page > Contact Link--*/
#blog nav ul a.blog /*--Blog Page > Blog Link--*/ {
color: #70ae3c;
font-weight:normal;
transition: all .2s ease-out !important; 
-moz-transition: all .2s ease-out !important;
-ms-transition: all .2s ease-out !important; 
-webkit-transition: all .2s ease-out !important; 
-o-transition: all .2s ease-out !important;
background: none; /* Old browsers */
text-shadow: 1px 1px 1px rgba(0,0,0,.0);
}

div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { float: none; width: 100%; margin-left: 0;}

ul.portfolio li {
width: 50%;
}

#contact-us .slideshow figcaption {
font-size: 80%;
}

}



@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; 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: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}