/* C5 Toolbar overwrite, does not work once in dashboard
div#ccm-toolbar{ 
    background:#f5f5f5;
    background-image:none;
    box-shadow:none;
    border-bottom:1px solid #ccc}*/

.feature{
    background:#4db848;
    margin-bottom:15px;
    padding:10px;
}

.feature p, .feature h3{
    color:#fff;
    margin:0;
    padding:0;
}

.feature a, .feature a:link, .feature a:visited{
    color:#fff;
}

.feature a:hover, .feature a:focus{
    color:#fff;
}

.acc-img{opacity:1;
}

.acc_title{
    display:block;
    background:none;
    height:60px;
    padding:10px;
    margin-bottom:15px;
    text-align:center;
}

.acc_title:hover{
    display:block;
    background:none;
    height:60px;
    padding:10px;
    margin-bottom:15px;
}

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

.header-a {
	display:none;
	font-size:; 
	height:auto;
	margin-bottom:0;
	padding:0;
	width:100%;
	z-index:100;
	border-bottom:4px solid #555555;	
	}

@media only screen and (max-width: 870px){
  .header-a {
	display:block;
	}	
	
  #navigation {
	display:none; 
	}
}

.btn-feature, .btn-feature:link, .btn-feature:visited,
.btn-enquire, .btn-enquire:link, .btn-enquire:visited {
	display:inline-block;
	width:100%;
	color:#ffffff;
	font-size:18px;
	font-weight:400;
	text-align:center;
	text-decoration:none;
	background:#4db848;
	padding: 8px 20px;
	transition:background .5s ease-in-out;
	  -moz-transition: background .5s ease-in-out;
	  -webkit-transition: background .5s ease-in-out;}
	
.btn-feature:hover, .btn-feature:focus, .btn-feature:active,
.btn-enquire:hover, .btn-enquire:focus, .btn-enquire:active {
	background:#429d3d;
	color:#ffffff;
	text-decoration:none;}

.btn-general, .btn-general:link, .btn-general:visited,
.btn-plan, .btn-plan:link, .btn-plan:visited {
	display:inline-block;
	width:auto;
	color:#999999;
	font-size:14px;
	font-weight:400;
	text-align:center;
	text-decoration:none;
	background: none;
	border: 1px solid #c9c9c9;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
	padding: 6px 20px;
	margin:10px auto;
	transition:background .5s ease-in-out, color .5s ease-in-out;
	  -moz-transition: background .5s ease-in-out, color .5s ease-in-out;
	  -webkit-transition: background .5s ease-in-out, color .5s ease-in-out;}
	
.btn-general:hover, .btn-general:focus, .btn-general:active,
.btn-plan:hover, .btn-plan:focus, .btn-plan:active {
	background:#999999;
	color:#ffffff;
	text-decoration:none;}
	
#page iframe {background:#f6f7f7;padding:2px;}

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


<!-- Font Awesome -->
.fa-star {color:#555555;}
.fa-circle{color:#f68428;}
.fa-phone {color:#fff;}
.fa-fax {color:#fff;}
.fa-envelope-o {color:#fff;}


<!-- Navigation -->
#navigation, #footer-navigation{
  width:auto;
}
#navigation ul, #footer-navigation ul{
  display:table;
  list-style:none;
  margin-bottom:0;
  width:100%;
}
#navigation ul li, #footer-navigation ul li{
  display:table-cell;
  text-align:center;
  width:auto;
}  
#navigation ul li {
	border-right:none;
}
#navigation ul li:last-child {
	border-right:none;
}

#navigation ul li a, #footer-navigation ul li a{
  color:#888; /* nav color */
  display:block;
  font-size:14px;
  font-weight:normal;
  margin:0;
  padding:15px 10px;
  text-decoration:none;
  transition:color .5s ease-in-out, background .5s ease-in-out;
    -moz-transition:color .5s ease-in-out, background .5s ease-in-out;
    -webkit-transition:color .5s ease-in-out, background .5s ease-in-out;
}	
div#navigation  ul li a:hover{	
	background:none;/* hover nav background */
	color:#000;} 
div#navigation ul li a.nav-path-selected, 
div#navigation ul li.nav-selected, 
div#navigation ul li a:active {
	background:none;/* hover nav background */
	color:#000;}
	
div#footer-navigation  ul li a:hover,
div#footer-navigation ul li a.nav-path-selected,
div#footer-navigation ul li.nav-selected,
div#footer-navigation ul li a:active{
	background:none;/* hover nav background */
	color:#000;}

div#navigation	li ul{
	display: none;
}
	
div#navigation ul li ul{
	display:none;
	width:auto;
}
	
div#navigation  ul li ul li{
	display:block;
	width:auto;
}
	
div#navigation ul li ul li a:link,
div#navigation ul li ul li a:visited{
	background:#ccc;
	border-bottom:1px solid #999;
	margin:0;
	padding:10px 20px; 
	text-align:left;
	text-decoration:none;
	width:auto;
	}
	
/* customise subnavigation hover */
div#navigation  ul li ul li:first-child{
}	
	

/* customise subnavigation hover */
div#navigation  ul li ul li a:hover{ 
	color:#000;
	border-bottom:1px solid #999;
	background:#e6e6e6;	
	text-decoration:none;
	}
	
	div#navigation ul li ul li a.nav-path-selected,
	div#navigation ul li ul li.nav-selected,
	div#navigation ul li ul li a:active {
	background:#e6e6e6; /* customise nav active background */
	border-bottom:0;	
	color:#ffffff; 
	}

	div#navigation li:hover ul {
	color:;
	background:;
	display:block;
	position:absolute;
	margin:0;
	}
   
  div#navigation li:hover li	{
	color:;
	background-color:;
	float: none;
	margin:0;
	padding:0;
	}

	
<!-- Links -->
.units-footer-container a,
.units-footer-container a:link,
.units-footer-container a:visited {
    color:#636363;
	text-decoration:none;
	transition:ease-in-out color 1s; }
	
.units-footer-container a:hover,
.units-footer-container a:focus,
.units-footer-container a:active {
	color:#939393;
	text-decoration:none; }
	
.gallery {display:block;}
.gallery ul{margin:0 !important;}
.gallery li{
	list-style:none;
	float:left;
	margin:0;
	width:20%;
	opacity:1;
	transition:opacity ease-in-out .75s;
	-moz-transition:opacity ease-in-out .75s;
	-o-transition:opacity ease-in-out .75s;
	-webkit-transition:opacity ease-in-out .75s;
	-ms-transition:opacity ease-in-out .75s;}

.gallery li:hover {opacity:.5;}