*[hidden] { display: none; }
#mti_wfs_colophon{display:none !important;}
      body {
		font-family:'VAG Rounded W01 Light',sans-serif;
		background:url(../images/bg.jpg);
      }
	  h1, h2, h3, h4, h5, h6 {font-family:'VAG Rounded W01 Bold',sans-serif; font-weight:normal;}
	  h1 { font-size:52px; line-height:50px;}
	  h2 { font-size:30px; line-height:30px; margin-top:15px;}
	  h3 { font-size:30px; line-height:30px; margin-top:15px; color:#fff;}
	  
	  a, a:hover, a:active, a:focus{outline:none;}
	  
	  .home h1, .home h2{color:#37b6ab; }
	  .home .container h1{text-shadow: 2px 2px #ccc;}
	  
	  .home h2{font-size:24px; margin-top:0;}
	  .home h3{font-family:'VAG Rounded W01 Thin',sans-serif; font-size:22px; color:#7b7b7b; font-weight:normal;}
	  
	  
	  .homefeature{margin-bottom:50px; z-index:1;  }
	  .homefeature img{z-index:0;}
	  .home .container .homefeature h1{ background:rgba(55,182,171,0.8); color:#fff; font-size:25px; margin-top:-40px; line-height:30px; padding:5px 15px 5px 15px; float:left; z-index:99; position:relative; text-shadow:none;}
	  
	 /* .home .header{position:absolute; z-index:99999}*/
	  
	  .header{margin-top:0px;padding-top:20px;display:block; width:100%; z-index:9999; text-align:center;background:url(../images/bg.jpg);}
	 .how .header, .whatwedo  .header{ padding-bottom:20px;}
	  .header .logo{ }
	  
	  
	  .header nav{ z-index:999; width:auto;
	  background-color:transparent;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out; }
   .header #nav{padding-bottom:10px; padding-top:10px;}
	  .header nav ul{margin:0; list-style:none;padding:0;padding-right:0px;  margin-top:2px;}
	  .header nav ul li{ display:inline-block; font-family:'VAG Rounded W01 Thin',sans-serif; font-size:18px; text-align:left; }
	  .header nav ul li a{ text-decoration:none;padding:8px 10px 8px 10px;color:rgba(0,0,0,0.6); text-shadow: 1px 1px #fff;
	  -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition:  color 1s;
    -ms-transition: color 1s;
    transition: bcolor 1s;}
	  .header nav ul li a:hover, .header nav ul li.active a, .header nav ul li ul li a{ color:rgba(55,182,171,1);}
	  .header nav ul li.active li.active a{ }
	  .header nav ul li ul{display:none; }
	  
	  .header nav ul li li a{/* border:1px solid #333; border-radius:8px;*/}
	  .header nav ul li li a.webdesign{background-image:url(/images/subnav/web.png); background-position:left; background-repeat:no-repeat; text-indent:50px;}
	  .header nav ul li li a.webdev{background-image:url(/images/subnav/dev.png); background-position:left; background-repeat:no-repeat; text-indent:50px;}
	  .header nav ul li li a.ecom{background-image:url(/images/subnav/ecom.png); background-position:left; background-repeat:no-repeat; text-indent:50px;}
	  .header nav ul li li a.email{background-image:url(/images/subnav/email.png); background-position:left; background-repeat:no-repeat; text-indent:50px;}
	  .header nav ul li li a.cms{background-image:url(/images/subnav/cms.png); background-position:left; background-repeat:no-repeat; text-indent:50px;}
	  .header nav ul li li a.book{background-image:url(/images/subnav/book.png); background-position:left; background-repeat:no-repeat; text-indent:50px;}
	  .header nav ul li li a.response{background-image:url(/images/subnav/response.png); background-position:left; background-repeat:no-repeat; text-indent:50px;}
	  .header nav ul li li a.anything{background-image:url(/images/subnav/anything.png); background-position:left; background-repeat:no-repeat; text-indent:50px;}
	  
	  /*.header nav ul li.active ul{display:block; position:absolute; float:right; right:0; margin-top:1px;}
	  .header nav ul li.active ul a{background:rgba(255,255,255,0.6); color:#666}
	  .header nav ul li.active ul li{margin-left:1px;}
	  .header nav ul li.active ul li.active a, .header nav ul li.active ul li:hover{background:rgba(255,255,255,0.5); color:#333;}
	  */
	  
	  .homebox{ clear:both;margin-top:50px;}
	  .port{float:left;margin-left:2px;margin-bottom:3px;}
	  .land{float:left; margin-left:6px;margin-bottom:8px; position:relative;}
	  .box{margin:0 5px 5px 0; width:365px; height:176px;}
	  #container{margin-left:30px;}
	  
	  .homebox article{position:absolute; z-index:99;}
	  .homebox h1{background:url(../images/white-80.png); font-family:'VAG Rounded W01 Light'; font-size:24px; line-height:22px; float:left; padding:10px 10px 10px 8px;margin-top:15px; color:#000;}
	  .homebox h3{ font-size:12px; line-height:10px; float:left; clear:both;font-family:'VAG Rounded W01 Bold';}
	  .homebox h3 a{display:block; background:#1198d0; padding:5px 8px 5px 8px;margin-bottom:1px; color:#fff; text-decoration:none;}
	  .homebox h3 a:hover{background:#666;}
	  
	  .homebox .land article{position:absolute; bottom:0; width:100%;}
	  .homebox .land article h3{ clear:none; margin-left:1px;}
	  .homebox a{width:365px; height:176px; display:block; position:absolute;  z-index:999; background:#000;opacity: 0.3;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
   	 .homebox a:hover{opacity:0;}
	   .homebox .landscape{width:252px; height:358px;}
	   .homebox .landscape a{width:252px; height:358px;}
	   .homebox span{width:300px; display:block;}
	 
	 .what_we_do{ margin-top:50px;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;background:rgba(204,204,204,0.3);padding:50px 0 50px 0;}
	 .whatwedo .container h1{ text-align:center;} 
	 .whatwedo .container p{text-align:center; color:#999; font-size:22px;margin-top:10px;  margin-bottom:20px;}
	 .what_we_do h3{font-family:'VAG Rounded W01 Bold'; color:#a5a5a5; font-size:44px; float:left;}
	 .what_we_do h3 small{font-size:30px;}
	 .what_we_do img{float:left;}
	 .what_we_do .skills{float:left;margin-left:20px;margin-top:8px; }
	 .what_we_do .skills h2{color:#c0c0c0; text-transform:uppercase; font-size:20px; font-weight:normal; font-family:'VAG Rounded W01 Light'}
	 .what_we_do .skills ul{margin:0;padding:0; list-style:none;display:table-row; border:1px solid aqua}
	 .what_we_do .skills li{float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-right:20px;  vertical-align: middle; height:30px;display: table-cell; line-height:18px; }
	 .what_we_do .skills li a{ display:table-cell;vertical-align: middle;height:30px; color:#000;}
	 
	 
	 .what_we_do_home{margin-top:50px;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;background:rgba(204,204,204,0.3);padding:50px 0 50px 0;}
	 .what_we_do_home .what::after{clear:both;}
	 .what_we_do_home .what::before, .what_we_do_home .what::after{display:table; content:"";}
	 
	 .what_we_do_home section{}
	 .what_we_do_home section article{border:1px solid #00964a; border-radius:10px; width:20%; background:#00964a; text-align:center; float:left; margin-right:10px; margin-bottom:10px;}
	 .what_we_do_home section article img{width:100%;}
	 .what_we_do_home section article div{border-radius:10px;width:99%;height:138px;border:1px solid #00783b;background:#00783b}
	 
	 .what_we_do_home section article.webdev{border-color:#00b0ca; background:#00b0ca;}
	 .what_we_do_home section article.webdev div{ border-color:#008da2; background:#008da2;}
	 .what_we_do_home section article.ecom{border-color:#ca7700; background:#ca7700;}
	 .what_we_do_home section article.ecom div{ border-color:#a25f00; background:#a25f00;}
	 .what_we_do_home section article.cms{border-color:#830096; background:#830096;}
	 .what_we_do_home section article.cms div{ border-color:#690078; background:#690078;}
	 .what_we_do_home section article.email{border-color:#005596; background:#005596;}
	 .what_we_do_home section article.email div{ border-color:#004478; background:#004478;}
	 .what_we_do_home section article.booking{border-color:#e1ca05; background:#e1ca05;}
	 .what_we_do_home section article.booking div{ border-color:#b4a204; background:#b4a204;}
	 .what_we_do_home section article.responsive{border-color:#ff7e00; background:#ff7e00;}
	 .what_we_do_home section article.responsive div{ border-color:#cc6500; background:#cc6500;}
	 .what_we_do_home section article.digital{border-color:#960b00; background:#960b00;}
	 .what_we_do_home section article.digital div{ border-color:#780900; background:#780900;}
	 
	 .what_we_do_home section article{background:rgba(255,255,255,0.3) !important; border:1px solid rgba(255,255,255,0) !important;}
	 .what_we_do_home section article div{background:rgba(255,255,255,0.5) !important; border:1px solid rgba(255,255,255,0) !important;}
	 
	 .what_we_do_home section article h1{font-size:22px; color:#00783b}
	 .what_we_do_home section article p{color:#333; font-size:12px; margin-left:15px; margin-right:15px;}
	 
	.what_we_do_home section article.webdev h1{color:#008da2;}
	 .what_we_do_home section article.ecom h1{color:#a25f00;}
	 .what_we_do_home section article.cms h1{color:#690078;}
	 .what_we_do_home section article.email h1{color:#004478;}
	 .what_we_do_home section article.booking h1{color:#b4a204;}
	 .what_we_do_home section article.responsive h1{color:#cc6500;}
	 .what_we_do_home section article.digital h1{color:#780900;}
	 
	.how .header{position:relative;}
	 
	 .what_detail{width:75%; float:left}
	 .what_detail p{font-size:18px; color:#7b7b7b; line-height:1.6em;margin-top:15px;}
	 
	 aside.contact{width:20%; float:right; margin-top:70px;}
	 aside.contact h1{font-size:21px; color:#333;  font-family:'VAG Rounded W01 Light'; margin-bottom:8px; line-height:21px; margin-top:20px; }
	 aside.contact div{border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding-bottom:15px;}
	 aside.contact p{font-size:14px; color:#7b7b7b; line-height:1.6em; margin-top:0;}
	 aside.contact ul{width:100%;  margin:0;padding:0; list-style:none;}
	 aside.contact ul li{ color:#000; margin-bottom:8px; }
	 aside.contact ul li.web a{ background:url("/images/what-we-do-details/web-enquiry.png") left no-repeat; display:block;text-indent:37px; padding-top:8px; font-size:14px; font-family:'VAG Rounded W01 Bold'; color:#000;}
	 aside.contact ul li.tel a{ background:url("/images/what-we-do-details/phone-enquiry.png") left no-repeat; display:block;text-indent:37px; padding-top:8px; font-size:14px; font-family:'VAG Rounded W01 Bold'; color:#000;}
	 
	 /* updates to new what detail pages */
	 
		.what_detail{background:#fff;}
		.what_detail .copy {float:left;width:65%; padding-top:20px;}
		.what_detail .copy h1, .what_detail .copy h2, .what_detail .copy p{margin-left:20px; margin-right:15px;}
		.what_detail .copy p{font-size:15px;}
		.what_detail .image_feature{width:35%; float:left;margin-top:80px;}
		.what_detail .image_feature img{width:100%;}
		
		aside.contact{background:#fff;padding:20px 20px 20px 20px;margin-top:0;}
	
	/* -------------------------------- */
	 
	 
	.how_we_work{margin-top:50px;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;background:#f4f4f4;padding:50px 0 50px 0;}
	.how_we_work .block{ float:left; width:32%; margin-right:0px;}
	.how_we_work .number{background:#37b6ab; border:1px solid #37b6ab; border-radius:360px; width:50px; height:50px; float:left;}
	.how_we_work .number p{font-size:30px; color:#fff; font-family:'VAG Rounded W01 Bold'; text-align:center; line-height:53px; font-weight:normal; margin-left:0;}
	.how_we_work article{float:left; width:75%;margin-left:10px;}
	.how_we_work article h1{color:#000; font-size:24px; text-align:left !important;}
	.how_we_work article img{float:left;}
	.how_we_work article p{font-size:16px; font-family:'VAG Rounded W01 Thin'; color:#666; line-height:23px; font-weight:normal;}
	.how_we_work .fourth{clear:both;}
	.how_we_work .fifth{float:right;}
	.how_we_work .fourth, .how_we_work .fifth{margin-top:20px; width:45%;}
	.how_we_work .fourth article, .how_we_work .fifth article{width:80%;}
	.how_we_work .fourth img, .how_we_work .fifth img{margin-right:8px;}
	 .how .container h1, .how .container h3{ text-align:center;}
	
	 
	 	.detail h1{ background:#fff; padding:8px 10px 8px 20px; position:absolute; left:10px; margin-left:-10px;  top:140px;}
	 	.detail a.link{background:#1198d0; color:#fff;  padding:5px;margin-top:120px; float:left;margin-right:2px;}
		.detail .copy{ clear:both; background:#fff;}
		.detail section{ padding-top:15px; padding-bottom:5px;}
		.detail section h2{font-family:'VAG Rounded W01 Thin'; font-size:18px; line-height:20px;margin-bottom:10px;}
		.detail section p{font-family:'VAG Rounded W01 Thin';font-size:14px; margin-bottom:12px; margin-top:12px;}
		.detail aside{margin-top:30px;}
		.detail aside p{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
		.detail aside h3{color:#333; font-size:15px; line-height:1.2em; margin-top:0;margin-bottom:12px;font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
	 
	   .footer{width:100%; background:#39383a;margin-top:80px; font-family:Georgia, "Times New Roman", Times, serif;padding-bottom:20px;}
	   .footer h1{color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;margin-top:50px; line-height:16px;margin-bottom:20px; text-shadow:none !important; text-align:left !important; }
	   .footer time{font-size:12px; color:#666;margin-top:15px; margin-bottom:0px; line-height:15px;}
	   .footer p{color:#999;margin-top:5px;margin-right:20%; font-size:12px !important; text-align:left !important;}
	   .footer article h1{margin-top:15px; font-size:12px; line-height:15px; margin-bottom:5px;}
	   
	   .footer .address span{color:#999; font-size:12px; clear:both; display:block;}
	   
	   .footer a{ color:#37b6ab;}
	   
	   .nomargin{margin-left:10px !important;}
	   
/* BG IMAGES */
/* I wanted to center my loader */
			#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				z-index:999;
			}
			
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;
				position:fixed !important;
			}
			
			/*I want to style my pager*/
			#cycle-nav {
				position:absolute;
				right:10px;
				top:10px;
			}
			#cycle-nav ul {
				list-style-type:none;
			}
			#cycle-nav ul li {
				border:1px solid #ffffcc;
				float:left;
				margin:4px;
			}
			#cycle-nav ul li a {
				background:#ffffcc;
				float:left;
				height:10px;
				margin:2px;
				width:10px;
			}
			#cycle-nav ul li.activeSlide {
				border:1px solid #ff6600;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
			/*Set my logo in bottom left*/
			#logo {
				bottom:30px;
				height:auto;
				left:30px;
				position:absolute;
				width:34%;
				z-index:1000;
			}
			#logo img {
				width:100%;
			}
			
			#arrow_left, #arrow_right {
				bottom:30px;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index:1000;
			}
			#arrow_left {
				right:86px;
			}
			
			#arrow_left:hover, #arrow_right:hover {
				bottom:29px;
			}
			#arrow_left:active, #arrow_right:active {
				bottom:28px;
			}
			
			a {color:#666;text-decoration:none;}
			a:hover {text-decoration:underline;}
			
			.in-slide-content { 
				color:#333;
				float:right;
				font-family:'Helvetica Neue', helvetica;
				font-size:60px;
				font-weight:bold;
				right:0;
				margin:40px;
				padding:20px;
				position:absolute;
				top:0;
				width:700px;
				z-index:9999; /* Show above .gradient */
				text-shadow: 0 1px 0 #fff;
			}
			.light-text {color:#f0f0f0;text-shadow: 0 1px 0 #666;}
			.smaller-text {font-size:40px;}
			.youtube-video, video {
				left:0;
				position:absolute;
				top:0;
			}
			
/* 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:         top, left, 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 */

.element {

  position: relative;

}


.element * {
  position: absolute;
  margin: 0;
}

.element .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
}
.element.large .symbol {
  font-size: 4.5em;
}

.element.fake .symbol {
  color: #000;
}

.element .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
}

.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}

.variable-sizes .element.width2 { width: 230px; }

.variable-sizes .element.height2 { height: 230px; }

.variable-sizes .element.width2.height2 {
  font-size: 2.0em;
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}

/* NAV */


.dropup, .dropdown {
	position:relative;
}
.dropdown-toggle {
*margin-bottom:-3px;
}
.dropdown-toggle:active, .open .dropdown-toggle {
	outline:0;
}

.dropdown-menu {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:1020;
	float:left;
	min-width:160px;
	list-style:none;
	background-color:#ffffff;
	border:1px solid #ccc;
	border:1px solid rgba(0, 0, 0, 0.2);
*border-right-width:2px;
*border-bottom-width:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}


.dropdown-menu a {
	display:block;
	padding:3px 15px;
	clear:both;
	font-weight:normal;
	line-height:22px;
	color:#444444;
	white-space:nowrap;
}
.dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#674397;
}



#header nav, header nav, #header #navigation, header #navigation {
	
}
#header nav li, header nav li, #header #navigation li, header #navigation li {

}
#header nav li a, header nav li a, #header #navigation li a, header #navigation li a {
	
}
#header nav li a.dropdown-toggle:hover+.dropdown-menu, header nav li a.dropdown-toggle:hover+.dropdown-menu, #header #navigation li a.dropdown-toggle:hover+.dropdown-menu, header #navigation li a.dropdown-toggle:hover+.dropdown-menu {
	
}

#header nav li .dropdown-menu, header nav li .dropdown-menu, #header #navigation li .dropdown-menu, header #navigation li .dropdown-menu {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	min-width:210px;
	padding:5px;
	margin-top:10px;
	background:#121214;
}
#header nav li .dropdown-menu li, header nav li .dropdown-menu li, #header #navigation li .dropdown-menu li, header #navigation li .dropdown-menu li {
	float:none;
	margin:0px;
	margin-bottom:1px;
	text-transform:none;
}

#header nav li .dropdown-menu li a [class^="icon-"], header nav li .dropdown-menu li a [class^="icon-"], #header #navigation li .dropdown-menu li a [class^="icon-"], header #navigation li .dropdown-menu li a [class^="icon-"] {
	margin-right:15px;
	margin-left:-5px;
	
	float:left;
	
}
#header nav li .dropdown-menu li a:hover, header nav li .dropdown-menu li a:hover, #header #navigation li .dropdown-menu li a:hover, header #navigation li .dropdown-menu li a:hover {
	background-color:#333;
	color:#ffffff;
	background-color:#333;
	
}
#header nav li .dropdown-menu li a:hover [class^="icon-"], header nav li .dropdown-menu li a:hover [class^="icon-"], #header #navigation li .dropdown-menu li a:hover [class^="icon-"], header #navigation li .dropdown-menu li a:hover [class^="icon-"] {
	opacity:1;
	filter:alpha(opacity=100);
}
#header nav li .dropdown-menu li.divider, header nav li .dropdown-menu li.divider, #header #navigation li .dropdown-menu li.divider, header #navigation li .dropdown-menu li.divider {
	margin:10px 0px 10px 0px;
}
#header nav li .dropdown-menu:before, header nav li .dropdown-menu:before, #header #navigation li .dropdown-menu:before, header #navigation li .dropdown-menu:before {
	content:'';
	width:100%;
	height:10px;
	background:none;
	position:absolute;
	top:-10px;
	left:0px;
}
#header nav li .dropdown-menu:after, header nav li .dropdown-menu:after, #header #navigation li .dropdown-menu:after, header #navigation li .dropdown-menu:after {
	content:'';
	width:0;
	height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid #333;
	position:absolute;
	top:-7px;
	left:80%;
	margin-left:-7px;
}
#header nav li .dropdown-menu:hover, header nav li .dropdown-menu:hover, #header #navigation li .dropdown-menu:hover, header #navigation li .dropdown-menu:hover {
	display:block;
}
#header nav li .dropdown-menu.dropdown-features, header nav li .dropdown-menu.dropdown-features, #header #navigation li .dropdown-menu.dropdown-features, header #navigation li .dropdown-menu.dropdown-features {
	left:-150px;
}
#header nav li .dropdown-menu.dropdown-resources, header nav li .dropdown-menu.dropdown-resources, #header #navigation li .dropdown-menu.dropdown-resources, header #navigation li .dropdown-menu.dropdown-resources {
	left:-75px;
}
#header nav li .dropdown-menu.dropdown-help, header nav li .dropdown-menu.dropdown-help, #header #navigation li .dropdown-menu.dropdown-help, header #navigation li .dropdown-menu.dropdown-help {
	left:-95px;
}
#header nav li:first-child, header nav li:first-child, #header #navigation li:first-child, header #navigation li:first-child {
	margin-left:0px;
}
#header nav li:last-child, header nav li:last-child, #header #navigation li:last-child, header #navigation li:last-child {
	margin-right:0px;
}
#header nav li.login, header nav li.login, #header #navigation li.login, header #navigation li.login {
	margin-right:0px;
}
#header nav li.signup, header nav li.signup, #header #navigation li.signup, header #navigation li.signup {
	margin-left:10px;
}

/* Contact Details */

.contactdetails{float:left; clear:both;}

.contactdetails section{width:100%;border-top:1px solid #dddddd; float:left; }

.contactdetails section article{ width:25%;clear:none; border-bottom:none; float:left;}

.contactdetails section article img{ float:left;}

.contactdetails section article div{float:left;margin-top:20px;margin-left:10px;}

.contactdetails section article:last-child{ width:20%;margin-left:30px;}

.contactdetails section article h1{ font-size:22px; margin-bottom:0; line-height:25px; text-align:left !important; color:#999 !important; text-shadow:none !important; }

.contactdetails section article p{font-size:16px;margin-top:0; color:#999}
.contactdetails section article p a{color:#3399cc;}
.contactdetails section article .email{margin-top:30px; }
.contactdetails section article .email h1{color:#3791e2;}
.contactdetails section article .tel{ margin-top:30px;}
.contactdetails section article .tel h1{ color:#eba215}
.contactdetails section article .loc{}
.contactdetails section article .loc h1{color:#8baf28}
.contactdetails section article .twit{margin-top:30px;}
.contactdetails section article .twit h1{ color:#00aced}

.getintouch{ background:#fff;color:#fff; float:left; width:940px;margin-left:0px;}
.getintouch article{ background:#37b6ab; float:left; width:100%;}
.getintouch h1, .getintouch h2 {font-size:36px;margin-top:15px; text-shadow:none}
.getintouch h1, .getintouch p{ color:#fff; text-align:center;}
.getintouch p,  .getintouch h2{padding:8px 20px 8px 20px; font-size:20px; color:#fff; width:auto; line-height:25px;}
 .getintouch h2{color:#37b6ab;margin-left:5px; text-decoration:underline; font-size:28px; 	}
.getintouch ul{margin:0;list-style:none; margin-bottom:10px;width:100%;}
.getintouch ul li{margin:0;padding:0; float:left; width:49.9%; font-size:32px; line-height:34px;}
.getintouch ul li:first-child{ border-right:1px solid #ccc;}
.getintouch ul li a{display:block;width:100%; text-align:center; font-family:'VAG Rounded W01 Bold'; color:#ccc; padding-bottom:40px; padding-top:40px; border-bottom:1px solid #ccc;}
.getintouch ul li.active a, .getintouch ul li a:hover{ color:#37b6ab; background:url(/images/contact/contact-arrow.gif) center top no-repeat; text-decoration:none;}
.getintouch ul li.active a{border-bottom:1px solid #fff;}

.enquiry{padding-top:30px; clear:both;}
.enquiry p{color:#333; font-size:20px; text-align:left;margin-left:25px;margin-right:25px;padding:0;font-family:'VAG Rounded W01 Light';}
.enquiry span em{color:#999;font-family:'VAG Rounded W01 Light',sans-serif;}

.enquiry input.error, .enquiry textarea.error{border-color:red;}

.enquiry div{display:none !important;}
.enquiry form{margin-top:15px;}
.enquiry fieldset{padding:0 0 0 6px;}
.enquiry fieldset label{font-size:16px;font-family:'VAG Rounded W01 Light'; color:#666; margin-top:10px;}
.enquiry span{float:left; margin-left:20px; width:45%; display:block;}
.enquiry span.width{width:92%;}
.enquiry fieldset span.required label{color:#37b6ab;}
.enquiry input, .enquiry textarea{border-radius:0; width:100%}
.enquiry label.join{float:left;}
.enquiry input#join{width:auto; float:left; margin-left:10px; border:1px solid #ccc; margin-top:12px;}
.enquiry input#submit, .enquiry input#submitp{background:#37b6ab; color:#fff; font-family:'VAG Rounded W01 Light',sans-serif; font-size:16px; text-align:center;  padding:8px 60px 8px 60px; border:none; width:auto; clear:both;margin-top:15px; }

.enquiry span.radios{margin-top:15px;}
.enquiry span.radios label{font-family:'VAG Rounded W01 Light',sans-serif;margin-top:0; }
.enquiry span.radiocontain, .enquiry span.radioredesign{ float:left; display:block; width:auto;margin-left:0; margin-right:20px; }
.enquiry span.radiocontain label, .enquiry span.radioredesign label{width:auto; float:left; clear:both; text-align:center;width:12px;margin-bottom:0;}
	.enquiry span.radioredesign label{width:auto;font-family:'VAG Rounded W01 Light',sans-serif;margin-top:0;}
.enquiry span.radiocontain input, .enquiry span.radioredesign input{float:left; clear:both; width:auto}
	.enquiry span.radioredesign input{margin-left:20px;}

.enquiry span#response, .enquiry span#responsep {width:auto;}
.enquiry span#response .success, .enquiry span#responsep .success{margin-left:170px; margin-top:-5px;font-size:28px; font-family:'VAG Rounded W01 Bold'; color:#fff; width:auto; }
.enquiry span#responsep .success{margin-left:347px;}


.proposal{display:none;}

.contactform{float:left; width:450px; border-left:1px solid #ccc; padding-left:15px; margin-left:15px; margin-top:-55px;}
.contactform h1{color:#333;font-family:'VAG Rounded W01 Light',sans-serif; font-weight:normal}

#contact-form{ float:left;padding-top:20px;}
#contact-form label{float:left; clear:both; width:160px;color:#333;font-family:'VAG Rounded W01 Light',sans-serif; font-weight:normal; font-size:16px; text-transform:none;}
#contact-form input, #contact-form textarea{float:left; margin-bottom:5px;}

#button{clear:both; float:left;margin-left:168px; margin-top:5px;}
#button2{float:left;margin-top:5px;}

.navbar-fixed-top .container, .navbar-fixed-bottom .container{border:1px solid #fff;}

@media (max-width: 767px) {
	/*.header{background:#37b6ab;margin-top:0;margin-bottom:10px;}
	.header nav{border-bottom:5px solid #fff;}
	.header nav ul{float:left;margin:0 ;padding-top:10px;padding-bottom:10px;background:rgba(51,51,51,1); width:100%;}
	.header nav ul li:first-child{margin-left:10px; }
	.header nav ul li a{display:inline; background:none; padding:3px 5px 3px 5px;}
	.header nav ul li ul li a{display:block;padding:8px 10px 8px 10px;}
	.header nav ul li ul li:first-child{margin-left:0;}
	.header nav ul li.active a{background:none;}
	.header nav{clear:both; float:none;margin:0; }
	.header .logo{height:48px; overflow:hidden;margin-left:-10px; margin-bottom:10px;}*/
	.container{padding:0px !important;}
	h1, h2, h3, p, time{margin-left:10px;}
	.footer .nomargin{margin-left:0 !important;}
	.footer .address span{margin-left:10px;}
	
	#header nav li .dropdown-menu.dropdown-features, header nav li .dropdown-menu.dropdown-features, #header #navigation li .dropdown-menu.dropdown-features, header #navigation li .dropdown-menu.dropdown-features {left: 0px;}
	
	#header nav li .dropdown-menu, header nav li .dropdown-menu, #header #navigation li .dropdown-menu, header #navigation li .dropdown-menu {min-width: 160px;}
	
	#header nav li .dropdown-menu::after, header nav li .dropdown-menu::after, #header #navigation li .dropdown-menu::after, header #navigation li .dropdown-menu::after {left: 10%;}
	
	.contactdetails section article{ width:25%; clear:none; border-bottom:none;margin-left:0px; }
	.contactdetails section article:nth-child(3){width:30%;}
	.contactdetails section article:last-child{width:20%;margin-left:0px;}
	.contactdetails section article h1{ font-size:20px; font-weight:normal; margin-bottom:0; line-height:23px; text-align:left !important; color:#999 !important; text-shadow:none !important; }
	.contactdetails section article p{font-size:15px;margin-top:0; line-height:16px; color:#999}
	.contactdetails section article img{width:52px;}
	.contactdetails section article div{margin-left:5px;}
	.getintouch{width:100%;}
	.how_we_work .block{width:100%;padding-bottom:15px; padding-top:15px; margin-left:10px; box-shadow:1px 1px 1px #FFF;}
	.how_we_work article{width:75%;}
	
	
}
@media (max-width:715px) {
	.contactdetails section article{ width:50%; clear:none; border-bottom:1px solid #ccc;margin-left:0px; }
	.contactdetails section article:nth-child(3){width:50%; border-top:none;}
	.contactdetails section article:last-child{width:50%;margin-left:0px; border-top:none; padding-bottom:6px;}
	.contactdetails section article h1{ font-size:20px; font-weight:normal; margin-bottom:0; line-height:23px; text-align:left !important; color:#999 !important; text-shadow:none !important; }
	.contactdetails section article p{font-size:15px;margin-top:0; line-height:16px; color:#999; text-align:left}
	.contactdetails section article img{width:52px;}
	.contactdetails section article div{margin-left:5px;}
	.getintouch{width:100%;}
	
	.getintouch ul li  { width:49%; font-size:23px; line-height:26px;}
	.getintouch p{font-size:16px; line-height:20px;}
	
	.enquiry span{width:90%;}
	
	
	
}
@media (max-width: 979px) and (min-width: 768px){
	.contactdetails section{width:100%; }

	.contactdetails section article{ width:25%; clear:none; border-bottom:none;margin-left:0px; }
	.contactdetails section article:nth-child(3){width:30%;}
	.contactdetails section article:last-child{width:20%;margin-left:0px;}
	.contactdetails section article h1{ font-size:20px; font-weight:normal; margin-bottom:0; line-height:23px; text-align:left !important; color:#999 !important; text-shadow:none !important; }
	.contactdetails section article p{font-size:15px;margin-top:0; line-height:16px; color:#999}
	.contactdetails section article img{width:52px;}
	.contactdetails section article div{margin-left:5px;}
	
	.contactdetails section article div.loc p{font-size:13px;}
	.getintouch{width:724px;}
	
	.how_we_work .block{width:100%;margin-bottom:10px;}
	.how_we_work article{width:75%;}
	
	}


@media (min-width: 1200px){
/* Contact Details */

.contactdetails{float:left; clear:both;}

.contactdetails section{width:220px;border-top:1px solid #dddddd; float:left; }

.contactdetails section article{ width:100%;clear:both; border-bottom:1px solid #dddddd; float:left;}

.contactdetails section article img{ float:left;}

.contactdetails section article div{float:left;margin-top:20px;margin-left:10px;}

.contactdetails section article h1{ font-size:22px; margin-bottom:0; line-height:25px; text-align:left !important; color:#999 !important; text-shadow:none !important; }

.contactdetails section article p{font-size:16px;margin-top:0; color:#999}
.contactdetails section article p a{color:#3399cc;}
.contactdetails section article .email{margin-top:30px; }
.contactdetails section article .email h1{color:#3791e2;}
.contactdetails section article .tel{}
.contactdetails section article .tel h1{ color:#eba215}
.contactdetails section article .loc h1{color:#8baf28}
.contactdetails section article .twit{margin-top:30px;}
.contactdetails section article .twit h1{ color:#00aced}

.contactdetails section article:last-child {
width: 100%;
margin-left:0;
}

.getintouch{margin-left:10px;}

.how_we_work{margin-top:50px;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;background:#f4f4f4;padding:50px 0 50px 0;}
	.how_we_work .block{ float:left; width:30%; margin-right:20px;}
	.how_we_work .number{background:#37b6ab; border:1px solid #37b6ab; border-radius:360px; width:50px; height:50px; float:left;}
	.how_we_work .number p{font-size:30px; color:#fff; font-family:'VAG Rounded W01 Bold'; text-align:center; line-height:53px; font-weight:normal; margin-left:0;}
	.how_we_work article{float:left; width:80%;margin-left:15px;}
	.how_we_work article h1{color:#000; font-size:24px; text-align:left !important;}
	.how_we_work article img{float:left;}
	.how_we_work article p{font-size:16px; font-family:'VAG Rounded W01 Thin'; color:#666; line-height:23px; font-weight:normal;}
	.how_we_work .fourth{clear:both;}
	.how_we_work .fifth{float:right;}
	.how_we_work .fourth, .how_we_work .fifth{margin-top:20px; width:45%;}
	.how_we_work .fourth article, .how_we_work .fifth article{width:80%;}
	.how_we_work .fourth img, .how_we_work .fifth img{margin-right:8px;}
	 .how .container h1, .how .container h3{ text-align:center;}

}

/* ============================================================================================================================
== BUBBLE WITH AN ISOCELES TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-isosceles {
	position:relative;
	padding:50px 25px 50px 25px;
	margin:1em 0 3em;
	background:#8baf28; /* default background for browsers without gradient support */
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
	background:#38b6ab;
}



/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
	margin-left:50px;
	background:#f7f7f7;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
	background:#38b6ab;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#f3961c transparent;
    /* reduce the damage in FF3.0 */ 
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-isosceles.top:after {
	top:-15px; /* value = - border-top-width - border-bottom-width */
	left:30px; /* controls horizontal position */
	bottom:auto;
	right:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color:#38b6ab transparent;
} 

/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
	top:16px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #f3961c;
}

/* Variant : right
------------------------------------------ */

.triangle-isosceles.right:after {
	top:-15px; /* value = - border-top-width - border-bottom-width */
	right:30px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color:#38b6ab transparent;
}

/* Modal Override */
.modal-header{border-bottom:none;}

.modal-body h1, .modal-body h2, .modal-body p, .modal-body ul{ text-align:left;}
.modal-body h1{margin-bottom:10px;}
.modal-body h2 {font-family:'VAG Rounded W01 Thin',sans-serif; font-size:20px; line-height:25px; margin-bottom:10px; }
.modal-body p{font-size:15px; line-height:20px;	 color:#666;}

.modal-footer{text-align:left;}
.modal-footer .left{float:left; border-left:1px solid #ccc; padding-left:40px;}
.modal-footer h1{font-size:20px; color:#666; margin-top:0; padding-top:0; line-height:35px;}
.modal-footer h1, .modal-footer p, .modal-footer ul{width:auto;}
.modal-footer .img{float:left; height:145px; width:210px; display:block; background-position:center center; background-repeat:no-repeat}
.modal-footer ul{ margin-left:0;margin-top:0;}
.modal-footer ul li{ color:#000; margin-bottom:2px; list-style:none; margin-left:0; }
.modal-footer ul li.web a{ background:url("/images/what-we-do-details/web-enquiry.png") left no-repeat; display:block;text-indent:37px; padding-top:8px; font-size:14px; font-family:'VAG Rounded W01 Bold'; color:#000;}
.modal-footer ul li.tel a{ background:url("/images/what-we-do-details/phone-enquiry.png") left no-repeat; display:block;text-indent:37px; padding-top:8px; font-size:14px; font-family:'VAG Rounded W01 Bold'; color:#000;}
.modal-backdrop{background:#fff;}
.modal{border:none;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);}

@media (max-width: 480px){
.modal.fade.in  {
	top:50% !important;
	margin-top:-200px;
	position:fixed;
}
.modal-body{max-height:200px;}
.modal-footer .img{ width:80px; background-size:contain; display:none}
.modal-footer .left{margin-left:10px; padding-left:0px; border:none;}
.modal-footer ul li{float:left; margin-right:8px}
.modal-footer h1, .modal-footer p{margin-left:0;}
.header #nav{position:relative !important;}
}

@media (max-width: 320px){

.contactdetails section{width:320px;border-top:1px solid #dddddd; clear:both; }

.contactdetails section article{ width:50%; float:left; clear:none; }
.contactdetails section article:nth-child(3){width:50%;}
.contactdetails section article img{ float:left; width:35px;}

.contactdetails section article div{float:left;margin-top:0px;margin-left:5px;}

.contactdetails section article h1{ font-size:18px; margin-bottom:0; line-height:25px; text-align:left !important; color:#999 !important; text-shadow:none !important; }

.contactdetails section article p{font-size:11px;margin-top:0; color:#999}
.contactdetails section article p a{color:#3399cc;}
.contactdetails section article .email{margin-top:10px; }
.contactdetails section article .email h1{color:#3791e2;}
.contactdetails section article .tel{margin-top:3px;}
.contactdetails section article .tel h1{ color:#eba215}
.contactdetails section article .loc {margin-top:3px;}
.contactdetails section article .loc h1{color:#8baf28}
.contactdetails section article .twit{margin-top:10px;  float:left; }
.contactdetails section article .twit h1{ color:#00aced}

.contactdetails section article:last-child {

margin-left:0;
}
}