/*============================================================

  Dash Digital CSS Framework
  Version: 1.0

=============================================================*//*======================
  1.0  ROOT 
=======================*/
html,
body,
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,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.cf:after {
  clear: both;
}
/* Variables =================================================== */
/*======================
  2.0  TYPOGRAPHY 
=======================*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 5, 2012 03:29:28 AM America/New_York */

body {
  color: #000000;
  font-family: "proxima-nova", sans-serif;
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.componentheading {
  color: #0669b2;
  font-family: "trajan-pro", sans-serif;
  font-weight: 400;
  margin: 0em 0em 0em 0em;
}
h1,
.componentheading {
  font-size: 1.625em;
  margin: 0em 0em 0em 0em;
}
h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.3125em;
  margin: 1.5em 0em 0.4em 0em;
  text-transform: uppercase;
}
h3 {
  font-family: "proxima-nova", sans-serif;
  font-size: 1em;
  margin: 0em 0em 0em 0em;
}
.sub .sub-content-box {
  color: #464646;
  line-height: 1.4;
}
.sub .sub-content-box h1,
.sub .sub-content-box .componentheading {
  font-size: 1.875em;
  margin: 0.5em 0;
  text-transform: uppercase;
}
.sub .sub-content-box h2 {
}
.sub .sub-content-box h3 {
  font-size: 1.125em;
}

.sub .sub-content-box .moduletable h3 {
  color: #0669b2; 
  font-family: "trajan-pro",sans-serif;
  font-size: 1.875em;
  line-height: 1.3;
  margin: 0.5em 0;
  text-transform: uppercase;
}

.wf-loading {
  visibility: hidden; }

.wf-active, .wf-inactive {
  visibility: visible; }

.intro {
  color: #000;
  border-bottom: 1px solid #9b8f7b;
  border-top: 1px solid #9b8f7b;
  font-family: "trajan-pro", sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.5;
  padding: 0.5em 0;
  text-transform: uppercase;
}
p {
  margin: 0 0 0.8em;
}
a {
  color: #ffffff;
  font-family: "proxima-nova", sans-serif;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
}

ol {
  margin: 0 0 1.5em 2em;
}

  ol li { margin: 0 0 .5em 0; }

  ol ol {
    margin: 0 0 0 2em;
  }

table td, table th { 
	padding: 7px 10px;
	vertical-align: middle; 
}

table th {
	background: #086BB2;
	color: #fff;
}

table tr:nth-child(2n+1) {
	background: #e1f2ff;	
}

table tr:nth-child(2n) {
	background: #f0f9ff;	
}

table.category {
	width: 100%;
}

table.category a {
	text-decoration: none !important;
	font-size: 110%;
}

table.category tr:hover {
	background: #c3c3d2;
}

table.none-bg tr {
	background: none;
}

table.none-bg td, table.none-bg th {
	padding: 0;
}


