@charset "utf-8";
/*
web development by
www.actualisedesign.com
*/


/* ---------------------- GENERAL ---------------------- */

body {
    margin:0;
	padding:0;
	min-width:990px;
	position:relative;
	height:100%;
	width:100%;
	background-color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
}

a {
	color:#373737;
}

p a:hover {
	text-decoration:none;
}

a img {
	border:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

p {
	font-family:Helvetica, Arial, sans-serif;
	color:#373737;
	font-size:12px;
	line-height:22px;
	margin:0 0 20px 0;
}

sup {
  position: relative;
  top: -0.2em;
  vertical-align:top;
  font-size:x-small;
}


em {

}

strong {

}


	.body {
		width:100%;
		height:auto;
		display:inline-block;		
	}

	.header_row  {
		width:96%;
		display: table;
		margin:0 2% 0 2%;
	}
	
	.body_row  {
		width:96%;
		display:inline-block;
		margin:0 2% 0 2%;
	}
	
	.row  {
		width:100%;
		margin:0 0 0 0;
	}

		.row-table  {
			display:table;
			width:100%;
			height:auto;
			margin:0;
			padding:0;
		}




/* ---------------------- FONTS ---------------------- */

@font-face {
    font-family: 'sm';
    src: url('/fonts/sm.eot');
    src: url('/fonts/sm.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sm.woff') format('woff'),
         url('/fonts/sm.ttf') format('truetype'),
         url('/fonts/sm.svg#sm') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sfsh';
    src: url('/fonts/sfsh.eot');
    src: url('/fonts/sfsh.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sfsh.woff') format('woff'),
         url('/fonts/sfsh.ttf') format('truetype'),
         url('/fonts/sfsh.svg#sfsh') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* ---------------------- HEADER ---------------------- */

#header {
	width:100%;
	height:auto;	
}

	#header .header_row {
		border-bottom:1px solid #e5e5e5;
	}
	

		#header .header_row .row-table {
			margin-top:20px;
			margin-bottom:20px;
		}
	
	
			#header .header_row .row-table .col_1 {
				/*float:left;*/
				width:76.5%;
				height:50px;
				display:table-cell;
				vertical-align:top;
			}
			
			
			#header .header_row .row-table .col_2 {
				/*float:left;*/
				width:23.5%;
				height:50px;
				display:table-cell;
				vertical-align:middle;
				text-align:right;
			}
		
	
				
				#header .header_row .row-table .col_2 > a {
					display:inline-block;
					width:auto;
					height:auto;
					margin:0;
					padding:0;					
				}
		
					#header .logo {
						float:right;
						/*margin:10px 2px 29px 0;*/
						margin:10px 2px 0 0;
						width:223px;
						height:auto;
						max-width:327px;
					}






/* ---------------------- PRIMARY NAVIGATION ---------------------- */

#main-nav {
	margin: 15px 0 0 -10px;
	text-align: left;
	padding:0;
	width:100%;
}
#main-nav li {
	display: inline;
	list-style: none;
}
#main-nav li a {
	color: #b4b9c0;
	font-family:'sm', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:22px;
	
	margin-right: 5px;
	text-decoration: none;
	padding: 5px 10px;
	outline: 0;
}
	#main-nav li a:hover {
		color:#373737;
	}
	
	#main-nav li a:active {
		/*
		color:#373737;
		*/
	}
	
	.hoverActive {
		color:#373737 !important;
	}
	
	.navGrey {
		color:#b4b9c0 !important;
	}
	
		
	#main-nav .active {
		color:#373737;
	}


#sub-link-bar {
	height: 0px;
	width:100%;
	transition:height .4s .1s ease-in; 
}

	.sub-links {
		display: none;
		position: absolute;
		top: 79px;
		text-align: left;
		left: 1.5%;
		padding:0;
		margin:0;
		width:96%;
		opacity:0;
		/*
		transition:opacity .5s ease-in; 
		*/
	}
	
		.sub-links li {
			float:left;
			margin-bottom:5px;

		}
	
		.sub-links li a {
			font-size:15px !important;
		}
	
	#main-nav li .sub-links li a:hover{
		
	}


/* ORIG */

#top-nav {
    width:auto;
    height:auto;
    margin:0;
	padding:0;
	font-size:28px;
	float:left;	
}

