@import url("reset.css");
@import url("clearfix.css");
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  margin-bottom:0;
  padding-top:0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display:block; }
a img { border:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.gigantic {
  font-size:110px;
  line-height:120px;
  letter-spacing:-2px;
}
.huge, h1 {
  font-size:4.62em;
  line-height:72px;
  padding-top:48px;
  padding-left:36px;
  color:#024d57;
}
h1 span {
  font-size:.73em;
  display:block;
}
.large, h2 {
  font-size:22px;
  line-height:36px;
  color:#024d57;
  padding-bottom:36px;
}
.bigger, h3 {
  font-size:1.6em;
  line-height:36px;
  padding-bottom:12px;
}
.big, h4 {
  font-size:22px;
  line-height:30px;
}
body {
  font-family:Helvetica, Arial, serif;
  font-size:13px;
  line-height:12px;
  font-weight:normal;
  color:#333333;
}
.small, small {
  font-size:13px;
  line-height:18px;
}
img, object, embed {
  max-width:100%;
  height:auto;
}
.entry-content p {
  line-height:24px;
  padding-bottom:12px;
}
::selection { background:#ffff9e; }
::-moz-selection { background:#ffff9e; }
img::selection { background:transparent; }
img::-moz-selection { background:transparent; }
body { -webkit-tap-highlight-color:#ffff9e; }
body {
  width:100%;
  -webkit-text-size-adjust:100%;
  background:#333333;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  height:100%;
}
html, body { height:100%; }
.projects body, body.tax-project_category {
  background-image:url(../images/black_trans.png) !important;
  background-repeat:repeat;
}
.home body {
  background-image:url(../images/bg_front.jpg);
  background-repeat:no-repeat;
}
#bg-wrapper {
  top:0px;
  left:0px;
  position:fixed;
  min-height:100%;
  width:100%;
  display:none;
}
#bg-wrapper img {
  height:100%;
  width:100%;
}
h1.entry-title {
  font-size:42px;
  color:#00535e;
  text-transform:lowercase;
  margin:0;
  padding:42px 10px 0px 36px;
  line-height:auto;
}
.contact h2 {
  font-size:25px;
  padding-bottom:0px;
  margin-bottom:15px;
}
a { color:#024d57; }
#content a:hover { background:#ffff9e; }
#container {
  min-height:100%;
  position:relative;
}
#content {
  top:0px;
  left:216px;
  position:absolute;
  background:#ffffff;
  background:rgba(255,255,255,0.9);
  width:552px;
  min-height:100%;
}
.single-project #content { position:relative; }
#hide_content {
  position:absolute;
  top:24px;
  right:24px;
  display:block;
  background:#024d57;
  color:#ffffff;
  padding:6px 12px;
  cursor:pointer;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
}
.projects #content, .tax-project_category #content {
  max-width:792px;
  width:auto;
  background-color:transparent;
}
.post_content { line-height:24px; }
.projects h1 { color:#ffffff; }
header {
  position:fixed;
  margin-left:24px;
  width:168px;
  background:#111111;
  background:rgba(17,17,17,0.9);
  min-height:100%;
}
.page-template-page_projects-php header, .tax-project_category header {
  background:#666666;
  background:rgba(102,102,102,0.9);
}
nav {
  position:relative;
  display:block;
}
#footer { clear:both; }
#logo {
  line-height:0;
  font-size:0;
  margin:0;
  padding:0;
}
.copyright {
  bottom:35px;
  left:24px;
  position:absolute;
  font-size:10px;
  color:#ffffff;
  font-weight:normal;
  display:block;
  margin-top:25px;
}
.copyright-footer { display:none; }
.main-menu-header {
  font-size:1.385em;
  margin-top:13px;
  color:#ffffff;
  font-weight:500px;
  padding-bottom:13px;
  border-bottom:1px solid #ffffff;
}
.sub-menu-header {
  margin-top:12px;
  color:#ffffff;
  font-weight:500px;
  padding-bottom:12px;
}
#menu-main-navigation li { margin:0px; }
#menu-main-navigation li a {
  padding:12px 0px 10px 24px;
  display:block;
}
#menu-main-navigation li.current-menu-item a, #menu-main-navigation li.current-page-ancestor a, #menu-main-navigation li.current_page_parent a {
  background:#00535e;
  background:rgba(0,83,94,0.9);
  font-style:normal;
}
#menu-main-navigation li a:hover {
  background:#00535e;
  background:rgba(0,83,94,0.6);
  text-decoration:none;
}
#menu-main-navigation li.current-menu-item a:hover, #menu-main-navigation li.current-page-ancestor a:hover {
  background:#00535e;
  background:rgba(0,83,94,0.9);
}
.sub-menu-header li {
  padding:8px 0px;
  margin:8px 0px;
}
.sub-menu-header li.current-menu-item { background:#024d57; }
.sub-menu-header li a { padding-left:24px; }
li.current_page_ancestor > a {
  display:inline-block;
  font-style:italic;
  padding-bottom:9px;
}
.sub-menu-header ul { margin-top:16px; }
.sub-menu-header li {
  margin:5px 0px;
  padding:0px;
}
.sub-menu-header li a {
  padding:8px 0px 8px 24px;
  display:block;
}
.sub-menu-header li.current_page_item a, .sub-menu-header li.current-item a {
  background:#00535e;
  background:rgba(0,83,94,0.9);
}
.sub-menu-header li a:hover {
  background:#00535e;
  background:rgba(0,83,94,0.6);
  text-decoration:none;
}
.sub-menu-header li.current_page_item a:hover, .sub-menu-header li.current-item a:hover {
  background:#00535e;
  background:rgba(0,83,94,0.9);
}
.main-menu-header a { color:#ffffff; }
.sub-menu-header a { color:#ffffff; }
.entry-content {
  padding-top:10px;
  padding-left:36px;
  padding-right:36px;
  overflow:hidden;
  line-height:24px;
}
.home .entry-content {
  position:absolute;
  top:0px;
  right:0px;
  width:348px;
  background:#111111;
  background:rgba(17,17,17,0.9);
  font-size:18px;
  line-height:1.5;
  padding:30px 30px 20px 30px;
  color:#ffffff;
  font-weight:normal;
}
.home #content {
  max-width:auto !important;
  position:absolute;
  top:0px;
  right:0px;
  left:auto;
  background-color:transparent;
}
.home .entry-content a {
  color:#ffffff;
  text-decoration:underline;
  font-style:italic;
}
.home .entry-content a:hover {
  text-decoration:none;
  background:none !important;
  color:#fffbcc;
}
.home_image { display:none; }
a.entry_post {
  width:168px;
  height:168px;
  display:block;
  float:left;
  margin-right:12px;
  background-repeat:no-repeat;
  position:relative;
  color:#ffffff;
  margin-bottom:12px;
  text-decoration:none;
}
.hentry .news_posts a.entry_post {
  width:98px;
  height:98px;
}
a.entry_post span {
  position:absolute;
  bottom:12px;
  left:12px;
}
a.entry_post span.project_thumb_title {
  font-size:2em;
  line-height:1em;
  display:none;
}
.hentry .news_posts a.entry_post span.project_thumb_title {
  font-size:1em;
  line-height:1em;
  display:none;
}
a.entry_post:hover span.project_thumb_title, .hentry .news_posts a.entry_post:hover span.project_thumb_title { display:block; }
section#cat_items {
  padding-right:36px;
  padding-left:36px;
  margin-top:36px;
}
.tax-news_category a.entry_post, .tax-project_category a.entry_post {
  float:none;
  margin-right:0px;
}
.tax-news_category .hentry, .tax-project_category .hentry {
  float:left;
  width:168px;
  height:168px;
  margin-right:12px;
  background:url(../images/thumb_default_cat.gif) no-repeat;
  position:relative;
}
.tax-news_category .hentry:hover, .tax-project_category .hentry:hover { background-position:-168px; }
.tax-news_category #cat_items h2, .tax-project_category #cat_items h2 {
  position:absolute;
  bottom:12px;
  left:12px;
  padding:0;
  margin:0;
  line-height:1em;
}
.tax-news_category #cat_items h2 a, .tax-project_category #cat_items h2 a {
  text-decoration:none;
  color:#ffffff;
  margin:0;
  padding:0;
}
.tax-news_category #cat_items h2 a:hover, .tax-project_category #cat_items h2 a:hover {
  text-decoration:none;
  background:none;
}
#nav-below {
  margin:36px auto;
  width:100%;
}
.nav-next, .nav-previous {
  width:26px;
  height:25px;
  margin-left:36px;
  margin-right:36px;
}
.nav-next { float:right; }
.nav-previous { float:left; }
.circle_arrow_left, .circle_arrow_right {
  background:url(../images/circle_arrow_24.png);
  height:24px;
  width:24px;
  background-repeat:no-repeat;
  display:block;
}
.circle_arrow_right { background-position:-24px; }
.post_thumb {
  height:168px;
  overflow:hidden;
  text-align:center;
  background:#dedede;
  margin-bottom:15px;
}
.single-project #nav-below .nav-previous {
  bottom:200px;
  left:198px;
  position:absolute;
}
.single-project #nav-below .nav-next {
  bottom:200px;
  right:30px;
  position:absolute;
}
#slidecounter {
  position:absolute;
  bottom:33px;
  right:48px;
  background-color:#024d57;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  height:60px;
  width:60px;
}
.slidenumber, .totalslides, .division {
  position:absolute;
  color:#ffffff;
}
.slidenumber {
  top:15px;
  left:15px;
}
.division {
  top:24px;
  left:25px;
  font-size:30PX;
  font-weight:100;
}
.totalslides {
  bottom:15px;
  right:15px;
}
.show-content, .hide-content {
  width:25px;
  height:25px;
  display:block;
  float:right;
  margin-top:-50px;
}
.show-content a, .hide-content a {
  width:25px;
  height:25px;
  display:block;
  text-decoration:none;
  cursor:pointer;
  background:none;
}
.show-content a:hover, .hide-content a:hover {
  text-decoration:none;
  background:none !important;
}
.show-content a, .show-content a:hover { background:url(../images/show_hide.png) -25px 0 no-repeat !important; }
.hide-content a, .hide-content a:hover { background:url(../images/show_hide.png) 0 0 no-repeat !important; }
.list-section { margin:15px 0 0 0; }
ul.principal-list {
  margin:20px 0 0;
  padding:0px;
}
ul.principal-list li {
  list-style-type:none;
  float:left;
  display:inline;
  margin:0 0 12px 12px;
  padding:0px;
}
ul.principal-list li a {
  position:relative;
  width:168px;
  height:168px;
  display:block;
  overflow:hidden;
  cursor:pointer;
}
ul.principal-list li a div {
  top:0;
  left:0;
  position:absolute;
  width:168px;
  height:168px;
  display:block;
  font-size:18px;
  font-weight:bold;
  color:#ffffff;
  line-height:20px;
  background:#00535e;
  background:rgba(0,83,94,0.6);
  text-decoration:none;
  vertical-align:bottom;
  visibility:hidden;
}
ul.principal-list li a:hover { text-decoration:none; }
ul.principal-list li a:hover div {
  text-decoration:none;
  visibility:visible;
}
ul.principal-list li a div span {
  bottom:8px;
  left:13px;
  position:absolute;
  display:block;
}
.principals-entry-title { margin-bottom:30px !important; }
.principal-content {
  font-size:13px;
  color:#333333;
  font-weight:bold;
}
.principal-content h2 {
  margin:0;
  padding:0;
  font-size:26px;
  color:#00535e;
  font-weight:bold;
  line-height:28px;
}
.principal-content h2 span {
  font-weight:normal;
  text-transform:lowercase;
}
.principal-email a {
  text-decoration:underline;
  font-size:13px;
  font-weight:bold;
  color:#00535e;
}
.principal-phone {
  font-size:13px;
  font-weight:bold;
  color:#00535e;
  margin-bottom:10px;
}
.team-item {
  width:504px;
  display:block;
  border-top:1px solid #0f110b;
  padding:5px 0 20px;
  margin:0 0 0 36px;
}
.team-item h2 {
  font-size:26px;
  color:#00535e;
  margin:0;
  padding:0;
}
.team-content img {
  float:left;
  display:inline;
  width:180px;
  height:168px;
  margin-right:45px;
}
.team-content ul {
  float:left;
  display:inline;
  margin:0;
  padding:0;
}
.team-content ul li {
  list-style-type:none;
  margin:0 0 15px;
  padding:0;
  color:#252525;
  font-size:13px;
}
.team-content ul li span { font-weight:normal; }
.team-content ul li a {
  text-decoration:underline;
  color:#00535e;
  margin-top:5px;
}
.projects-entry-content {
  margin:105px 0 0 0px;
  padding-left:0;
}
ul.project-list {
  margin:0;
  padding:0px;
}
ul.project-list li {
  list-style-type:none;
  float:left;
  display:inline;
  margin:0 0 12px 12px;
  padding:0px;
}
ul.project-list li a {
  position:relative;
  width:168px;
  height:168px;
  display:block;
  overflow:hidden;
  cursor:pointer;
}
ul.project-list li a div {
  top:0;
  left:0;
  position:absolute;
  width:168px;
  height:168px;
  display:block;
  font-size:20px;
  font-weight:bold;
  color:#ffffff;
  line-height:28px;
  background:#00535e;
  background:rgba(0,83,94,0.8);
  text-decoration:none;
  vertical-align:bottom;
  visibility:hidden;
}
ul.project-list li a:hover { text-decoration:none; }
ul.project-list li a:hover div {
  text-decoration:none;
  visibility:visible;
}
ul.project-list li a div span {
  top:24px;
  left:18px;
  position:absolute;
  margin-right:10px;
}
ul.project-list li a div span span {
  position:relative;
  top:0;
  left:0;
  font-size:12px;
  font-weight:normal;
}
#project-content {
  top:46px;
  left:216px;
  position:absolute;
  background:none;
  width:752px;
}
#project-content.project-desc {
  background:none;
  -webkit-transition:background 0.3s ease-out;
  -moz-transition:background 0.3s ease-out;
  -o-transition:background 0.3s ease-out;
  transition:background 0.3s ease-out;
}
#project-content:hover.project-desc {
  background:#ffffff;
  background:rgba(255,255,255,0.8);
}
.project-title-box { position:relative; }
#project-content h1 {
  position:relative;
  margin-top:0px;
  padding:10px 36px !important;
  font-size:42px;
  line-height:1.3;
  text-shadow:-1px -1px 5px #ffffff, 1px -1px 5px #ffffff, -1px 1px 5px #ffffff, 1px 1px 5px #ffffff;
}
#project-content h1 a:hover { text-decoration:none; }
#project_content {
  width:552px;
  display:none;
}
.project_content {
  padding-bottom:20px;
  padding-top:10px;
  padding-left:36px;
  padding-right:36px;
  line-height:24px;
}
.news-content {
  margin-left:12px;
  padding-left:0px;
}
ul.news-list {
  margin:0;
  padding:0px;
}
ul.news-list li {
  list-style-type:none;
  float:left;
  display:inline;
  margin:0 0 24px 24px;
  padding:0px;
}
ul.news-list li a {
  position:relative;
  width:97px;
  height:97px;
  display:block;
  overflow:hidden;
  cursor:pointer;
}
ul.news-list img {
  width:97px;
  height:97px;
}
ul.news-list li a div {
  top:0;
  left:0;
  position:absolute;
  width:97px;
  height:97px;
  display:block;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  line-height:14px;
  background:#00535e;
  background:rgba(0,83,94,0.8);
  text-decoration:none;
  vertical-align:bottom;
  visibility:hidden;
}
ul.news-list li a:hover { text-decoration:none; }
ul.news-list li a:hover div {
  text-decoration:none;
  visibility:visible;
}
ul.news-list li a div span {
  bottom:14px;
  left:14px;
  position:absolute;
  display:block;
}
ul.community-list li { margin:0 0 24px 24px; }
ul.community-list img {
  width:168px;
  height:168px;
}
h1.project-title { cursor:pointer; }
.project_images { display:none; }
.entry-content h2 { padding-bottom:20px; }
.entry-content ol { margin-left:20px; }
.entry-content ol li {
  list-style:decimal !important;
  margin-left:10px !important;
}
.entry-content ul {
  margin-left:20px;
  margin-bottom:10px;
}
.entry-content ul li {
  list-style:disc !important;
  margin-left:10px !important;
  margin-bottom:10px;
}
.resp-table { display:none; }
table tr td {
  font-weight:normal;
  padding:2px 5px;
}
table tr.blank td { height:15px; }
table td.col, table th.col { border-left:1px solid #999999; }
table tr.alt td { background:#cccccc; }
.page-id-512 #content { width:800px; }
.page-id-512 #content img { width:33%; }
.page-id-512 .entry-content { padding-right:0 !important; }
.col-1, .col-2, .col-3, .arrow {
  display:block;
  float:left;
  width:27%;
  height:560px;
  text-align:center;
  margin-bottom:20px;
}
.arrow {
  background:url(../images/arrow-right.png) center top no-repeat;
  width:50px;
}
.col-1, .col-1-wide { background:#5d9dc3; }
.col-2 { background:#59b250; }
.col-3 { background:#c54747; }
.col-1 h2, .col-2 h2, .col-3 h2 {
  margin:0;
  padding:10px 0 6px !important;
  font-size:14px;
  text-transform:uppercase;
  color:#ffffff;
  line-height:1.2;
  border-bottom:10px solid #ebebeb;
  text-shadow:1px 1px 1px #666666;
}
.col-1 td, .col-2 td, .col-3 td, .col-1-wide td {
  position:relative;
  list-style-type:none !important;
  color:#ffffff;
  font-size:14px;
  line-height:1.2;
  padding:10px 10px 25px;
  font-weight:normal;
  text-shadow:1px 1px 1px #666666;
  border-left:1px solid #ffffff;
  width:50%;
  background:url('../images/arrow-row-bottom.png') center bottom no-repeat;
}
.col-1-wide td { text-align:center; }
.col-1 tr td:first-child, .col-2 tr td:first-child, .col-3 tr td:first-child, .col-1-wide tr td:first-child, .border-left-none { border-left:none !important; }
.arrow-up { background:url('../images/arrow-row-bottom-rev.png') center bottom no-repeat !important; }
.arrow-both { background:url('../images/arrow-row-bottom-both.png') center bottom no-repeat !important; }
.arrow-split { background:url('../images/arrow-row-bottom-split.png') center bottom no-repeat !important; }
.arrow-split-rev {
  background:url('../images/arrow-row-bottom-split-rev.png') center top no-repeat !important;
  padding:25px 10px 5px !important;
}
.arrow-split-circle { background:url('../images/arrow-circle-bottom-split.png') center bottom no-repeat !important; }
.arrow-split-circle-rev {
  background:url('../images/arrow-circle-bottom-split-rev.png') center top no-repeat !important;
  padding:25px 10px 5px !important;
}
.arrow-rev {
  background:url('../images/arrow-row-bottom.png') center top no-repeat !important;
  padding:25px 10px 5px !important;
}
.no-background {
  background:none !important;
  padding-bottom:5px !important;
}
.border-btm {
  border-bottom:1px solid #ffffff;
  padding-bottom:10px !important;
}
.clear { clear:both; }
.wpcf7 input, .wpcf7 textarea {
  border:0;
  background:#7da6ab;
  color:#ffffff;
  width:100%;
  padding:6px;
  font-size:1.2em;
  margin:0 0 10px;
}
.entry-content div.wpcf7 .watermark { color:#eeeeee; }
.wpcf7 input[type=submit] {
  cursor:pointer;
  background:#024d57;
  text-transform:lowercase;
  text-align:left;
  padding-left:10px;
  margin-bottom:0;
}
.form_row .captcha_img, .form_row .captcha_input {
  float:left;
  margin:0 10px 0 0;
}
.form_row .captcha_img input, .form_row .captcha_input input {
  margin:0;
  padding:6px;
}
.captcha_img { background:#ffffff; }
.captcha_input { width:40%; }
.captcha_input input { width:60%; }
.wpcf7 div.wpcf7-mail-sent-ok {
  border:none;
  background:#ffff9e;
  padding:6px;
  color:#024d57;
}
.wpcf7 div.wpcf7-validation-errors {
  border:none;
  background:#ff6600;
  padding:6px;
  color:#ffffff;
}
.contact_info .left {
  float:left;
  margin-right:12px;
}
.contact_info .right { float:right; }
.contact_info { width:100%; }
@media only screen and (max-width: 948px) {
}
@media only screen and (min-width: 1025px) {
  .page-id-512 #content { width:950px; }
  .page-id-512 #content img { width:33%; }
  .page-id-512 .entry-content { padding-right:0 !important; }
}
@media only screen and (max-width: 768px) {
  .page-id-512 #content { width:auto; }
  .page-id-512 #content img { width:50%; }
  .col-1, .col-2, .col-3, .arrow {
    display:block;
    float:none;
    margin-bottom:0px;
    width:95%;
  }
  .arrow {
    background:url(../images/arrow-bottom.png) center center no-repeat;
    width:100%;
    height:50px;
  }
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  header {
    margin:0px;
    padding:0px;
    position:absolute;
    top:0;
    left:0;
    background:#000000;
    min-height:100%;
  }
  #container {
    min-height:100%;
    position:relative;
    width:100%;
    margin:0 auto;
    background:#fdfdfd;
  }
  .projects #container, .tax-project_category #container, .single-project #container { background:none; }
  #content {
    left:168px;
    width:auto;
    background:#fdfdfd;
  }
  .projects #content, .tax-project_category #content { width:auto; }
  .home .entry-content {
    position:absolute;
    top:0px;
    right:0px;
    width:290px;
    background:#111111;
    background:rgba(17,17,17,0.9);
    font-size:18px;
    line-height:1.5;
    padding:30px 30px 20px 30px;
    color:#ffffff;
  }
  .home #content {
    max-width:auto !important;
    position:absolute;
    top:0px;
    right:0px;
    left:auto;
    background-color:transparent;
  }
  .home #container { background-color:transparent; }
  .news-content { width:auto; }
  ul.news-list li {
    display:inline;
    float:left;
    list-style-type:none;
    margin:0 0 8px 8px;
    padding:0;
  }
  ul.news-list li a {
    cursor:pointer;
    display:block;
    height:auto;
    overflow:visible;
    position:relative;
  }
  ul.news-list li a div {
    background:none;
    color:#ffffff;
    display:block;
    font-size:12px;
    font-weight:bold;
    height:auto;
    left:0;
    line-height:14px;
    position:relative;
    text-decoration:none;
    top:0;
    vertical-align:bottom;
    visibility:visible;
    width:auto;
  }
  ul.news-list li a:hover {
    text-decoration:none;
    background:none !important;
  }
  ul.news-list li a:hover div {
    text-decoration:none;
    visibility:visible;
  }
  ul.news-list li a div span {
    bottom:0px;
    left:0px;
    position:relative;
    margin-top:5px;
    color:#00535e;
    height:40px;
  }
  .list-section {
    margin-right:8px;
    margin-left:10px;
  }
  ul.principal-list li {
    display:inline;
    float:left;
    list-style-type:none;
    margin:0 0 8px 8px;
    padding:0;
  }
  ul.principal-list li a {
    cursor:pointer;
    display:block;
    height:auto;
    overflow:visible;
    position:relative;
  }
  ul.principal-list li a div {
    background:none;
    color:#00535e;
    display:block;
    font-size:14px;
    font-weight:bold;
    left:0;
    line-height:18px;
    position:relative;
    text-decoration:none;
    top:0;
    vertical-align:bottom;
    visibility:visible;
    width:auto;
    height:auto;
  }
  ul.principal-list li a div br { display:none; }
  ul.principal-list li a div span {
    bottom:0;
    left:0;
    position:relative;
  }
  ul.principal-list li a:hover {
    text-decoration:none;
    background:none !important;
  }
  ul.principal-list li a:hover div {
    text-decoration:none;
    visibility:visible;
  }
  h1.project-title {
    cursor:default;
    font-size:30px;
    margin:0px;
    line-height:36px;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  #project-content {
    top:0px;
    left:168px;
    width:auto;
  }
  #project_content { width:auto; }
  ul.project-list li a {
    height:auto;
    overflow:visible;
  }
  ul.project-list li a div {
    background:none;
    color:#ffffff;
    display:inline;
    height:auto;
    left:0;
    font-size:14px;
    line-height:20px;
    position:relative;
    top:0;
    vertical-align:auto;
    visibility:visible;
    width:auto;
  }
  ul.project-list li a div br { display:none; }
  ul.project-list li a:hover {
    text-decoration:none;
    background:none !important;
  }
  ul.project-list li a:hover div {
    text-decoration:none;
    visibility:visible;
    background:none;
  }
  ul.project-list li a div span {
    left:0;
    position:relative;
    bottom:0;
    top:0;
    margin-top:5px;
  }
  ul.project-list li a div span span {
    font-size:12px;
    font-weight:normal;
    display:block;
  }
  .page-id-512 #content { width:auto; }
  .page-id-512 #content img { width:50%; }
  .col-1 h2, .col-2 h2, .col-3 h2 { border-bottom-color:#ffffff; }
}
@media only screen and (min-width: 50px) and (max-width: 620px) {
  html, body { height:auto; }
  body {
    width:100%;
    background:none !important;
  }
  header {
    position:relative;
    margin-left:0px;
    width:auto;
    background:#ffffff;
    min-height:0 !important;
    display:block;
  }
  #logo {
    margin-top:-10px;
    width:auto;
    background:#ffffff;
    overflow:hidden;
    margin-bottom:0px;
    height:75px;
    overflow:hidden;
  }
  #logo img { height:80px; }
  .main-menu-header {
    border-bottom:none;
    color:#000000;
    font-size:11px;
    margin:0px;
    padding:0 0 0 5px;
    background:#eaeaea;
    width:auto;
  }
  nav { height:auto; }
  #menu-main-navigation li {
    margin:0;
    display:inline;
  }
  #menu-main-navigation li a {
    display:inline-block;
    padding:8px 0;
    margin:0 5px;
    color:#333333;
  }
  #menu-main-navigation li.current-menu-item a, #menu-main-navigation li.current-page-ancestor a, #menu-main-navigation li.current_page_parent a {
    background:none;
    color:#00535e;
  }
  #menu-main-navigation li a:hover {
    background:none;
    text-decoration:none;
    color:#000000;
  }
  #menu-main-navigation li.current-menu-item a:hover, #menu-main-navigation li.current-page-ancestor a:hover {
    background:none;
    color:#00535e;
  }
  .sub-menu-header {
    color:#ffffff;
    margin:0px;
    padding:0 0 0 10px;
    background:#f1f1f1;
    font-size:11px;
    width:auto;
  }
  .sub-menu-header ul {
    margin:0;
    padding:0;
  }
  .sub-menu-header li {
    margin:0;
    padding:0;
    display:inline;
  }
  .sub-menu-header li.current-menu-item { background:none; }
  .sub-menu-header li a {
    display:inline-block;
    padding:8px 0;
    margin:0 5px;
    color:#666666;
  }
  li.current_page_ancestor > a {
    display:inline-block;
    font-style:italic;
    padding-bottom:9px;
  }
  .sub-menu-header li.current_page_item a, .sub-menu-header li.current-item a {
    background:none;
    color:#00535e;
  }
  .sub-menu-header li a:hover {
    background:none;
    text-decoration:none;
    color:#333333;
  }
  .sub-menu-header li.current_page_item a:hover, .sub-menu-header li.current-item a:hover {
    background:none;
    color:#00535e;
  }
  #container { min-height:0 !important; }
  #content {
    position:relative;
    left:0;
    background:none;
    min-height:0 !important;
    width:auto;
    padding:20px 10px;
    margin:0;
  }
  .copyright { display:none; }
  .copyright-footer { display:block; }
  .page-template-page_projects-php .copyright-footer, .tax-project_category .copyright-footer, .single-project .copyright-footer { color:#ffffff; }
  .projects #content, .tax-project_category #content {
    background-color:none;
    width:auto;
    overflow:visible;
  }
  .home .entry-content {
    color:#000000;
    text-decoration:none;
    text-shadow:none;
    font-size:18px;
    line-height:26px;
    margin:0;
    width:auto;
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    background:#e7e7e7;
    padding:10px;
  }
  .home #content {
    max-width:auto !important;
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    background-color:transparent;
  }
  .home .entry-content a { color:#00565f; }
  .home .entry-content a:hover { color:#00565f; }
  .home_image {
    display:block;
    background:#ffffff;
  }
  .home_image li {
    margin-bottom:10px;
    display:block;
  }
  .home_image img { width:100%; }
  h1 { line-height:26px !important; }
  h1.entry-title {
    color:#00535e;
    font-size:24px;
    margin:0 0 10px;
    padding:0;
    text-transform:lowercase;
  }
  .entry-content {
    line-height:18px;
    overflow:visible;
    padding:10px 0px;
    font-size:12px;
    font-weight:normal;
  }
  h2 {
    color:#024d57;
    font-size:14px;
    line-height:1.3;
    padding:0px;
    margin:0 0 12px;
    font-weight:normal;
    padding-bottom:5px !important;
  }
  .show-content, .hide-content {
    display:block;
    float:right;
    height:25px;
    margin-top:-25px;
    width:25px;
  }
  .list-section {
    margin:13px 0 0;
    width:auto;
    display:block;
  }
  ul.principal-list {
    margin:0;
    padding:0;
  }
  ul.principal-list li {
    display:inline;
    float:left;
    list-style-type:none;
    margin:0 0 8px 8px;
    padding:0;
  }
  ul.principal-list li a {
    cursor:pointer;
    display:block;
    height:auto;
    overflow:visible;
    position:relative;
    width:140px;
  }
  ul.principal-list li a div {
    background:none;
    color:#00535e;
    display:block;
    font-size:13px;
    font-weight:bold;
    left:0;
    line-height:18px;
    position:relative;
    text-decoration:none;
    top:0;
    vertical-align:bottom;
    visibility:visible;
    width:auto;
    height:auto;
  }
  ul.principal-list li a div br { display:none; }
  ul.principal-list li a div span {
    bottom:0;
    left:0;
    position:relative;
  }
  ul.principal-list li a:hover {
    text-decoration:none;
    background:none !important;
  }
  ul.principal-list li a:hover div {
    text-decoration:none;
    visibility:visible;
  }
  .principals-entry-title { margin-bottom:13px !important; }
  .principal-content {
    color:#333333;
    font-size:13px;
    font-weight:bold;
  }
  .principal-content h2 {
    color:#00535e;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    margin:0;
    padding:0;
  }
  .principal-content h2 span {
    font-weight:normal;
    text-transform:lowercase;
  }
  .principal-email a {
    color:#00535e;
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
  }
  .principal-phone {
    color:#00535e;
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
  }
  .principal-content {
    color:#333333;
    font-size:12px;
    font-weight:normal;
  }
  .nav-next, .nav-previous {
    margin-left:0px;
    margin-right:0px;
  }
  .team-item {
    border-top:1px solid #0f110b;
    display:block;
    margin:0;
    padding:5px 0 5px;
    width:auto;
  }
  .team-item h2 {
    color:#00535e;
    font-size:22px;
    margin:0 0 10px;
    padding:0;
  }
  .team-content img {
    display:inline;
    float:none;
    margin-right:0;
    margin-bottom:10px;
    width:auto;
    height:auto;
  }
  .team-content ul {
    display:inline;
    float:none;
    margin:10px 0 0;
    padding:0;
  }
  .team-content ul li {
    color:#252525;
    font-size:13px;
    list-style-type:none;
    margin:0 0 15px;
    padding:0;
  }
  .team-content ul li span { font-weight:normal; }
  .team-content ul li a {
    color:#00535e;
    margin-top:5px;
    text-decoration:underline;
  }
  .news-content {
    margin-left:0px;
    padding-left:0;
  }
  ul.news-list li {
    display:inline;
    float:left;
    list-style-type:none;
    margin:0 0 8px 8px;
    padding:0;
  }
  ul.news-list li a {
    cursor:pointer;
    display:block;
    height:auto;
    overflow:visible;
    position:relative;
    width:140px;
  }
  ul.news-list img {
    height:140px;
    width:140px;
  }
  ul.news-list li a div {
    background:none;
    color:#ffffff;
    display:block;
    font-size:12px;
    font-weight:bold;
    height:auto;
    left:0;
    line-height:14px;
    position:relative;
    text-decoration:none;
    top:0;
    vertical-align:bottom;
    visibility:visible;
    width:auto;
  }
  ul.news-list li a:hover {
    text-decoration:none;
    background:none !important;
  }
  ul.news-list li a:hover div {
    text-decoration:none;
    visibility:visible;
  }
  ul.news-list li a div span {
    bottom:0px;
    left:0px;
    position:relative;
    margin-top:5px;
    color:#00535e;
    height:30px;
  }
  .contact h2 {
    font-size:18px;
    margin-bottom:15px;
    line-height:24px;
    padding-bottom:0;
  }
  .form_row { padding-right:10px; }
  .contact_info .left {
    float:left;
    padding-bottom:10px;
  }
  .contact_info .right { float:left; }
  body.single-project { background:#000000 !important; }
  h1.project-title { cursor:default; }
  .projects-entry-content {
    margin:-10px 0;
    padding-left:0;
  }
  ul.project-list {
    margin:0;
    padding:0;
  }
  ul.project-list li {
    display:inline;
    float:left;
    list-style-type:none;
    margin:0 0 8px 8px;
    padding:0;
  }
  ul.project-list li a {
    cursor:pointer;
    display:block;
    height:auto;
    overflow:visible;
    position:relative;
    width:140px;
  }
  ul.project-list li a div {
    background:none;
    color:#ffffff;
    display:inline;
    font-size:13px;
    font-weight:bold;
    height:auto;
    left:0;
    line-height:20px;
    position:relative;
    text-decoration:none;
    top:0;
    vertical-align:auto;
    visibility:visible;
    width:auto;
    margin:0px;
    padding:0px;
  }
  ul.project-list li a div br { display:none; }
  ul.project-list li a:hover {
    text-decoration:none;
    background:none !important;
  }
  ul.project-list li a:hover div {
    text-decoration:none;
    visibility:visible;
    background:none;
  }
  ul.project-list li a div span {
    left:0;
    position:relative;
    bottom:0;
    top:0;
    margin-top:5px;
  }
  ul.project-list li a div span span {
    font-size:12px;
    font-weight:normal;
    display:block;
  }
  #project-content {
    background:none;
    left:0;
    position:relative;
    top:0;
    width:auto;
    padding:10px;
    margin:10px;
    display:block;
    background:#ffffff;
  }
  #project-content h1 {
    margin:0;
    padding:0;
    font-size:20px;
    line-height:26px;
  }
  #project-content h1 a:hover { text-decoration:none; }
  #project_content {
    width:auto;
    display:block;
  }
  .project_content {
    line-height:24px;
    padding:10px 0px;
    display:block;
    position:relative;
    width:auto;
    font-weight:normal;
  }
  .project_images {
    display:block;
    padding:0px;
  }
  .project_images li {
    margin-top:10px;
    display:block;
  }
  .project_images img { width:100%; }
  #slidecounter, .circle_arrow_left, .circle_arrow_right, #nav-below, #supersized, #supersized-loader { display:none !important; }
  footer {
    margin:20px 10px;
    font-size:11px;
    font-weight:normal;
  }
  .reg-table { display:none; }
  .resp-table { display:block; }
  table tr td {
    padding-top:5px;
    padding-bottom:5px;
  }
  table tr td td {
    padding-top:0px;
    padding-bottom:0px;
  }
  .page-id-512 #content { width:auto; }
  .page-id-512 #content img {
    width:80%;
    display:block;
    float:none;
  }
  .col-1, .col-2, .col-3, .arrow {
    display:block;
    float:none;
    margin-bottom:0px;
    width:100%;
  }
  .col-1 h2, .col-2 h2, .col-3 h2 { border-bottom-color:#ffffff; }
  .arrow {
    background:url(../images/arrow-bottom.png) center center no-repeat;
    width:100%;
    height:50px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
}