/* Website Layout */
/* By Heartburst Digital */
/* http://www.heartburst.com.au/ */

/* #MAIN LAYOUT# */
html,
body
{
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
	min-height: 100%;
	top: 0;
	background: #fff;
	font-family:'Lato', Arial, sans-serif;
	font-size:16px;
	line-height:22px;
	color:#363636;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
img, embed, object, video, iframe {
	max-width:100%;
}
.cc /* Content Center */ {
	margin:0 auto;
	width: 62.5%; /* 1200 / 1920 */
	max-width: 1200px;
}

a {
	color:#464646;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
	cursor:pointer;
}
a, img {
    border:none;
    outline:none
}
/*section:before { 
  display: block; 
  content: " "; 
  margin-top: -230px; 
  height: 230px; 
  visibility: hidden; 
}*/
.mobContent {display:none;}

p {
	font-size:1.875em;/*30px*/
	line-height:50px;
	font-weight:100;
	margin:0 0 25px;
}


/* Headings */
h2 {
	font-size: 3.125em; /*50px*/
	font-weight:300;
	margin: 0 0 30px;
	color: #004483;
	line-height: 50px;
	text-transform:uppercase;
}
h3 {
	font-size: 2.1875em; /*35px*/
	font-weight:300;
	margin: 0 0 40px;
	color: #004483;
	line-height: 35px;
	text-transform:uppercase;
}
h4 {
	font-size:1.875em; /* 30 */
	font-weight:200;
	color:#00aceb;
	line-height:30px;
	margin:30px 0 0 0;
}
h5 {
}

/* Header */
header {
	padding: 0;
    width: 100%;
    background:url(../img/bg-header.png);
    position: fixed;
    z-index: 10000;
    border-bottom: 1px solid #ccc;
}
.logo {
	float:left;
	margin:30px 0 32px;
}
#TopNav {
	float:right;
}
#trigger {
	display:none;
	float: right;
    margin: 45px 0 0 0;
}



/* Banner */
#banner {
	width:100%;
	position:relative;
	max-width: 1920px;
    margin: 0 auto;
}




/* Main */
main {
	width:100%;
	position:relative;
	text-align:center;
}

	/* about */
	#about {
		margin:80px 0 90px;
		position:relative;
	}
	#aboutAnchor {
		position:absolute;
		left:0;
		top:-215px;
	}
	

	/* expertise */
	#expertise {
		background:url(../img/bg-pattern.png);
		padding:85px 0 100px;
		position:relative;
	}
	#expertiseAnchor {
		position:absolute;
		left:0;
		top:-135px;
	}
	#expertise .colLeft, #expertise .colRight {
		margin-top:50px;
	}
	
	/* services */
	#services {
		margin-top:80px;
		position:relative;
	}
	#servicesAnchor {
		position:absolute;
		left:0;
		top:-215px;
	}
	#services p {
		font-size:25px;
		font-weight:400;
		text-align:left;
	}
	#services ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#services ul li {
		float:left;
		width:40%;
		text-align:left;
		font-size:25px;
		font-weight:100;
		background:url(../img/bg-li.png) no-repeat left 6px;
		padding-left:40px;
		line-height:30px;
		margin:10px 5% 10px 0;
	}
	#services h3 {
		clear:left;
		margin-top:95px;
	}



	/* projects */
	#projects {
		background:url(../img/bg-pattern.png);
		padding:115px 0 65px;
		position:relative;
	}
	#projectsAnchor {
		position:absolute;
		left:0;
		top:-260px;
	}
	#topTriangle {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:50px;
		background:url(../img/bg-toptriangle.png) no-repeat top center;
	}
	.colLeft {
		float:left;
		width: 49.416666666667%; /* 593 / 1200 */
	}
	.colRight {
		float:right;
		width:49.416666666667%;
	}
	#projects .colRight img {
		float:left;
		width:49%;
		margin-right:2%;
	}
	
	
	
	
	/* clients */
	#clients {
		margin:75px 0 100px;
		position:relative;
	}
	#clientsAnchor {
		position:absolute;
		left:0;
		top:-210px;
	}
	#logoParade {
		width: 100%;
		height: 130px;
		position: relative;
		margin:auto;
	}
	#logoParade a {
		cursor:default;
	}
	.slick-prev, .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 0px;
		display: block;
		width: 45px;
		height: 130px;
		padding: 0;
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
	}
	.slick-prev {
		left:-90px;
		background:url(../img/btn-arrow-l.png);
	}
	.slick-next {
		right:-50px;
		background:url(../img/btn-arrow-r.png);
	}
	
	
	
	
	/* community */
	#community {
		background:url(../img/bg-community.jpg);
		padding:85px 0 113px;
		position:relative;
	}
	#communityAnchor {
		position:absolute;
		left:0;
		top:-135px;
	}
	#commLogos {
		margin-top:45px;
	}
	#commLogos a {
		margin: 0 2.5%; /* 30 / 1200 */
	}
		
		
	
	
	
	
	/* contact */
	#contact {
		text-align:left;
		margin:85px 0 120px;
		position:relative;
	}
	#contactAnchor {
		position:absolute;
		left:0;
		top:-210px;
	}
	#contact h3 {
		font-size: 2.5em; /* 40 */
		margin-bottom:25px;
	}
	#contact .colLeft, #contact .colRight {
		width: 47.916666666667%; /* 575 / 1200 */
	}
	
	#contact p {
		font-size:1.5625em; /* 25 */
		background-image:url(../img/icons-footer.png);
		background-repeat:no-repeat;
		padding:1px 0 2px 65px;
		font-weight:300;
		margin-bottom:15px;
		line-height:50px;
	}
	#contact strong {
		font-weight:400;
	}
	
	#fax {
		background-position:0px -66px;
	}
	#email {
		background-position:0px -131px;
	}
	#postal {
		background-position:0px -196px;
	}


/* Footer */
footer {
	background:#464646;
	width:100%;
	position:relative;
	text-align:center;
}
footer p.copyright {
	margin:0 auto;
	color:#FFFFFF;
	font-size:1em;
	padding:30px 0;
}