#top-nav>ul {
	margin:0;
	padding:32px 0 0 0;
	list-style-type: none;
}

#top-nav>ul>li {
	margin:0 20px 0 -3px;
	color: #b4b9c0;
	font-family:'sm', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:22px;
	
	 float: left;
	 line-height:30px;
	 vertical-align: middle;
	 zoom: 1;
}

	#top-nav>ul>li>a {
		padding:5px 5px 5px 5px;
	}
	
	#top-nav>ul>li:hover {

	}

	#top-nav>ul a:link,
	#top-nav>ul a:visited {
		text-decoration: none;
		color:#b4b9c0;
	}
	
	#top-nav>ul a:hover	{
		color:#eb2b30;
	}
	
	#top-nav>ul a:active,	
	#top-nav>ul .active {
		/*
		color:#373737 !important;
		*/
	}







/* ---------------------- FOOTER ---------------------- */

#footer {
	width:100%;
	height: 80px; 
	margin:0 0 0 0;
}

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}

	#footer .header_row {

	}
	
		#footer .header_row .website-by-link {
			float:right;
			color:#e4e4e4;
			font-size:11px;
			text-decoration:none;	
			margin:30px 0 0 0;
		}
		
			#footer .header_row .website-by-link:hover {
				color:#868686;
			}





/* ---------------------- HOME ----------------------------------------------------------------------------------------------------------------------------------------- */

#home {
	position:relative;
}

	.header-home {
		position:absolute;
		top:0;
		left:0;
		z-index:100;
		height:217px !important;
		background-image:url(images/home_hero-shade-top.png);
		background-repeat:repeat-x;
	}
	
	
	.header-home .header_row {
		border-bottom:none !important;
		background-image:url(images/header_line-transparent.png);
		background-position:bottom left;
		background-repeat:repeat-x;
	}	
	
	.header-home #main-nav li a {
		color: #FFF;
	}
	
		.header-home #main-nav li a:link,
		.header-home #main-nav li a:visited {
			color:#FFF;
		}
		
		.header-home #main-nav li a:hover	{
			color:#eb2b30;
		}

	


	
/* ---------------------- Slider ---------------------- */

		#home-hero {
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			
		}
		
		#home-hero li {
				width:100%;
				height:100%;
				text-align:center;
				background-position:center center !important;
				  -webkit-background-size: cover;
				  -moz-background-size: cover;
				  -o-background-size: cover;
				  background-size: cover;
				display:none;
				position:relative;
		}
				
			#home-hero li p {
				position:absolute;
				bottom:70px;
				left:0;
				z-index:110;
				width:100%;
				text-align:center;
				font-family:'sfsh', Helvetica, Arial, sans-serif;
				color:#FFF;
				font-size:22px;
				text-transform:lowercase;
			}
			
				#home-hero li p a {
					color:#FFF;
					text-decoration:none;
				}
				
					#home-hero li p a:hover {
						color:#eb2b30;
					}
			
			#home .shading {
				/*
				position:absolute;
				bottom:0;
				left:0;
				z-index:90;
				width:100%;
				height:240px;
				background-image:url(images/home_hero-shade-bottom.png);
				background-position:bottom left;
				background-repeat: repeat-x;
				*/
			}
			
			#home .AIP {
				position:absolute;
				bottom:37px;
				left:41px;
				z-index:110;
			}
			
			#home .website-by-link {
				position:absolute;
				bottom:37px;
				right:41px;
				z-index:110;
				color:#FFF;
				font-size:11px;
				text-decoration:none;	
				margin:0 0 0 0;
				zoom: 1;
				filter: alpha(opacity=15);
				opacity: 0.15;
			}
			
				#home .website-by-link:hover {
					filter: alpha(opacity=50);
					opacity: 0.5;
				}
			
			
		#home-hero .first,
		#home-hero li:first-of-type {
			display:block;
			height:1080px;
		}
				
			#home-hero .one  {
				background-image:url(images/home_hero-img_1.jpg);	
			}
			
			#home-hero .two  {
				background-position:center center;
				background-image:url(images/home_hero-img_2.jpg);	
			}
			
			#home-hero .three  {
				background-position:center top;
				background-image:url(images/home_hero-img_3.jpg);	
			}
			
			#home-hero .four  {
				background-image:url(images/home_hero-img_4.jpg);	
			}
			
			#home-hero .five  {
				background-image:url(images/home_hero-img_5.jpg);	
			}
			
		
		.bx-wrapper {
			margin: 0 auto 0 !important;
		}
		
		