/* ======================
  3.0  COLOUR 
=======================*/
.dark-gradient-background {
  background: #252525;
  background-image: linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -o-linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -moz-linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -webkit-linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -ms-linear-gradient(top, #383838 20%, #252525 74%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #383838), color-stop(0.6, #252525));
  color: #d5d5d5;
}
.dark-gradient-background h1 {
  color: #d7d7d7;
}
.red-gradient-background {
  background: #086bb2;
  color: #ffffff;
}
.dark-v2-gradient-background {
  color: #ffffff;
  background-color: rgba(37,37,37,0.9);
}
.green-background {
  background: #2b7887;
  color: #ffffff;
}
.green-background  h1 {
  color: #d7d7d7;
}
.green-background .triangle  {
	border-color: #389579 transparent transparent;
}
.green-background a.readmore {
  color: #ffffff;
}

.blue-gradient-background {
  background: #28649b;
  background-image: linear-gradient(top, #285f8a 20%, #28649b 74%);
  background-image: -o-linear-gradient(top, #285f8a 20%, #28649b 74%);
  background-image: -moz-linear-gradient(top, #285f8a 20%, #28649b 74%);
  background-image: -webkit-linear-gradient(top, #285f8a 20%, #28649b 74%);
  background-image: -ms-linear-gradient(top, #285f8a 20%, #28649b 74%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #285f8a), color-stop(0.74, #28649b));
  color: #ffffff;
}
.blue-gradient-background h1 {
  color: #d7d7d7;
}
.blue-gradient-background a.readmore {
  color: #ffffff;
}

.light-grey-background {
  background: #d7d7d7;
  background-image: linear-gradient(top, #d7d7d7 20%, #bebebe 74%);
  background-image: -o-linear-gradient(top, #d7d7d7 20%, #bebebe 74%);
  background-image: -moz-linear-gradient(top, #d7d7d7 20%, #bebebe 74%);
  background-image: -webkit-linear-gradient(top, #d7d7d7 20%, #bebebe 74%);
  background-image: -ms-linear-gradient(top, #d7d7d7 20%, #bebebe 74%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #d7d7d7), color-stop(0.74, #bebebe));
  color: #636363;
}
.light-grey-background a {
  color: #636363;
}
.light-grey-background .triangle {
	border-color: #bebebe transparent transparent;
}
.light-grey-background h1 {
  color: #000000;
}

.dark-grey-background {
  background: #555556;
  background-image: linear-gradient(top, #555556 20%, #3e3e40 74%);
  background-image: -o-linear-gradient(top, #555556 20%, #3e3e40 74%);
  background-image: -moz-linear-gradient(top, #555556 20%, #3e3e40 74%);
  background-image: -webkit-linear-gradient(top, #555556 20%, #3e3e40 74%);
  background-image: -ms-linear-gradient(top, #555556 20%, #3e3e40 74%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #555556), color-stop(0.74, #3e3e40));
  color: #fff;
}
.dark-grey-background a,
.dark-grey-background .readmore {
	color: #fff;
}

.dark-grey-background .triangle {
	border-color: #2b2b2b transparent transparent;
}

.dark-grey-background h1 {
  color: #d7d7d7;
}

.dark-grey-background .dark-top-border {
	background: #910e25;
}

.white-background {
  background: #F1EFF4;
  color: #5c523f;
}
.transparent {
  opacity: 0.95;
}
.brown-background {
  background: #9b8f7b;
  color: #ffffff;
}
.brown-background h1 {
  color: #2c2c2c;
}
/*======================
  4.0  ELEMENTS 
=======================*/
ul {
  margin: 0em 0em 1em 1em;
  padding: 0em 0em 0em 0em;
}
ul li {
  list-style: square;
  margin: 0em 0em 0em 1.25em;
  padding: 0em 0em 0em 0em;
}
ul li ul {
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
}
ul li ul li {
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
}
form dt {
  padding: 1em 0 0;
}
form input[type=text],
form input[type=email],
form input[type=telephone],
form input[type=password],
form textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 7px 10px;
  min-width: 215px;
  width: 60%;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

form textarea { 
  height: 200px;
}
form input[type=submit],
button {
  transition-duration: 0.2s;
  color: #fff;
  cursor: pointer;
  opacity: 0.9;
  text-align: center;
  text-transform: uppercase;
  width: 180px;
  border: none;
  height: 31px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(../img/default-btn-bg.png) repeat 0 0;
  padding: 0;
  -webkit-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  -moz-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
}
form input[type=submit]:hover, button:hover {
  opacity: 1;
}

/* RSForm Styles */
.rsform-block {
	padding: 1em 0 0;
}

.formRed,
.formError {
	color: #cc0000;
}

.rsform-block #Submit {
	padding: 0 20px;
	width: auto;
}

  .main-content .article a {
	  color: #424242;
	  text-decoration: underline;
  }
    
  .main-content .article a:hover {
	  color: #424242;
	  text-decoration: none;
  }

  .main-content .article table {
    width: 100%;
  }

  .main-content .article table p{
    padding:0;
    margin:0;
    text-align: left;
  }

  /* Used to remove bottom padding on H2 above 'created' dates*/
  .main-content .article .blog h2 {
    margin-bottom: 0px;
  }

.create {
  font-weight: bold;
  font-style: italic;
  font-size: 82%;
  padding-bottom: 5px;
}

a.readmore,
p a.readmore {
  background: url(../img/arrow.png) no-repeat 100% 50%;
  color: #404040;
  padding: 0px 15px 0 0;
  line-height: 12px;
  height: 12px;
  font-size: 87%;
  text-decoration: none !important;
}

a.readmore:hover { text-decoration: underline !important; }

a.readmore {
  color: #fff;
}

.brown-btn {
  border: none;
  height: 37px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #aba291 url(../img/brown-btn-bg.png) no-repeat 0 0;
  -webkit-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  -moz-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
}

.black-btn {
  border: none;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(../img/black-btn-bg.png) no-repeat center 0;
  text-transform: uppercase;
  text-align: center;
  opacity: 0.9;
  padding: 8px 10px;
}

.black-btn:hover {
	opacity: 1;
}


.grey-btn {
  border: none;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(../img/grey-btn-bg.png) no-repeat center 0;
  -webkit-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  -moz-box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  box-shadow: 2px 3px 4px rgba(6, 7, 7, 0.15);
  text-transform: uppercase;
  text-align: center;
  opacity: 0.9;
  padding: 8px 35px;
  margin: 10px auto 0 auto;
  width: 158px;
}

.grey-btn:hover {
	opacity: 1;
}

.contact-us-button {
	margin: 0.8em 0.3125em;
}

/*======================
  6.0  TEMPLATE SPECIFIC 
=======================*/
.header {
  background: #ffffff;
  height: 74px;
  padding: 0.63em 0;
  width: 100%;
}
.header .logo {
  text-align: center;
}
.header .logo img {
  margin: 2em 0 0 0;
  width: auto;
}
.header .search {
	position: absolute;
	right: 0;
	top: 25px;
	width: 189px;
}
.header .search input {
	background: url(../img/search-bg.png);
	font-family: "proxima-nova",sans-serif;
	min-width: 169px;
	color: #3a3a3a;
	font-size: 11px;
	text-transform: uppercase;
	padding: 5px 10px;
}


.banner {
  overflow: hidden;
  padding: 1em 0em 3em 0em;
  text-align: center;
  width: 100%;
}
.banner h1 {
  color: #ffffff;
  font-size: 1em;
  font-family: "proxima-nova", sans-serif;
  font-weight: 100;
  letter-spacing: 1.5px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
.banner h1 em {
  display: block;
  font-family: "trajan-pro", sans-serif;
  font-weight: 400;
  font-size: 2em;
  font-style: normal;
  text-transform: uppercase;
}
.banner .selector {
  display: none;
}
.banner .buttons {
  display: none;
}
#supersized img {
	max-width: none !important;
}
.main-nav {
  position: relative;
  z-index: 100;
}
.nav .container {

  padding: 0.4375em 0em 0.4375em 0em;
  position: relative;
  width: 100%;
}
.nav .container > ul {
  display: none;
  margin: 2em 2em 0;
  z-index: 100;
}
.nav .container > ul ul {
  display: none;
  z-index: 100;
}
.nav .button {
  color: #fafafa;
  cursor: pointer;
  font-family: "FontAwesome";
  font-size: 2em;
  font-weight: 100;
  line-height: 1;
  padding: 0.2em 0.2em 0;
  position: absolute;
  top: 0;
}
.nav .nav-button {
  color: #ffffff;
  right: 0.25em;
  top: 0.125em;
}
.nav .search-button {
  color: #ffffff;
  left: 3.25em;
  top: 0.125em;
}
.nav .phone-button {
  color: #ffffff;
  left: 1.8em;
  top: 0.125em;
}
.nav .email-button {
  color: #ffffff;
  left: 0.25em;
  top: 0.125em;
}
.breadcrumbs {
    color: #acacac;
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase;
  }
  .breadcrumbs a {
    color: #acacac;
  }
  .breadcrumbs span {
    color: #7d7d7d;
  }
  
.home-content-box,
.home-sub-content-box,
.sub-content-box,
.aside-content-box {
  position: relative;
}
.home-content-box {
	margin: 0 5px 15px 4px;
}
.home-content-box a:hover {
	text-decoration: underline;
}

.home-content-box .jandakot-buttons img {
	width: 48.5% !important;
}

.home-content-box h1,
.home-sub-content-box h1,
.sub-content-box h1,
.aside-content-box h1 {
  font-size: 1.8em;
  line-height: 1.3;
  margin: 0em 0em 0.3em 0em;
}
.intro-box {
  line-height: 1.5;
  margin: -2em 0em 0em 0em;
  padding: 2.5em 1.5em 1.5em 1.5em;
}
.intro-box h1 {
  font-size: 1.375em;
}
.round-corner-5 {
  border-radius: 0.3125em;
}
.home-content-container {
  margin: 0em 0.3125em 0.3125em 0.3125em;
  padding: 2em 1em 2em 1em;
}
.dark-top-border,
.light-top-border {
  background: #2c2c2c;
  border-radius: 0 0 0.3125em 0.3125em;
  height: 0.5em;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}
.light-top-border {
  background: #75848f;
}
.triangle {
  border-style: solid;
  border-width: 1em 1em 0 1em;
  border-color: #0c6396 transparent transparent transparent;
  height: 0px;
  margin: 0 0 0 1.25em;
  position: absolute;
  width: 0px;
  z-index: 11;
}
.white-stripe {
  background: url(../img/intro-box-stripe.png) no-repeat 0 0;
  height: 39px;
  left: -110px;
  position: absolute;
  top: -15px;
  width: 189px;
}
.home-link-box {
  background: #000000;
  display: block;
  margin: 1em 0.3125em 0.3125em 0.3125em;
  padding: 0.8em 1.25em 0.7em 1.25em;
}

.pagination ul {
  text-align: center;
  }
.pagination ul li {
  display: inline;
  margin: 0 4px 0 0;
  }

.pagination { border-top: 1px solid #aaa; padding-top: 10px; }

.pagination .counter {
  text-align: center;
  font-size: 12px;
}

.pagination ul li a,
.pagination ul li span {
  color: #8e8e8e;
  padding: 3px 8px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  text-decoration: none !important;
  }
.pagination ul li a:hover,
.pagination ul li a:focus {
  background: #f0f0f0;
  border-color: #ccc;
  }
.pagination ul li a:active {
  background: #CF0226;
  border-color: #fff;
  }       

/* Contact */
.contact-contactinfo p { margin: 0; }
/* Blog */
.blog .readmore a {
  color: #333;
  text-decoration: underline;
}

  .blog .readmore a:hover { text-decoration: none; }

.article-info .article-info-term { display: none; }

.published { 
	font-size: 12px; 
	font-style: italic; 
	margin: 0 0 0.3em; 
}

.published span.icon-calendar {
	display: none;
}

.project-map-box {
  background: url(../img/project-map-box-bg.jpg) no-repeat 0 0;
  background-size: 100% 89px;
  color: #ffffff;
}
.project-map-box h1 {
  color: #fff;
  font-size: 1.25em;
}

  .project-map-box h1 a {
    font-family: "trajan-pro",sans-serif;
  }
  
  .project-map-box h1 a:hover {
    color: #999;
  }
  
.project-map-box h2 {
  color: #9b8f7b;
  margin: 0;
}

.quick-links .triangle {
	border-color: #bebebe transparent transparent;
}
.quick-links ul {
	margin: 0 !important;
}

.latest-news-box {
  background: #848484 url(../img/latest-news-box-bg.png) no-repeat 0 0;
  background-size: 100% auto;
  padding: 2em 1em 1em;
}
.latest-news-box h1 {
	color: #282828;
}
.latest-news-box .news-item {
  border-bottom: 1px solid #b7b7b7;
  color: #fff;
  font-size: 0.875em;
  margin: 1em 0 0;
  padding: 0 0 1em;
}
.latest-news-box .news-item:last-child {
	border: none;
}
.latest-news-box .news-item h1 {
  color: #ffffff;
  font-family: "proxima-nova", sans-serif;
  font-weight: 100;
  font-size: 1.125em;
  line-height: 1.2;
}

  .latest-news-box .news-item h1 a:hover { color: #2c2c2c; }

.latest-news-box .news-item.last {
  border: none;
}
.shadow {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.wk-gallery-showcase li {
    list-style: none;
  }
  
.footer {
  border-radius: 0.3125em 0.3125em 0 0;
  margin: 4em auto 0;
  padding: 1em 1em 1em 1em;
}
.footer img {
  width: auto;
}
.footer .footer-nav {
  display: block;
}

.footer {
  margin: 4em 0em 0em;
  padding: 0 0 2em;
  position: relative;
}
  .footer img {
    margin: 0.5em 0 0 1em;
  }
  .footer .footer-nav {

  }
  .footer .footer-nav ul {
  	margin: 0 0 20px 20px;
    padding: 0;
  }
  .footer .footer-nav ul li {
    display: block;
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0;
  }
  .footer .footer-nav ul li a,
  .footer .footer-nav ul li span.separator {
    font-size: 0.875em;
  }
  
  .footer .footer-nav ul li a:hover {
  	color: #ACACAC;
  }
  
  .footer .dash a {
  	  background: url(../img/dash.png) no-repeat 0 0;
	  display: block;
	  height: 29px;
	  width: 190px;
	  text-indent: -9999em;
  }
  
  .footer .dash a:hover {
	   background-position: 0 100%;
   }
   
  
  #xmap a {
	  text-decoration: none;
  }
  
  #xmap a:hover {
	  text-decoration: underline;
  }
  
  #xmap ul.level_0 {
	  font-size: 110%;
  }
  
  #xmap ul.level_1 {
	  font-size: 85%;
  }
  
  #xmap ul.level_1,
  #xmap ul.level_2,
  #xmap ul.level_3 {
	  margin-left: 30px;
  }
  
    #xmap ul.level_1 li {
	    list-style: circle;
    }
    
    .wk-map img {
	    max-width: none;
    }
    
    .search-results .result-title a {
	    font-size: 1.2em;
	    color: #0669B2 !important;
    }
    
     .search-results .result-title {
	     margin-top: 20px;
     }
  
     	.search-results .result-category, .search-results .result-created {
	     	font-size: 0.9em;
	     	font-style: italic;
     	}
     	
     	.search-results .highlight {
	     	background: #0669B2;
	     	color: #fff;
     	}
     	
     	#searchForm input[type="text"] {
	     	width: 270px;
	     	margin: 0 0 10px 0;
     	}
     	
     	#searchForm button {
	     	width: 160px;
     	}
     	
     	.main-content #searchForm label {
	 		float: left;
	 		margin: 6px 2px 0 0;
		}


div.separator {
	height: 0;
	clear: both;
}

/*======================
  7.0  CMS Specific Styles
=======================*/
/*======================
  8.0  MEDIA QUERIES 
=======================*/
/*
@media print {
  @import "print.less";
}
*/
@media only screen {
  body {
    background: #d9dae5;
    font-size: 100% !important;
  }
  .community-box {
  	  background: #ffffff;
	  background-image: none;
  }
  .community-box h1 {
	  font-size: 25px;
  }
  .container {
    margin: 0 auto;
    width: 94%;
  }
  .main-nav .container {
    padding-top: 2.6em;
    width: 100%;
  }
  .main-nav .container ul {
    display: none;
    margin: 0;
    padding: 0;
  }
  .main-nav .container ul li {
    margin: 0;
    padding: 0;
  }
  .main-nav .container > ul > li {
    display: block;
    list-style: none;
    margin: 0.2em 0.4em;
  }
  .main-nav .container > ul > li a {
    background: #000000;
    display: block;
    padding: 1em 2em;
    text-align: center;
  }
  img {
    height: auto !important;
    margin: 0 0 1em;
    max-width: 100%;
    width: 100%;
  }
  
  .gmap img {
  	 max-width: none;
  	 width: auto;  
  }
  
  .aside .menu-container {
    margin: 0 0.4em;
    padding: 4.5em 0 4.5em;
  }
  
  .aside .menu {
    margin: 0;
    padding: 0;
  }
  .aside .menu li {
    border-top: 1px solid #fff;
    list-style: none;
    margin: 0;
  }
  .aside .menu > li:last-child {
    border-bottom: 1px solid #fff;
  }
  .aside .menu li a {
    display: block;
    padding: 0.8em 1em;
    text-transform: uppercase;
    font-size: 1.15em;
  }
  .aside .menu li a:hover,
  .aside .menu > li.active > a {
    background: #363636;
  }
  .aside .menu li ul {
	  margin-bottom: 15px;
  }
  .aside .menu li ul li {
	  border-top: none;
	  background: url(../img/arrow.png) no-repeat 17px 3px;
  }
  .aside .menu li ul li a {
	  font-size: 0.9em;
	  padding: 0.3em 1em 0.3em 2.7em;	  
  }
  .aside .menu li ul li a:hover {
	    background: none;
	    color: #8dcff4;
	    
    }
  .aside .aside-content-box {
    margin-top: 0;
  }
  .aside .brown-background {
    background: #9f9f9f url(../img/aside-grey-bg.png) no-repeat 0 0;
  }
  
  .aside .triangle {
    border-width: 1.3em 1.3em 0;
  }
  .aside .triangle.right {
    right: 30px;
  }
  .main-content .article p, .main-content .article ul li, .main-content .article ol li {
	  line-height: 1.6;
	  text-align: left;
  }
  .header .search {
	  display: none;
  }
  .footer .dash {
    margin: 0 0 0 1em;
    position: relative;
  }
  .footer .footer-nav ul li span.separator {
	  color: #acacac;
	  font-size: 0.875em;
	  margin-bottom: 15px;
	  display: block;
  }
  .wk-map {
	  height: 250px;
  }
  
  .black-btn, .grey-btn, form input[type=submit],
button {
	  font-size: 1em;
  }
  
}
@media only screen and (min-width: 480px) {
  body {
    background: #d9dae5;
    font-size: 100% !important;
  }
  

}
@media only screen and (min-width: 600px) {
  body {
    background: #d9dae5;
    font-size: 80% !important;
  }

  .header {
  	padding: 0;
  }
  
  
  .container {
  	position: relative;
    width: 96%;
  }
  .banner {
    background: #0664AA url(../img/banner-bg.png) no-repeat center 0 !important;
    height: 17em;
    padding: 2em 0 0 0;
  }
  .home .banner {
    background: #0664AA url(../img/banner-bg.png) no-repeat center 0 !important;
  }
  .banner h1 {
    font-size: 1.6em;
    text-align: left;
  }
  .banner h1 em {
    display: inline;
  }
  .main-content {
    margin-top: -6em;
  }
  .home-content-box {
    float: left;
    font-size: 1em;
    line-height: 1.5;
    margin: 0 5px 15px 4px;
    width: 48%;
  }
  .home-content-box h1 {
    font-size: 25px;
    line-height: 1.6;
  }
  .home-content-box:last-child {
    margin-right: 0;
  }
  .home-sub-content-box {
    margin: 0 1% 0 0;
  }
  .home-sub-content-box:last-child {
    margin-right: 0;
  }
  .home-content-box:first-child {
    margin-top: -3.75em;
  }  
  .intro-box {
    font-size:1.1em;
    margin-top: 0;
  }
  .intro-box h1 {
    font-size: 1.5em;
  }
    .home-content-container img {
      clear: right;
      width: 100% !important;
    }
  
  .testimonial-box {
    font-size: 0.875em;
  }
  .testimonial-box h1 {
    font-size: 1.375em;
  }
  .latest-news-box .news-item h1 {
    font-size: 1.3em;
    line-height: 1.1;
  }
  .latest-news-box .news-item p {
    font-size: 1em;
    margin: 0 0 1em 0;
    font-weight: normal;
  }
  img {
    float: left;
    margin: 0 1em 0.5em 0;
    width: auto;
    max-width: 100%;
  }
  .sub .main-content {
    margin-top: -7.5em;
  }
  .sub .sub-content-box .home-content-container {
    color: #424242;
    padding: 2em 2.5em;
  }
  .sub .sub-content-box .triangle {
    border-width: 1.3em 1.3em 0;
    margin-left: 12em;
  }
  .sub .white-background {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 4px 2px 4px rgba(6, 7, 7, 0.15);
    -moz-box-shadow: 4px 2px 4px rgba(6, 7, 7, 0.15);
    box-shadow: 4px 2px 4px rgba(6, 7, 7, 0.15);
    background-image: -webkit-linear-gradient(top, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
    background-image: -moz-linear-gradient(top, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
    background-image: -o-linear-gradient(top, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
    background-image: -ms-linear-gradient(top, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
    background-image: linear-gradient(to bottom, rgba(6, 7, 7, 0.1), rgba(255, 255, 255, 0.1));
  }
  .footer .dash {
    position: absolute;
    right: 1em;
    top: 34px;
    margin: 0;
  }
     
  .footer {
    height: 60px;
    margin: 5em 0 0;
    position: relative;
  }
  .footer img {
    margin: 1.5em 0 0 1em;
  }
  .footer .footer-nav {
    left: 15px;
    position: absolute;
    top: 32px;
  }
  .footer .footer-nav ul {
  	margin: 10px 0 0 0;
    padding: 0;
  }
  .footer .footer-nav ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0;
  }
  

  .footer .footer-nav ul li a {
    font-size: 0.95em;
    color: #fff;
  }


  .aside input[type=text], .aside input[type=email], .aside input[type=telephone], .aside input[type=password] {
    min-width: 100px;
    width: 200px;
  }
  
.community-box h1 {
	  font-size: 20px;
  }
  .wk-map {
	  height: 400px;
  }
 .black-btn, .grey-btn, form input[type=submit],
button {
	  font-size: 1.2em;
  }
 .banner .banner-button {
	  position: absolute;
	  right: 0;
  }
 .home .banner .container {
    height: 125px;
    position: relative;
}

}

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

  .header {
    padding: 0;
  }
  .banner {
    padding-top: 6.5em;
  }
  .banner h1 {
    font-size: 1.4em;
  }

  .home .banner .container {
	  height: 133px;
	  position: relative;
  }
  .main-nav {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .main-nav .container {
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.3);
    padding: 0 0 0 0.5em;
  }
  .main-nav .container ul {
    display: none;
    margin: 0;
    padding: 0;
  }
  .main-nav .container ul li {
    list-style: none;
    margin: 0;
    padding: 0;
	position: relative;
  }
  .main-nav .container ul li a:hover {
    background: #9fa1a3;
  }
  .main-nav .container > ul {
    display: block !important;
    width: 100%;
  }
  
  .main-nav .container > ul ul {
    position: absolute;
    width: 230px;
    z-index: 100;
  }
  
  .main-nav .container > ul ul a {
    background: #9fa1a3;
    display: block;
    line-height: 1.4;
    padding: 0.5em 2em;
    text-align: left;
  }
  .main-nav .container > ul ul a:hover {
    background: #9fa1a3 url(../img/arrow.png) no-repeat 0 7px;
    color: #8dcff4;
  }
  .main-nav .container > ul > li {
    background: url(../img/menu-sep.png) no-repeat right 4px;
    float: left;
    display: block;
    padding-right: 1px;
  }
  .main-nav .container > ul > li:last-child {
    background: none;
  }
  .main-nav .container > ul > li > a {
    background: none;
    display: block;
    font-size: 0.97em;
    line-height: 1.1;
    padding: 1.5em 1.5em 1.3em 1.5em;
    text-align: center;
    text-transform: uppercase;
  }
  .main-nav .container li:hover > a {
    background: #9fa1a3;
  }
  .main-nav .container li:hover > ul {
    display: block;
  }
  
  .main-nav .container > ul ul ul {
	left: 230px;
	position: absolute;
	top: 0;
	width: 230px;
  }
    
  .main-nav .buttons {
    display: none;
  }
    .home-content-container {
  
}
  
  .home .home-content-container img {
  	float: left;
    width: 180px !important;
  }

  .home-content-box ul {
    margin: 0 0 1.3em 2em;
    overflow: auto;
  }
    .home-content-box ul li {
		background: url("../img/arrow.png") no-repeat 0 3px;
		list-style: none;
		margin: 0;
		padding:  2px 0 2px 1.25em;
  }
  
  .light-grey-background ul li {
  		background: url("../img/arrow-dark.png") no-repeat 0 3px;
  }
  
  .home-content-box .readmore {
	background: none;
  }
  
    .header .search {
	  display: block;
	  margin-right: 20px;
  }
  
  .home-sub-content-box {
    float: left;
    width: 49%;
  }
  .home-sub-content-box:last-child {
    width: 50%;
  }
}



@media only screen and (min-width: 960px) {
  body {
    background: #d9dae5;
    background-size: 100% auto;
    font-size: 80% !important;
  }

  .header {
    padding: 0;
  }
  .container {
  	position: relative;
    width: 960px;
  }
  .main-nav .container {
    border-radius: 0 0 0.3125em 0.3125em;
    width: 960px;
  }
  .main-nav .container > ul > li > a {
    padding-left: 2.75em;
    padding-right: 2.75em;
  }

  .banner {
    background: url(../img/banner-bg.png) no-repeat center -177px !important;
    height: 12.5em;
    overflow: hidden;
    width: 100%;
  }

  .home .banner {
    background: url(../img/banner-bg.png) no-repeat center -108px !important;
    height: 18em;
    padding-top: 6.5em;
  }
  .banner h1 {
    font-size: 1.65em;
    line-height: 1.1;
    margin-left: 2em;
    text-align: left;
  }
  .sub .banner h1 {
	  margin-top: 0px;
  }
  .banner h1 em {
    display: inline;
    font-size: 2.3em;
  }
  .sub .banner h1 em {
	  font-size: 1.6em;
  }

  .main-content {
    margin-top: -8.2em;
    padding: 0;
  }
  .home .main-content {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
    margin-top: -9.5em;
    padding: 1em 1.5em;
  }
  .home-content-box {
    width: 49%;
  }  
  .sub .white-stripe {
    top: 0;
  }
  .sub .sub-content-box {
    float: left;
    margin: 0;
    width: 50em;
  }
  
  .main-content .article p, .main-content .article ul li, .main-content .article ol li {
	  text-align: justify;
  }
  
  .sub .sub-content-box .home-content-container {
    color: #424242;
    margin: 0 0.8em;
    min-height: 600px;
    padding: 2em 2.5em;
  }
  .aside {
    float: left;
    margin-left: 1em;
    width: 17em;
  }
  
  .aside input[type=text], .aside input[type=email], .aside input[type=telephone], .aside input[type=password] {
    min-width: 100px;
    width: 160px;
  }

	.community-box {
	  background: #ffffff url(../img/community-box-bg.png) no-repeat 0 0;
	}
	
  .footer .footer-nav ul li span.separator {
	  color: #acacac;
	  font-size: 0.95em;
	  margin-bottom: 0px;
	  display: block;
  }
  
  .header .search {
	  margin-right: 0px;
  }
}


@media only screen and (max-width: 960px) { 
	.latest-news-box h1 {
		font-size: 19px;
	}
}

@media only screen and (max-width: 768px) { 
	.latest-news-box h1 {
		font-size: 1.8em;
	}
	
	.gmap {
		height: 300px;
	}
}

@media only screen and (max-width: 600px) { 
	.header {
		height: auto;
	}
	
	.header .logo img {
		margin: 10px 0 0 0;
	}

	.home .home-content-container img {
		float: left;
		width: 180px !important;
	}
	
	.home-content-box ul {
		overflow: auto;
	}
	
}


@media only screen and (max-width: 480px) { 
	.home-content-container img {
		width: 100% !important;
	}	
	.home-content-box ul {
		overflow: visible;
	}
}






.small-block {
	display: block;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 10px;
	text-align: center;
	width: 160px;
}

.small-block img {
	float: none;
	margin: 0 0.5em 0.5em 0.5em;
	width: auto !important;
}

.small-block.narrow {
	margin: 0;
	padding: 0;
	width: auto;
}

.table-wrapper {
    overflow: auto;
    width: 100%;
}


#system-message {
	background: #EFCCCC;
    border-bottom: 3px solid #DF4343;
    border-top: 3px solid #DF4343;
    margin: 20px 0;
    padding: 10px 15px;
}

#system-message .error {
	font-size: 17px;
	color: #cc0000;
}


#system-message .message {
	font-size: 13px;
	color: #424242;
}

#system-message ul {
	margin: 0;
}

#system-message ul li {
	list-style: none;
	margin: 10px 0 0 0;
}

.tooltip {
	display: none !important;
}