/* ---------------------- PROJECTS ----------------------------------------------------------------------------------------------------------------------------------------- */

.projects .header_row {
	padding:84px 0 120px 0;
}

	.projects .header_row .container {
		width:103%;
		width: calc(100% + 55px);
		display:inline-block;
		margin:0 0 0 -55px;
		padding:0;
	}
		
		.projects .item {
			display:inline-block;
			float:left;
			width:265px;
			/*
			width:262px;
			*/
			margin:0 0 49px 51px;
			border-bottom:1px solid #e5e5e5;	
		}
		
			.projects .item>a,
			.projects .item>a>div {		
				margin:0;
				padding:0;
				width:265px;
				height:200px;	
				/*
				width:262px;
				height:198px;	
				*/
			}
			
			.projects .item>a>div {
				background-size:cover;
				background-position:center center;		
				-webkit-transition: width 1s ease-out, height 1s ease-out;
				-moz-transition: width 1s ease-out, height 1s ease-out;
				-o-transition: width 1s ease-out, height 1s ease-out;
				transition: width 1s ease-out, height 1s ease-out;
			}
			
			.projects .item>a {
				width:100%;
			}
			
			.projects .item>a>div {
				float:left;				
			}
		
			.projects .item p {
				font-family:'sfsh', Helvetica, Arial, sans-serif;
				color:#b4b9c0;
				font-size:22px;
				text-transform:lowercase;
				
				letter-spacing:0.045em;
				
				margin:0 0 0 0;
				padding:0;
			}
			
				.projects .item p a {
					color:#b4b9c0;
					text-decoration:none;
					width:100%;
					padding:12px 0 12px 0;
					display:inline-block;
				}
				
					.projects .item:hover a, 
					.projects .item p a:hover {
						color:#eb2b30;
					}


/* ---------------------- PROJECTS - CATEGORY ----------------------------------------------------------------------------------------------------------------------------------------- */

#projects-category .title {
	color: #eb2b30;
	font-family:'sm', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:22px;
	margin:0 0 45px 0;
	padding:0;
}

#projects-category .header_row {
	padding:40px 0 120px 0;
}


.projects .row {
	margin:40px 0 0 0;	
}


	.projects .back {
		float:right;
		margin:0 15px 0 0;	
	}


/* ---------------------- PROJECTS - DETAIL ----------------------------------------------------------------------------------------------------------------------------------------- */



#projects-detail .header_row {
	margin-top:37px;
	margin-bottom:50px;
}

	#projects-detail .col_1 {
		width:18%;
		display:table-cell;
		vertical-align:top;
	}
	
		#projects-detail .col_1 p {
			width:80%;
			min-width:80%;
			display:inline-block;
		}
	
		#projects-detail .col_1 .title {
			font-family:'sfsh', Helvetica, Arial, sans-serif;
			color:#eb2b30;
			font-size:22px;
			text-transform:lowercase;
			letter-spacing:0.05em;
		}
	
	
	#projects-detail .col_2 {
		width:69%;
		display:table-cell;
		vertical-align:top;
	}
	
	
	#projects-detail .col_3 {
		width:13%;
		display:table-cell;
		vertical-align:top;
		position:relative;
		text-align:right;
	}
	
		#projects-detail .col_3 .backSit {
			display:inline-block;
			margin-top:9px;
		}
	
		#projects-detail .col_3 .back {
			display:inline-block;
			position: absolute;
			bottom:25px;
			right:0;
		}
		
		@-moz-document url-prefix() { 
			#projects-detail .col_3 .back {
				right:30px;
			}
		}
			

/* ---------------------- Gallery ---------------------- */

		#project-detail-hero,
		#project-detail-hero-solo {
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#project-detail-hero li,
		#project-detail-hero-solo li {
			
			height: 600px;
			margin-bottom:20px;
			background-position: top left;
			background-repeat: no-repeat;
			background-size: contain;
			-ms-behavior: url(backgroundsize.min.htc);  
		}
		
		#project-detail-hero li:first-of-type,
		#project-detail-hero-solo li:first-of-type {
			display:block;	
		}

		
		.bx-wrapper {
			margin: 0 auto 0 !important;
		}
		
		#project-detail-pager {
			width:100%;
			max-width:100px;
			height:auto;
			margin:-10px 0 0 0;
			padding:0;
			text-align:right;
			float:right;
		}
		
		#project-detail-pager a {
			display:none;
			margin:10px 0 8px 5px;
			padding:0;
			width:40px;
			height:48px;
			overflow:hidden;
		}
		
			#project-detail-pager a img,
			#project-detail-pager a > div {
				margin:0;
				padding:0;
				width:40px;
				height:48px;
				display:inline-block;
				background-size:cover;
				float:left;
				zoom: 1;
				filter: alpha(opacity=30);
				opacity: 0.3;
			}
			
			#project-detail-pager a.active img,
			#project-detail-pager a.active > div {
				filter: alpha(opacity=100);
				opacity: 1;
			}
			
			#project-detail-pager a:hover img {
			
			}



/* ---------------------- ABOUT ----------------------------------------------------------------------------------------------------------------------------------------- */

#about .item p a {
	font-family:'sm', Helvetica, Arial, sans-serif;
	letter-spacing:0;
	font-size:20px;
	font-weight:normal;
	text-transform:none;
}


/* ---------------------- SERVICES ----------------------------------------------------------------------------------------------------------------------------------------- */


#about-services .header_row {
	margin-top:37px;
	margin-bottom:50px;
}

	#about-services .col_1 {
		width:50%;
		display:table-cell;
		vertical-align:top;
	}
	
		#about-services .col_1 p {
			width:90%;
			margin-bottom:20px;
		}
	
		#about-services .col_1 .title {
			font-family:'sm', Helvetica, Arial, sans-serif;
			font-size:22px;
			color:#eb2b30;
			margin:20px 0 30px;
			padding:0;
		}
	
	
	#about-services .col_2 {
		width:50%;
		display:table-cell;
		vertical-align:top;
		position:relative;
	}
			
		@-moz-document url-prefix() { 
			#about-services .col_3 .back {
				right:30px;
			}
		}


#about-services .row {
	margin:0px 0 50px 0;	
}

	.row .back {
		float:right;
		margin:0 0 0 0;	
	}
	
		#about-services .col_1 ul {
			width:80%;
			list-style-type: square;
			padding:0 0 20px 20px;
			margin:0 0 0 0;
		}
		
			#about-services .col_1 ul li {
				font-family:Helvetica, Arial, sans-serif;
				background-image:url(images/icon_list-dot-blue-square.gif);
				background-repeat:no-repeat;
				background-position:0px 7px; 
				padding:0 0 7px 0;
				line-height:18px;
				font-size:13px;
				color:#373737;
			}

/* ---------------------- Gallery ---------------------- */

		#about-general-hero {
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			
		}
		
		#about-general-hero li {
				width:auto;
				height:auto;
				text-align:center;
		}
		
		#about-general-hero .first {
			display:block;
			padding-top:75px;
				
		}
		
				#about-general-hero li img {
					width:100%;
					height:auto;
					/*			
					max-width:100%;
					max-height:100%;
					*/
					margin:0;
					float:right;
				}
				
					#about-general-hero li .portrait {
						width:auto;
						height:100%;
					}
				
		
		#about-services .bx-controls {
			display:none;			
		}







/* ---------------------- MEDIA - SUMMARY ----------------------------------------------------------------------------------------------------------------------------------------- */

.media-summary .header_row {
	padding:84px 0 120px 0;
}

	.media-summary .header_row .container {
		width:103%;
		width: calc(100% + 39px);
		display:inline-block;
		margin:0 0 0 -39px;
		padding:0;
	}
		
		.media-summary .item {
			display:inline-block;
			float:left;
			width:273px;
			height:500px;
			/*height:auto;*/
			margin:0 0 49px 35px;
		}
		
				.media-summary a img {
					width:273px;
					height:auto;
				}
		
		
		
			.media-summary .item .title {
				margin:15px 0 5px 0;
				line-height:20px;
			}
			
			.media-summary .item .title a {
				font-family:Arial, Helvetica, sans-serif;
				color:#373737;
				font-size:16px;
				font-weight:bold;
				text-transform:uppercase;
				text-decoration:none;
				margin:0;
			}
			
				.media-summary .item .title a:hover {
					color:#eb2b30;
				}

			.media-summary .item .date {
				color:#a6a6a6;
				font-size:14px;
				font-style:italic;
				margin:0 0 12px 0;
			}
			
			.media-summary .item .desc {
				margin:0;
			}

/* ---------------------- MEDIA - DETAIL ----------------------------------------------------------------------------------------------------------------------------------------- */

#media-detail .header_row {
	margin-top:37px;
	margin-bottom:50px;
	display:table;
}

	#media-detail .col_1 {
		float:left;
		width:25%;
		display:table-cell;
		vertical-align:top;
		/*
		-webkit-transition: width .5s ease-out;
		-moz-transition: width .5s ease-out;
		-o-transition: width .5s ease-out;
		transition: width .5s ease-out;
		*/
	}
	
		#media-detail .col_1 .item {
			width:90%;
		}
	
	
			#media-detail .item .title {
				margin:15px 0 5px 0;
				line-height:20px;
				font-family:Arial, Helvetica, sans-serif;
				color:#eb2b30;
				font-size:16px;
				font-weight:bold;
				text-transform:uppercase;
				text-decoration:none;
			}

			#media-detail .item .date {
				color:#a6a6a6;
				font-size:14px;
				font-style:italic;
				margin:0 0 12px 0;
			}
			
			#media-detail .item .desc {
				margin:0;
			}
	
	
	#media-detail .col_2 {
		float:left;
		width:75%;
		display:table-cell;
		vertical-align:top;
		position:relative;
		text-align:left;
		/*
		-webkit-transition: width .5s ease-out;
		-moz-transition: width .5s ease-out;
		-o-transition: width .5s ease-out;
		transition: width .5s ease-out;
		*/
	}
	
		#media-detail .col_2 .container img {
			margin:0 20px 20px 0;
			max-width:738px;
			max-height:430px;
		}
	
			
#media-detail .body_row {


}

#media-detail .row {
	margin:0px 0 150px 0;
	display:inline-block;	
}

	.row .back {
		float:right;
		margin:0 0 0 0;	
	}
	
	
/* ---------------------- CONTACT ----------------------------------------------------------------------------------------------------------------------------------------- */

#contact {
	margin-bottom:90px;
}



#contact .header_row {
	margin-top:50px;
	margin-bottom:50px;
	display:table;
}

	#contact .col_1 {
	
		width:18%;
		display:table-cell;
		vertical-align:top;
		-webkit-transition: width .5s ease-out;
		-moz-transition: width .5s ease-out;
		-o-transition: width .5s ease-out;
		transition: width .5s ease-out;
	}


		#contact .col_1 p  {
			font-size:14px;		
		}
		

		#contact .col_1 .business  {
			text-transform:uppercase;
			font-weight:bold;
			color:#eb2b30;
			font-size:16px;
			margin:0 0 3px 0;	
							
		}
		
		#contact .col_1 .sub-line  {
			color:#a6a6a6;
			font-style:italic;	
		}
		
		
		#contact .col_1 .address  {
			line-height:22px;

		}
		
		#contact .col_1 .phone span,
		#contact .col_1 .fax span,
		#contact .col_1 .email span {
			width:20px;
			font-weight:bold;
			display:inline-block;			
		}
		
		#contact .col_1 .phone  {
			margin:0 0 3px 0;	
		}
		
		#contact .col_1 .fax  {
			margin:0 0 19px 0;	
		}
		
		#contact .col_1 .email a  {
			text-decoration:none;
		}

			#contact .col_1 .email a:hover  {
				text-decoration: underline;
			}
		
	#contact .col_2 {
		
		width:82%;
		display:table-cell;
		vertical-align:top;
		position:relative;
		text-align:left;
		-webkit-transition: width .5s ease-out;
		-moz-transition: width .5s ease-out;
		-o-transition: width .5s ease-out;
		transition: width .5s ease-out;
	}
	
		#map-canvas {
			width:100%;
			height:500px;
		}



/* ---------------------- ISOTOPE ----------------------------------------------------------------------------------------------------------------------------------------- */

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */