@import url(//fonts.googleapis.com/css?family=Cabin:400,500,600,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Nunito:400,700,300);

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

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

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

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

/*******************************
/ PAGE STRUCTURE
/******************************/

html, body {
	background: #fff;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
}

.wrapper {
	margin: 0 auto;
	width: 1140px;
}

/*******************************
/ HEADER
/******************************/

#header {
	padding: 3em 0;
	background: #fff;
}

#header .logo {
	float:left;
	display:inline-block;
}
	#header .makemedull .logo img {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
		filter: gray; /* IE6-9 */ 
		filter: grayscale(100%);
	}
		#header .makemedull .logo img:hover {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			filter: grayscale(0%);
			filter:none;
		}
		

.tinynav { display: none }
#nav {
	font-size: 1.9em;
	float: right;
	font-family: 'Bariol Bold', Helvetica, Arial, sans-serif;
}

	#nav li {
		list-style: none;
		float: left;
		line-height: 60px;
		margin: 0 0 0 15px;
	}
	
	#nav li a {
		color: #2d516a;
		padding: 10px;
	}
		 .makemedull #nav li a {
		 	color:#333;
		 }
	
	#nav li a:hover {
		color: #fff;
		background:#8DB933;
	}
	
	/* Location Highlights */
	.area_main.page_home #nav .linkid-home a,
	.area_web #nav .linkid-web a,
	.area_main.page_about_us #nav .linkid-about a,
	.area_work #nav .linkid-work a,
	.area_main.page_contact_us #nav .linkid-contact a {
		color:#5E952B;
	}

	.area_main.page_home #nav .linkid-home a:hover,
	.area_web #nav .linkid-web a:hover,
	.area_main.page_about_us #nav .linkid-about a:hover,
	.area_work #nav .linkid-work a:hover,
	.area_main.page_contact_us #nav .linkid-contact a:hover {
		background:none;
	}
	
/*******************************
/ TITLE
/******************************/

#title {
	height:660px;
	text-align:center;
	background:url(/images/home/slider-bg.png) top center repeat-x;
	
	/*
	background-image: linear-gradient(bottom, rgb(164,199,225) 0%, rgb(49,103,141) 82%);
	background-image: -o-linear-gradient(bottom, rgb(164,199,225) 0%, rgb(49,103,141) 82%);
	background-image: -moz-linear-gradient(bottom, rgb(164,199,225) 0%, rgb(49,103,141) 82%);
	background-image: -webkit-linear-gradient(bottom, rgb(164,199,225) 0%, rgb(49,103,141) 82%);
	background-image: -ms-linear-gradient(bottom, rgb(164,199,225) 0%, rgb(49,103,141) 82%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(164,199,225)),
		color-stop(0.82, rgb(49,103,141))
	);*/
}
	#title .slide {
		height:660px;
		margin:0 auto;
	}

	#title .slide.design {
		background:url(/images/home/slider-design.png) top center no-repeat;
	}

	#title .slide.mobile {
		background:url(/images/home/slider-design.png) top center no-repeat;
	}

	#title .slide.facebook {
		background:url(/images/home/slider-design.png) top center no-repeat;
	}
	
	#title h1 {padding:1.8em 0 0 0;}
	
	
#navtitle {
	background:url(/images/home/slider-bg.png) top center repeat-x;
}
	#navtitle h1 {
		padding:0.8em 0;
		margin:0;
	}

/*******************************
/ HOME SLIDER
/******************************/

.homesliders .slide {
	margin:0 auto;
	height:660px;
	width:100%;
}

/*******************************
/ BREADCRUMBS
/******************************/

#breadcrumb {
	background:rgba(0,0,0,0.3);
}

	#breadcrumb .wrapper {
		font-size:1.3em;
		padding:10px 0;
		color:rgba(255,255,255,0.3);
		text-align:left;
	}
	
	#breadcrumb a {color:rgba(255,255,255,0.5); padding:2px 5px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
	#breadcrumb a:hover {background:rgba(255,255,255,0.1); color:#fff;}
	#breadcrumb .current {color:rgba(255,255,255,0.9); padding:2px 5px;}
	
	


/*******************************
/ MAIN CONTENT
/******************************/

#main {
	padding: 4em 0 0 0;
}
	.area_main.page_home #main {padding:3em 0 0 0;}

p {
	line-height: 1.6em;
	font-size: 1.4em;
	margin:0 0 1em 0;
}

/*******************************
/ SUBFOOTER
/******************************/

#subfooter {
	clear: both;
	margin-top: 5em;
	padding:3em 0;
	background: #DCE1E2;
	border-top: 1px solid #B0C0C4;
}

#subfooter .wrapper {
	text-align:right;
}

#subfooter p {
	display:inline-block;
	margin:0;
	color:#284D60;
	font-size:1.9em;
	margin-right:1em;
	font-family: 'Bariol Regular';
}

#subfooter a.quote {
	background:#8DB933;
	padding:0.6em 1em;
	color:#fff;
	font-size:1.5em;
	margin:0;
	text-transform:uppercase;
	font-family: 'Bariol Bold';
}
	#subfooter a.quote:hover {background:#333;}

#subfooter ul {font-size: 1.3em; text-align:left; font-family: Helvetica, Arial, sans-serif; float:left; color:#416272; margin:0; padding:0;}
#subfooter li {list-style: none; float: left; display:block; margin:0; padding:0; margin-right:1em;}
#subfooter li a {}
#subfooter li a:hover {color: #397098;}

/*******************************
/ FOOTER
/******************************/

#footer {
	clear: both;
	padding: 3em 0;
	background:#1E5177;
}

#footer .left {
	float:left;
	width:52%;
}

#footer .right {
	width:45%;
	float:right;
}

/* Footer Left */

#footer .logo {
	display:block;
	margin-right:15%;
}
	#footer .logo img {
		width:100%;
		height:auto;
	}


#footer .box {float:left; width:50%;}
#footer .box h3, #footer .right h2 {color:#fff; font-size:1.6em; color:#B1D1E2; margin:1.5em 0 0.75em 0;}
.footer-nav {font-size: 1.3em; margin-right:15%; clear:left; color:#fff; }
.footer-nav li {list-style: none; float: left; display:block; width:100%;}
.footer-nav li a {color: #fff;	padding: 0.6em 0; border-bottom:1px dotted #5A7A92; display:block;
    -webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.footer-nav li a:hover {padding-left:0.8em; color:#A2D339;}

	.social-icons {list-style-type:none; margin-top:1.1em;}
	.social-icons li {float:left; margin-right:4%;}

/* Footer Right */

#footer .right h2 {
	margin:0;
	font-family: 'Bariol Bold';
}

#footer_work li {
	list-style-type:none;
	float:left;
	width:22%;
	margin-right:4%;
	margin-top:2em;
}

	#footer_work a.workimg {
		border:1px solid #fff;
		display:block;
		padding:0;
		background:#88CB31;
	}
	
	#footer_work img {
		width:100%;
		padding:0;
		margin:0;
		display:block;
	}
	
	#footer_work a.workimg:hover img {
		opacity:0.5;
		-moz-transition: opacity .3s linear;  
		-webkit-transition: opacity .3s linear;  
		-ms-transition: opacity .3s linear;  
		-o-transition: opacity .3s linear;  
		transition: opacity .3s linear;  
		padding:0;
		margin:0;
	}
	
	#footer_work h2, #footer_work p {display:none; visibility:hidden;}
	
	
/*******************************
/ Newsletter Signup
/******************************/

#footer-news {
	background:#133248;
	clear: both;
	padding: 2em 0;
}

#footer-news .leftthis {
	float:left;
	font-size:11px;
	font-family: Tahoma, Arial;
	color:#fff;
	padding-top:5px;
} #footer-news .leftthis a {color:#ddd;}

#footer-news .wrapper {
	text-align:right;
}

#footer-news p {
	color:#eee;
	margin:0;
	display:inline-block;
	font-size:1.4em;
	margin-right:1em;
}

#footer-news a.quote {
	background:#286FA2;
	padding:0.6em 1em;
	color:#fff;
	font-size:1.5em;
	margin:0;
	text-transform:uppercase;
	font-family: 'Bariol Bold';
}
	#footer-news a.quote:hover {background:#9AC6E7; color:#123147;}
	
/*******************************
/ GLOBAL BITS AND PIECES
/******************************/
.responsive-hidden {visibility:hidden; display:none;}
.responsive-normal {visibility:visible; display:block;}
span.responsive-normal {visibility:visible; display:inline;}


.hideme {visibility:hidden; display:none;}

a {text-decoration: none; color: #397098;}
#main p a:hover {text-decoration: underline}
strong,.bold {font-weight: bold;}
em,.italic {font-style: italic;}
.capitalize {text-transform: capitalize !important;}
.caps {text-transform: uppercase;}
.clear {clear: both;}

img { -ms-interpolation-mode: bicubic; }

hr {border:0; margin:5em 0 1em; clear:both; height:46px; background: url('/images/global/hr.png') top center no-repeat;}
hr.no-clear {clear:none;}

.group:before,
.group:after,
.group.liset li:before,
.group.liset li:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.group:after,
.group.liset li:after {
  clear: both; }
.group,
.group.liset li {
  zoom: 1; }
	  
	  
	  


/*******************************
/ HEADINGS
/******************************/

h1,h2,h3,h4 {
	font-family: 'Bariol Regular', Helvetica, Arial, sans-serif;
	margin:0 0 1em 0;
	font-weight:normal;
	color: #555;
}

h1 {
	font-size: 3em;
	font-family: 'Bariol Bold';
	color:#fff;
} 

h2 {
	font-size: 2.6em;
	color:#397098;
}
	h2.green {color:#72A309;}

h3 {
	font-size: 2.2em;
	color:#777;
	font-family: 'Bariol Bold';
}

h4 {
	font-size: 2em;
	font-family: 'Bariol Bold';
	color:#387098;
}


/*******************************
/ BITS
/******************************/

.tags li {
	list-style: none;
	padding: 1px 5px;
	text-transform: uppercase;
	color: #fff;
	background: #4A75B1;
	margin: 0 0.5em 0.5em 0;
	display:inline-block;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
	font-size: 0.9em;
	font-weight: bold;
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

ul.tags {
	padding: 0;
	margin: 1.5em 0;
}

/*******************************
/ HOMEPAGE
/******************************/

#intro li {
	width:30%;
	float:left;
	list-style-type:none;
	margin-right:5%;
}
	#intro li:last-child {
		margin-right:0;
	}

	.area_main.page_home #main h2 {margin-bottom:0.5em;}

	.link-box .button:hover, .link-box:hover .button {color:#fff !important; text-shadow:0 0 0 !important;}



.link-box {
    margin:0;
    display:inline-block;
    padding:15px;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
    background-position:320px 20px;
    background-repeat:no-repeat;
    text-decoration: none;
    border:2px solid #fff;
}

.link-box:hover h2 {
    text-shadow:0 0 4px rgba(0,0,0,0.4);
    color:white;
}
.link-box:hover p {
    color:#fff;
}
.link-box p {
    width:70%;
    color:#555;
    font-size:1.3em;
}
.link-box:hover {
    background-position:-150px 20px;
    background:#31648A;
    background-repeat:no-repeat;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#lb-market {
    background-image:url(/images/home/market-icon.png);
    background-position:300px 20px;
}
#lb-market:hover {
    background-color:#444;
    background-position:110px 20px;
}


.fb-home {
	background:#fff;
	padding:10px;
	-moz-box-shadow: 2px 2px 20px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 20px rgba(0,0,0,0.15);
	 -moz-border-radius: 15px;
	 -webkit-border-radius: 15px;
	 border-radius: 15px;
	 float:right;
	 margin:0 0 4em 50px;
}
	
	.fb-home .fb-like-box {
		border:15px solid #99c737;
		 -moz-border-radius: 10px;
		 -webkit-border-radius: 10px;
		 border-radius: 10px;
	}

/*******************************
/ WEB SOLUTIONS
/******************************/

#web-intro {
	border:1px solid #ddd;
	margin-bottom:3em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background:url(/images/services/corex_tablet_small.png) right bottom no-repeat;
}

#web-intro .content {
	z-index:50;
	padding:20px 0 20px 20px;
	width:82%;
	top:0;
	left:0;
}

	#web-intro .button {margin-top:2em; clear:both;}

	#web-intro ul {list-style-type:none;}
	#web-intro li {float:left; width:25%; font-size:1.3em; line-height:2.3em;}
	
#web-intro img {
	z-index:10;
	width:100%;
	display:block;
	padding-top:15px;
}

	#web-intro h2 {
	}

div.icon {
	float:left;
	width:7%;
	margin-right:2%;
	margin-bottom:5px;
	background-color: transparent !important;
	border:0 !important;
	padding:0 !important;
}

div.icon img {
	width:100%;
	display:block;
}

/* tab pane styling */
.panes > div {
    padding:35px 20px 0 20px;
    background:#F3F3F3;
    border:1px solid #ddd;
    border-top:0;
    border-radius:0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    clear:both;
}

	.panes .end {
		padding:1.5em 2em;
		display:block;
		text-align:right;
		background:#ebebeb;
		clear:both;
		margin:0 -20px 0 -20px;
	}
		#mobile .end {margin-top:2em !important;}

.panes .block_content {
	padding-bottom:2em;
}

.panes h3 {
	color:#555;
	margin:0 0 1em 0;
}
	/*.panes h3.topmargin {
		margin:0.5em 0 1em 0;
	}*/
	.panes h3.clear.topmargin{margin-top:2em;}

.panes p {
	color:#666;
}

.panes .float-left {
	float:left;
	margin-right:20px;
}
.panes .float-right {
	float:right;
	margin-left:25px;
}

	.panes img.pushright {
		margin-right:-10px;
	}

.twocols {
	overflow:hidden;
	margin-bottom:2px;
}

	.twocols div.icon {
		width:10%;
	}

	.col1 {
		float:right;
		width:71%;
		margin-bottom: -1000px;
		padding-bottom: 1000px;
	}
	
	.col2 {
		float:left;
		width:24%;
	}
		.col2 img {
			width:100%;
		}
		
		
#development .sidebar {
	float:right;
	margin:0 0 0 2%;
	width:30%;
}

#marketing .sidebar {
	float:right;
	margin:0 0 0 2%;
	width:30%;
}

#marketing .left,
#marketing .right {
	width:46%;
	float:left;
}
	#marketing .right {
		float:right;
	}

#mobile .sidebar {
	float:left;
	margin:0 4% 0 0;
	width:42.25%;
}
	.sidebar img {
		width:100%;
	}

.panes .highlight {
	background:#f9f9f9;
	padding:10px 15px;
	border:1px solid #ddd;
	display:block;
	text-align:center;
	margin-bottom:10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

	.panes .highlight:hover {
		background:#D1E6A6;
		border:1px solid #ABC96D;
	}

.panes .highlight span {
	font-size:1.3em;
	font-weight:bold;
	display:block;
	padding:5px 0;
	text-align:center;
	margin-top:5px;
}
	.panes .highlight:hover span {
		background:#7BAB3A;
		color:#fff;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

.panes ul {
	margin:1em 0 0 0;
	list-style-position:inside;
	padding:0;
	width:100%;
	clear:both;
}

.panes li {
	font-size:1.3em;
	color:#666;
	float:left;
	width:25%;
	padding:0;
	margin-bottom:6px;
	line-height:1.4em;
}

.panes hr {
	margin-top:3em;
}


/* Development */

#development .left {
	width:60%;
	float:left;
}

#development .right {
	float:right;
	width:37%;
}

.web-slider {
	display:inline-block;
	border:1px solid #999;
	margin-bottom:1.5em;
}

	.web-slider .galleria-container img {width:100% !important; height:auto !important;}

/*******************************
/ ACCEPTABLE USE
/******************************/
	
.page_acceptable_use_policy #main ul {list-style:disc outside none; margin:0 0 2em 3em; padding-left:0;}
.page_acceptable_use_policy #main li {font-size:1.3em; line-height:1.6em; padding-left:1em; margin:0 0 0.5em 0;}

/*******************************
/ ABOUT US
/******************************/

.page_about_us #main .left {
	float:left;
	width:67%;
}
.page_about_us #main .right {
	float:right;
	width:30%;
}
	
	.fb-home.blue {padding:0 10px 10px 10px; margin:0 0 4em 0; float:none;}
	.fb-home.blue .fb-like-box {border:1px solid #61879C; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
	.fb-fluid {
		overflow: hidden;
		border:15px solid #BBCCD5;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}


.page_about_us #web-intro {
	margin-bottom:4em;
	background-image: url(/images/services/river_tablet_small.png)
}

.page_about_us #web-intro .content {width:75%;}

.page_about_us .fb-home {
	margin-bottom:1em;
}

.page_about_us .goodmatch {clear:both;}

.cols-2 { /* Not in use at the moment */
	-webkit-column-count: 2;  
    -webkit-column-gap: 4em;  
    -webkit-column-rule: 1px dotted #ccc;
    -moz-column-count: 2;  
    -moz-column-gap: 4em;  
    -moz-column-rule: 1px dotted #ccc;
    column-count: 2;  
    column-gap: 4em;
    column-rule: 1px dotted #ccc;
}

.biobox {
	float:left;
	width:45%;
}

.biobox.first {
	padding-right:5%;
	border-right:1px dotted #ccc;
}

.biobox.last {
	padding-left:4%;
}

/* Circle Hovers */

.ch-wrap {
	margin:2em 0 0 0;
	padding:1em;
	border:4px solid #7C9B3C;
	border-width:3px 0 1px;
	background:#A6BD5E; /*#9BC043 BRIGHTER*/
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
	

.ch-grid {
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	box-shadow: 
		inset 0 0 0 8px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-position:center center;
}

.ch-img-1 { 
	background-image: url(/images/about/websites.jpg);
}

.ch-img-2 { 
	background-image: url(/images/about/social.jpg);
}

.ch-img-3 { 
	background-image: url(/images/about/mobile.jpg);
}

.ch-img-4 { 
	background-image: url(/images/about/store.jpg);
}

.ch-info {
	position: absolute;
	background: rgba(58,113,154, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px !important;
	padding: 60px 0 0 0;
	height: 140px;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

/*******************************
/ CONTACT US
/******************************/

.page_contact_us #main .left {
	float:left;
	width:60%;
}
.page_contact_us #main .right {
	float:right;
	width:35%;
}

ul.details {
	list-style-type:none;}
	
ul.details li {
	font-size:1.4em;
	padding:1.2em 0;
	border-top:1px dotted #aaa;
}

ul.details strong {
	display:block;
	font-family: 'Bariol Bold';
	color:#1E5177;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:0.5em;
}

/* FORM! */
#contact_form {
	background: #A6BD5E;
	border: 1px solid #7C9B3C;
	padding: 2em;
	margin-top:3em;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#contact_form label {
	display:block;
	margin:0 0 0.5em;
	color:#fff;
	font-family: 'Bariol Bold';
	font-size:1.6em;
	font-weight:normal;
	text-transform:uppercase;
}

	#contact_form label span {
		font-family:Arial, sans-serif;
		font-size:0.8em;
		font-style:italic;
		text-transform:none;
	}

#contact_form input.text,
#contact_form textarea,
#contact_form select	 {
	display:block;
	margin:0 0 1.5em;
	width:98%;
	box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: padding-box;
	-ms-box-sizing: padding-box;
	font-size:1.6em;
	color:#555;
	border: 1px solid #7C9B3C;
	background:#fff;
	padding:0.5em;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

#contact_form textarea {
	height:125px;
	font-size:1.4em;
	line-height:1.4em;
}
#contact_form textarea.smaller {
	height:80px;
}

#contact_form input[disabled] {
	background:#bbb !important;
	border:1px solid #888 !important;
}
	
	#contact_form input.text:focus,
	#contact_form textarea:focus,
	#contact_form select:focus {
		border-color:#759238;
		-moz-box-shadow: 0 0 6px 4px #759238;
		-webkit-box-shadow: 0 0 6px 4px #759238;
		box-shadow: 0 0 6px 4px #759238;
	}

#contact_form select {
	width:97%;
	font-family: 'Bariol Bold';
	color:#1E5177;
	font-size:1.6em;
}
	#contact_form option {
		border-bottom:1px dotted #aaa;
		padding:0 0.5em;
		display:block;
	}

#contact_form .float-item {
	float:left; width:48%;
}
	#contact_form .float-item.push {margin-right:4%;}

#contact_form .awesome {
	float: right;
	margin-bottom:0;
	background:#333;
	color:#fff;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border:0;
	text-shadow:none;
}

	#contact_form .awesome:hover {
		background:#2D79B3;
	}


.map {
	width: 100%;
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	border: 1px solid #7293A3;
	background: #BBCCD5;
	margin-top: 1.5em;
	clear:both;
}

	.map iframe {
		padding: 0;
		margin: 0;
		width:100%;
	}
	
	.map div {
		padding: 2px 8px 4px;
		font-size: 1.1em;
		margin: 0;
	}
	
	.map div a {
		color: #1E5177;
	}



/*******************************
/ OUR WORK
/******************************/

.taglist {
	margin-bottom:-15px;
	display:none;
}

.taglist li {
	float:left;
	list-style-type:none;
	margin-right:15px;
}
	.taglist li:last-child {
		margin-right:0;
	}
	
	.taglist h4 {
		display:inline-block;
		margin:6px 0 0 0;
		padding:0;
	}

#work {
	margin-top:20px;
}

#work h2 {
	margin-top:20px;
}

#work li {
	list-style-type:none;
	float:left;
	width:22%;
	margin-right:4%;
	margin-bottom:20px;
	height: 380px;
	position:relative;
}
	#work .button {
		position:absolute;
		bottom:0;
		display:none;
	}

	#work a.workimg {
		border:1px solid #ccc;
		display:block;
		padding:0;
		background:#3674A7;
	}
	
	#work img {
		width:100%;
		padding:0;
		margin:0;
		display:block;
	}
	
	#work a.workimg:hover img {
		opacity:0.5;
		-moz-transition: opacity .3s linear;  
		-webkit-transition: opacity .3s linear;  
		-ms-transition: opacity .3s linear;  
		-o-transition: opacity .3s linear;  
		transition: opacity .3s linear;  
		padding:0;
		margin:0;
	}
	
	#work li p {font-size:1.2em;}


/*
#work li {
	list-style-type:none;
	background: url('/images/global/hr.png') top center no-repeat;
	padding:60px 0;
	clear:both;
	float:left;
	width:30%;
	margin-right:5%;
}

	#work img {
		float:left;
		margin:0 20px 0 0;
	}
	
	#work .goright img {
		float:right;
		margin:0 0 0 20px;
	}
*/

.tags {
	margin-bottom:15px;
}

/*******************************
/ PORTFOLIO WORK TEASERS
/******************************/

.workteaser {
	text-align:center;
	background-color:#225C88;
	background-image: linear-gradient(bottom, rgb(101,148,183) 0%, rgb(50,104,143) 100%);
	background-image: -o-linear-gradient(bottom, rgb(101,148,183) 0%, rgb(50,104,143) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(101,148,183) 0%, rgb(50,104,143) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(101,148,183) 0%, rgb(50,104,143) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(101,148,183) 0%, rgb(50,104,143) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(101,148,183)),
		color-stop(1, rgb(50,104,143))
	);
}

.workteaser .slide {
	margin:0 auto;
	position:relative;
}

	.workteaser .left {
		width:40%;
		text-align:left;
		position:absolute;
		left:0;
		top:0;
		z-index:100;
	}
	
	.workteaser .fb-like-wrap {
		position:absolute;
		bottom:14px;
		left:190px;
		color:#fff !important;
	}
	
		.workteaser .button,
		.workteaser .button:hover {
			margin-top:0.8em;
			font-size:0.9em !important;
			padding:0.8em 1.5em;
			background-image: linear-gradient(bottom, rgb(194,194,194) 0%, rgb(255,255,255) 100%);
			background-image: -o-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(255,255,255) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(255,255,255) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(255,255,255) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(255,255,255) 100%);
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0, rgb(194,194,194)),
				color-stop(1, rgb(255,255,255))
			);
			border-radius:6px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border:5px solid rgba(0,0,0,0.2) !important;
			background-clip:padding-box;
		}
		
			.workteaser .button:hover {
			border:5px solid rgba(0,0,0,0.45) !important;
			}
		
		.workteaser h1 {
			padding:1.6em 0 0 0;
			font-size:3.4em;
		}
		
		.workteaser p {
			color:#fff;
			font-size:1.6em;
			line-height:1.8em;
			font-family:'Open Sans';
			font-weight:600;
		}

	.workteaser .right {
		width:100%;
		float:right;
		text-align:right;
		z-index:50;
	}
		.workteaser .right p {
			margin:0 !important;
			padding:0 !important;
		}
		
		.workteaser .right img {
			width:100%;
			display:block;
		}



	/*******************************
	/ SEMMA
	/******************************/
	.page_semma .workteaser {
		background-image: linear-gradient(bottom, rgb(100,143,204) 0%, rgb(32,69,120) 100%);
		background-image: -o-linear-gradient(bottom, rgb(100,143,204) 0%, rgb(32,69,120) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(100,143,204) 0%, rgb(32,69,120) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(100,143,204) 0%, rgb(32,69,120) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(100,143,204) 0%, rgb(32,69,120) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(100,143,204)),
			color-stop(1, rgb(32,69,120))
		);
	}
	
	/*******************************
	/ Valet Storage
	/******************************/
	.page_valet .workteaser {
		background-image: linear-gradient(bottom, rgb(148,62,56) 0%, rgb(105,29,26) 100%);
		background-image: -o-linear-gradient(bottom, rgb(148,62,56) 0%, rgb(105,29,26) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(148,62,56) 0%, rgb(105,29,26) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(148,62,56) 0%, rgb(105,29,26) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(148,62,56) 0%, rgb(105,29,26) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(148,62,56)),
			color-stop(1, rgb(105,29,26))
		);
	}
	
	/*******************************
	/ Hazrem
	/******************************/
	.page_hazrem .workteaser {
		background:#ddd url("/images/work/hazrem-bg.jpg") top center no-repeat;
	}
	.page_hazrem .workteaser p,
	.page_hazrem .workteaser h1 {
		color:#333;
	}
	
	/*******************************
	/ Samsung Centre
	/******************************/
	.page_samsung-centre .workteaser {
		background-image: linear-gradient(bottom, rgb(64,68,149) 0%, rgb(72,78,170) 100%);
		background-image: -o-linear-gradient(bottom, rgb(64,68,149) 0%, rgb(72,78,170) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(64,68,149) 0%, rgb(72,78,170) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(64,68,149) 0%, rgb(72,78,170) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(64,68,149) 0%, rgb(72,78,170) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(64,68,149)),
			color-stop(1, rgb(72,78,170))
		);
	}
	
	/*******************************
	/ Corex
	/******************************/
	.page_corex .workteaser {
		background-image: linear-gradient(bottom, rgb(204,64,67) 0%, rgb(141,27,30) 100%);
		background-image: -o-linear-gradient(bottom, rgb(204,64,67) 0%, rgb(141,27,30) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(204,64,67) 0%, rgb(141,27,30) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(204,64,67) 0%, rgb(141,27,30) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(204,64,67) 0%, rgb(141,27,30) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(204,64,67)),
			color-stop(1, rgb(141,27,30))
		);
	}
	
	/*******************************
	/ Papers of Distinction
	/******************************/
	.page_papers .workteaser {
		background-color: #333;
		background-image: linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -o-linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(29,29,29)),
			color-stop(1, rgb(64,64,64))
		);
	}
	
	/*******************************
	/ River Valley
	/******************************/
	.page_river-valley .workteaser {
		background-image: linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -o-linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(29,29,29) 0%, rgb(64,64,64) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(29,29,29)),
			color-stop(1, rgb(64,64,64))
		);
	}
	
	/*******************************
	/ Concept Displays
	/******************************/
	.page_concept-displays .workteaser {
		background-image: linear-gradient(bottom, rgb(1,118,163) 0%, rgb(1,148,203) 100%);
		background-image: -o-linear-gradient(bottom, rgb(1,118,163) 0%, rgb(1,148,203) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(1,118,163) 0%, rgb(1,148,203) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(1,118,163) 0%, rgb(1,148,203) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(1,118,163) 0%, rgb(1,148,203) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(1,118,163)),
			color-stop(1, rgb(1,148,203))
		);
	}
	
	/*******************************
	/ Market Me
	/******************************/
	.page_marketme .workteaser {
		background-image: linear-gradient(bottom, rgb(0,39,93) 0%, rgb(5,62,136) 100%);
		background-image: -o-linear-gradient(bottom, rgb(0,39,93) 0%, rgb(5,62,136) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(0,39,93) 0%, rgb(5,62,136) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(0,39,93) 0%, rgb(5,62,136) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(0,39,93) 0%, rgb(5,62,136) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(0,39,93)),
			color-stop(1, rgb(5,62,136))
		);
	}
	
	/*******************************
	/ Vinny's Cucina
	/******************************/
	.page_vinnys .workteaser {
		background:url("/images/work/vinnys-teasetop-bgbig.jpg");
	}
	
	.page_vinnys #breadcrumb {
		background:rgba(67,50,33,0.5);
	}
	.page_vinnys .workteaser p,
	.page_vinnys .workteaser h1 {
		color:#2B1611;
	}
	
	/*******************************
	/ STM
	/******************************/
	.page_stm .workteaser {
		background-image: linear-gradient(bottom, rgb(166,22,22) 0%, rgb(212,65,65) 100%);
		background-image: -o-linear-gradient(bottom, rgb(166,22,22) 0%, rgb(212,65,65) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(166,22,22) 0%, rgb(212,65,65) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(166,22,22) 0%, rgb(212,65,65) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(166,22,22) 0%, rgb(212,65,65) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(166,22,22)),
			color-stop(1, rgb(212,65,65))
		);
	}
	
	/*******************************
	/ Morgan Cars
	/******************************/
	.page_morgan-cars .workteaser {
		background-image: linear-gradient(bottom, rgb(125,130,134) 0%, rgb(164,167,170) 100%);
		background-image: -o-linear-gradient(bottom, rgb(125,130,134) 0%, rgb(164,167,170) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(125,130,134) 0%, rgb(164,167,170) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(125,130,134) 0%, rgb(164,167,170) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(125,130,134) 0%, rgb(164,167,170) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(125,130,134)),
			color-stop(1, rgb(164,167,170))
		);
	}
	
	/*******************************
	/ Cat Rental Power
	/******************************/
	.page_cat-rental-power .workteaser {
		background-image: linear-gradient(bottom, rgb(232,185,0) 0%, rgb(255,209,26) 100%);
		background-image: -o-linear-gradient(bottom, rgb(232,185,0) 0%, rgb(255,209,26) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(232,185,0) 0%, rgb(255,209,26) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(232,185,0) 0%, rgb(255,209,26) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(232,185,0) 0%, rgb(255,209,26) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(232,185,0)),
			color-stop(1, rgb(255,209,26))
		);
	}
	
	.page_cat-rental-power .workteaser p,
	.page_cat-rental-power .workteaser h1 {
		color:#000;
	}
	
	/*******************************
	/ Wakelin
	/******************************/
	.page_wakelin .workteaser {
		background-image: linear-gradient(bottom, rgb(61,61,63) 0%, rgb(85,85,87) 100%);
		background-image: -o-linear-gradient(bottom, rgb(61,61,63) 0%, rgb(85,85,87) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(61,61,63) 0%, rgb(85,85,87) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(61,61,63) 0%, rgb(85,85,87) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(61,61,63) 0%, rgb(85,85,87) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(61,61,63)),
			color-stop(1, rgb(85,85,87))
		);
	}
	
	/*******************************
	/ Lee Jolley
	/******************************/
	.page_leejolley .workteaser {
		background-image: linear-gradient(bottom, rgb(64,50,28) 13%, rgb(56,36,7) 57%);
		background-image: -o-linear-gradient(bottom, rgb(64,50,28) 13%, rgb(56,36,7) 57%);
		background-image: -moz-linear-gradient(bottom, rgb(64,50,28) 13%, rgb(56,36,7) 57%);
		background-image: -webkit-linear-gradient(bottom, rgb(64,50,28) 13%, rgb(56,36,7) 57%);
		background-image: -ms-linear-gradient(bottom, rgb(64,50,28) 13%, rgb(56,36,7) 57%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.13, rgb(64,50,28)),
			color-stop(0.57, rgb(56,36,7))
		);
	}
	
	/*******************************
	/ Ecomms
	/******************************/
	.page_ecomms .workteaser {
		background-image: linear-gradient(bottom, rgb(255,109,13) 0%, rgb(255,155,89) 100%);
		background-image: -o-linear-gradient(bottom, rgb(255,109,13) 0%, rgb(255,155,89) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(255,109,13) 0%, rgb(255,155,89) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,109,13) 0%, rgb(255,155,89) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(255,109,13) 0%, rgb(255,155,89) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(255,109,13)),
			color-stop(1, rgb(255,155,89))
		);
	}
	
	/*******************************
	/ Charlie and Co
	/******************************/
	.page_charlie-and-co .workteaser {
		background-image: linear-gradient(bottom, rgb(214,214,214) 0%, rgb(239,239,239) 100%);
		background-image: -o-linear-gradient(bottom, rgb(214,214,214) 0%, rgb(239,239,239) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 0%, rgb(239,239,239) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 0%, rgb(239,239,239) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 0%, rgb(239,239,239) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(214,214,214)),
			color-stop(1, rgb(239,239,239))
		);
	}
	
	.page_charlie-and-co .workteaser p,
	.page_charlie-and-co .workteaser h1 {
		color:#333;
	}
	
	/*******************************
	/ Conte
	/******************************/
	.page_conte .workteaser {
		background-image: linear-gradient(bottom, rgb(3,56,88) 0%, rgb(7,73,109) 100%);
		background-image: -o-linear-gradient(bottom, rgb(3,56,88) 0%, rgb(7,73,109) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(3,56,88) 0%, rgb(7,73,109) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(3,56,88) 0%, rgb(7,73,109) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(3,56,88) 0%, rgb(7,73,109) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(3,56,88)),
			color-stop(1, rgb(7,73,109))
		);
	}
	/*******************************
	/ Valley Garden
	/******************************/
	.page_valley-garden .workteaser {
		background-image: linear-gradient(bottom, rgb(94,141,65) 0%, rgb(133,178,106) 100%);
		background-image: -o-linear-gradient(bottom, rgb(94,141,65) 0%, rgb(133,178,106) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(94,141,65) 0%, rgb(133,178,106) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(94,141,65) 0%, rgb(133,178,106) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(94,141,65) 0%, rgb(133,178,106) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(94,141,65)),
			color-stop(1, rgb(133,178,106))
		);
	}
	
	/*******************************
	/ Caffe Strada
	/******************************/
	.page_strada .workteaser {
		background-image: linear-gradient(bottom, rgb(181,226,249) 0%, rgb(102,179,217) 65%);
		background-image: -o-linear-gradient(bottom, rgb(181,226,249) 0%, rgb(102,179,217) 65%);
		background-image: -moz-linear-gradient(bottom, rgb(181,226,249) 0%, rgb(102,179,217) 65%);
		background-image: -webkit-linear-gradient(bottom, rgb(181,226,249) 0%, rgb(102,179,217) 65%);
		background-image: -ms-linear-gradient(bottom, rgb(181,226,249) 0%, rgb(102,179,217) 65%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(181,226,249)),
			color-stop(0.65, rgb(102,179,217))
		);
	}
	
	/*******************************
	/ Innovative Bouquets
	/******************************/
	.page_innovative_bouquets .workteaser {
		background-image: linear-gradient(bottom, rgb(245,179,202) 0%, rgb(227,129,163) 73%);
		background-image: -o-linear-gradient(bottom, rgb(245,179,202) 0%, rgb(227,129,163) 73%);
		background-image: -moz-linear-gradient(bottom, rgb(245,179,202) 0%, rgb(227,129,163) 73%);
		background-image: -webkit-linear-gradient(bottom, rgb(245,179,202) 0%, rgb(227,129,163) 73%);
		background-image: -ms-linear-gradient(bottom, rgb(245,179,202) 0%, rgb(227,129,163) 73%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(245,179,202)),
			color-stop(0.73, rgb(227,129,163))
		);
	}
	
	/*******************************
	/ Heading Out
	/******************************/
	.page_heading-out .workteaser {
		height: 520px;
	}
	.page_heading-out .workcontent .left {
	    margin-top: -178px;
	}
	
	.page_heading-out .workteaser .left {
		width:50%;
	}
	.page_heading-out .workteaser .left p {
		padding-left:190px;
	}


/*******************************
/ WORK ENTRIES
/******************************/

.workcontent {
}

.workcontent .left.blurb {
	width:70%;
	/*position:relative;*/
}
	
	.workcontent .blurb h2 {
		border-top:0;
		padding:0;
		margin:0 0 1em;
		font-size:1.5em;
		font-family:'Bariol Bold';
		text-transform:uppercase;
		color:#333;
	}
	
	.workcontent .blurb .wrap {
		-webkit-column-count: 2;  
	    -webkit-column-gap: 2.5em;  
	    -moz-column-count: 2;  
	    -moz-column-gap: 2.5em;  
	    column-count: 2;  
	    column-gap: 2.5em;
	}
	
	.workcontent .right.blurb {
		width:25%;
	}
	
	.workcontent .right ul {list-style-type:none;}
	.workcontent .right li {float:left; width:50%; font-size:1.1em; font-weight:bold; padding:1em 0; border-top:1px solid #ddd;}
	
		.workcontent .icon {width:21%; margin:0 4% 4% 0; float:left;}


.work-slider {
	display:inline-block;
	border:1px solid #999;
}

.fb-comments {
	float:right;
}

	.workcontent .galleria-container img {width:100% !important; height:auto !important;}

	.work-sliderbox {
	   background:#E8E8E8;
	   padding:2em;
	   margin-top:2.2em;
	   border-top:2px solid #ddd;
	}

/*******************************
/ SELECTION HIGHLIGHT
/******************************/

::-moz-selection {
	background-color: #73CC31;
	color: #fff;
}


/*******************************
/ BUTTONS
/******************************/

	a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  line-height: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

  a.button:active,
  button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }





/***************************************************************************************
/	LET'S GET RESPONSIVE!
/
/	Two classes .responsive-hidden and .responsive-normal are available for hiding content.
/	Use in conjuction with these classes to selectively hide/show content according to screen:
/
/	Desktop Large (.dl) + Desktop Small (.ds)
/	Tablet Portrait (.tp)
/	Mobile Landscape (.ml) + Mobile Portrait (.mp)
/
/	.responsive-normal is shown by default EXCEPT to classes specified.
/	.responsive-hidden is hidden by default and shown to classes specified.
/                                                          
/**************************************************************************************/	
	
		
/*******************************  Desktop Large (.dl) (DEFAULT) *******************************/
@media only screen and (min-width: 1171px) {

	.tags {display:none;}
	
	/* FOOTER - WORK */
	#footer_work li:nth-child(4n) {margin-right:0;}
	#footer_work li:nth-child(1n+9) {display:none; visibility:hidden;}
	
	/* WORK */
	#work li {width:252px; margin-right:44px;}
	#work li:nth-child(4n) {margin-right:0;}
	#work img {width:250px;}
	
} /* End */


/*******************************  Desktop Small (.ds) *******************************/
@media only screen and (min-width: 980px) and (max-width: 1170px) {

	.wrapper {width:960px;}
	
	.responsive-normal.ds {visibility:hidden; display:none;}
	.responsive-hidden.ds {visibility:visible; display:block;}
	span.responsive-hidden.ds {visibility:visible; display:inline;}
	
	hr {background-image:url(/images/global/hr-960.png); height:39px;}
	#nav {float:right;}
	
	
	/* JMPRESS */
	.step {width:960px !important;} 
	.step h1, .step h2 {font-size:3.4em !important;}
	.step p {font-size:2.3em !important;}
	
	.step.design h1 {padding-top:40px !important;}
	.step.corex .jms-content {margin-right:590px !important;}
	
	/* SUB FOOTER */
	#subfooter ul {font-size: 1.2em;}
	#subfooter p {font-size: 1.6em; margin-right:0.5em;}
	#subfooter a.quote {font-size: 1.3em; padding: 0.6em; font-family:Arial, sans-serif; font-weight:bold;}
	
	/* FOOTER - WORK */
	#footer_work li:nth-child(4n) {margin-right:0;}
	#footer_work li:nth-child(1n+9) {display:none; visibility:hidden;}
	
	
	
	/* WORK */
	#work li {height:360px;}
	#work li:nth-child(4n) {margin-right:0;}
	#work h2 {font-size:2.2em;}
	
	
	/*******************************
	/ ABOUT US
	/******************************/
	
	.page_about_us #main h3 {font-size:1.9em;}
	.page_about_us #web-intro {background-position:102% bottom;}
	.page_about_us #web-intro .content {width:73%;}
	.page_about_us .goodmatch {padding-top:3em;}
	
	.ch-grid li {margin:15px; width:200px; height:200px;}
	
	/*******************************
	/ PORTFOLIO WORK TEASERS
	/******************************/

	.workteaser h1 {font-size:3.2em; padding-top:0.8em; margin:0 0 0.7em;}
	.workteaser .left {}
	.workteaser .left p {font-size:1.4em; font-family:Arial;}

	.workcontent .galleria-container {width:560px !important; height:425px !important;}
	
	/*******************************
	/ Heading Out
	/******************************/
	.page_heading-out .workteaser .left p {padding-left:160px;}
	
	.page_heading-out .workteaser {
		height: 505px;
	}
	.page_heading-out .workcontent .left {
	    margin-top: -80px;
	}
	
	
	/*******************************
	/ WEB SOLUTIONS
	/******************************/
	
	#web-intro li {font-size:1.2em;}
	
	.twocols .col1 {width:67%;}
	.twocols .col2 {width:28%;}
	
	.panes .highlight img {
		width:160px;
	}
	
	.panes img.float-right {
		width:200px;
		margin-right:0;
	}
	
	.panes img.pushright {
		margin-right:-5px;
	}
	
	#development .right p {font-size:1.3em;}
	#development .right h4 {margin-bottom:0.3em;}
	.web-slider .galleria-container {width:550px !important; height:423px !important;}
	
	
} /* End */


/*******************************  Tablet Portrait (.tp) *******************************/
@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	
	.wrapper {width: 732px;}
	.responsive-normal.tp {visibility:hidden; display:none;}
	.responsive-hidden.tp {visibility:visible; display:block;}
	span.responsive-hidden.tp {visibility:visible; display:inline;}
	
	/* JMPRESS */
	.step {width:732px !important;} 
	.step h1, .step h2 {padding-top:20px !important; font-size:3.4em !important;}
	.step p {font-size:2.2em !important;}
	.step.design h1 {padding:5px 0 0 0 !important;}
	.step.design a.jms-link {margin:15px 15px 0 !important;}
	.step.design img {bottom:30px !important;}
	.step.mobile .jms-content {margin-right:420px !important;}
	.step.mobile img {width:55% !important;}
	.step.corex .jms-content {margin-right:420px !important;}
	.step.corex img {width:55% !important;}

	#header .logo {}
	#header .logo img {width:220px; height:auto;}
	#nav {font-size:1.9em;}
	#nav li {margin:0 0 0 12px; line-height:46px;}
	#nav li a {}
		#nav li a:hover {}
		
	hr {background-image:url(/images/global/hr-768.png); height:31px;}
	
	#title h1 {padding-top:1.2em;}
	#title {height:463px; background-image: url("/images/home/slider-bg-tablet.png");}
	#title .slide.design {height:463px; background-image: url("/images/home/slider-design-tablet.png");}
	
	p {font-size:1.3em;}
	h2 {font-size:2.3em; font-family: 'Bariol Bold';}
	h3 {font-size:2em;}
	
	/* SUB FOOTER */
	#subfooter ul {font-size: 1.2em; display:block; float:none;}
	#subfooter p {display:none;}
	
	/* FOOTER - General */
	.social-icons {margin-top:0.2em;}
	
	/* FOOTER - WORK */
	#footer_work li {margin-right:5%; width:30%;}
	#footer_work li:nth-child(3n) {margin-right:0;}
	#footer_work li:nth-child(1n+7) {display:none; visibility:hidden;}
	
	
	#footer-news .wrapper {text-align:center;}
	#footer-news .leftthis {float:none; display:block; margin-bottom:8px;}
	
	/* WORK */
	#work li {height:330px; width:30%; margin-right:5%}
	#work li:nth-child(3n) {margin-right:0;}
	#work h2 {font-size:2em;}
	#work p {font-size:1.2em;}
	
	/*******************************
	/ ABOUT US
	/******************************/
	
	.page_about_us #main .left {float:none; width:auto;}
	.page_about_us #main .right {float:right; width:47%; margin-top:4em; padding-top:4.8em;}
	.page_about_us .goodmatch {float:left; width:50%; clear:none; margin-top:4em;}
	.page_about_us #web-intro .content {width:70%;}
	
	.ch-wrap {
	    padding: 20px;
	    width: auto;}
	.ch-grid li {
	    display: block;
	    float: none;
	    height: auto;
	    margin: 0 0 10px 0;
	    padding: 0;}
	.ch-item {
	    box-shadow: none;
	    -moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    height: 130px;
	    margin: 0 0 1.4em;
	    padding: 0;
	    width: 100%;
	    float: none;
	    border-radius: 0;
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    width: 100%;
	    background-repeat: no-repeat;
	    background-position: -50px center !important;
	}
	.ch-info h3 {
	    font-size: 1.8em;
	    letter-spacing:0;
	    height: auto;
	    width: auto;
	    padding-top: 0;
	    position: static;
	    border-radius: 0;
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    text-align: left;
	    padding-left: 185px;
	    margin: 0 !important;
	    line-height: 1.4em;}
	
	.ch-info {
	    float: right;
	    opacity: 1;
	    width: auto;
	    border-radius: 0;
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    margin-right: -100px;
	    background: none;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}


	/*******************************
	/ CONTACT US
	/******************************/
	.page_contact_us #main .left {width:56%;}
	.page_contact_us #main .right {width:39%;}
	
	#contact_form .float-item {width:auto; float:none; margin-right:0 !important;}
	
	.map iframe {height:480px;}
	
	
	
	/*******************************
	/ PORTFOLIO WORK TEASERS
	/******************************/

	.workteaser h1 {font-size:2.5em; padding-top:0.8em; margin:0 0 0.5em;}
	.workteaser .left {width:42%;}
	.workteaser .left p {font-size:1.3em; font-family:Arial; line-height:1.5em;}
	.workteaser .button,.workteaser .button:hover {margin:0; padding:0.4em 1em;}
	
	.workcontent .blurb .wrap {
		-webkit-column-count: 1;  
	    -webkit-column-gap: 0;  
	    -moz-column-count: 1;  
	    -moz-column-gap: 0;  
	    column-count: 1;  
	    column-gap: 0;
	}
	.workcontent .right li {width:auto; float:none; display:block; padding:0.9em 0;}
	.workcontent .galleria-container {width:685px !important; height:520px !important;}
	
	/*******************************
	/ Heading Out
	/******************************/
	.page_heading-out .workteaser .left p {padding-left:118px;}
	
		
	.page_heading-out .workteaser {
		height: 390px;
	}
	.page_heading-out .workcontent .left {
	    margin-top: -50px;
	}
	.page_heading-out .workteaser .button {
		display:none;visibility:hidden;
	}
	
	
	
	/*******************************
	/ WEB SOLUTIONS
	/******************************/
	
	#web-intro .content {width:75%;}
	#web-intro li {font-size:1.2em; width:33%;}
	
	.hideme {visibility:visible; display:block;}
	.panes .block_content {padding-bottom:0.5em;}
	
	.twocols .col1 {width:100%; margin-bottom:0; padding-bottom:0; float:none;}
	.twocols .col2 {float:left; width:24%; margin-bottom:5px; margin-right:36px; padding-bottom:0;}
	
	.panes .highlight img {width:132px;}
	.panes .highlight span {font-size:1.2em;}
	
	.panes img.float-right {
		width:200px;
		margin-right:0;
	}
	
	.panes img.pushright {
		margin-right:-5px;
	}
	
	#development .left {float:none; width:auto; text-align:left;}
	#development .left p {border-bottom:1px solid #ccc; padding-bottom:1em;}
	#development .right {float:none; width:auto;}
	#development .right h4 {margin-bottom:0.3em;}
	/*.web-slider .galleria-container {width:370px !important; height:285px !important;}*/
	
	#marketing .left, #marketing .right {width:auto; float:none;}
	
}/* End */




/*******************************  Navigation for ML (mobiles) down *******************************/

@media screen and (max-width: 767px) {
    .tinynav {
	    width: 100%;
	    background:#ddd;
		font-family: 'Bariol Bold';
		color:#1E5177;
		border:2px solid #ccc;
		font-size:1.6em;
	    display: block;
	    padding: 0.5em 1em;
	    margin:0.5em 0 0 0;
	    border-radius: 0.5em;
}
    #nav { display: none }
    
	/* JMPRESS */
	.jms-slideshow {display:none; visibility:hidden;}
}

/*******************************  Mobile Landscape (.ml) *******************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.wrapper {width:420px;}
	.responsive-normal.ml {visibility:hidden; display:none;}
	.responsive-hidden.ml {visibility:visible; display:block;}
	span.responsive-hidden.ml {visibility:visible; display:inline;}
	
	#main {padding:2em 0 0 0;}
	p {font-size:1.2em;}
	h1 {font-size:2.2em;}
	h2 {font-size:2.2em; font-family: 'Bariol Bold';}
	h3 {font-size:2em;}
	
	.fb-home {
		/*float:none;
		margin:0 0 3em 0;
		text-align:center;*/
		display:none;
	}
	
	#header {padding:2em 0;}
	#header .logo {float:none; display:block;}
	
	#intro li {width:auto; float:none; margin-bottom:4em;}
		#intro li:last-child {margin-bottom:0;}
		
	hr {background-image:url(/images/global/hr-500.png); height:20px;}
	
	#nav {float:none; font-size:1.4em;}
	#nav li {margin:0; float:none; line-height:1em;}
	#nav li a {
		display:block;
		margin:0;
		padding:1em;
		border-bottom:1px solid #ccc;
	}
		#nav li a:hover {
			color: #4486B7; 
			background:#F4F4F4;
			-moz-border-radius:0;
			border-radius:0;
			-webkit-border-radius:0;
		}
	

	#title {
		height:auto;
		background-image: linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -o-linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -moz-linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -webkit-linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -ms-linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(118,163,196)),
			color-stop(0.93, rgb(56,117,160))
			);
		}
		
		#title .slide {
			height:auto;
			margin:0 auto;
			width:410px;
			background:none !important;
		}
		
		#title h1 {padding:1em 0;}
	

	
	/* SUB FOOTER */
	#subfooter .wrapper {text-align:left;}
	#subfooter ul {font-size: 1.3em; display:block; float:none;}
	#subfooter li {margin-right:2em;}
	#subfooter p {font-size:1.7em; margin:1em 0 0 0;}
	#subfooter a.quote {float:right; margin:0.9em 0 0 0;}
	
	/* FOOTER - General */
	#footer .left, #footer .right {display:block; float:none; width:100%; margin:0;}
	.social-icons {margin-top:0.2em;}
	#elRaptor {display:none !important; visibility:hidden !important;}
	
	
	/* FOOTER - WORK */
	#footer .right {clear:both; padding-top:3em;}
	#footer_work li {}
	#footer_work li:nth-child(4n) {margin-right:0;}
	#footer_work li:nth-child(1n+5) {display:none; visibility:hidden;}
	
	/* FOOTER - NEWSLETTER */
	#footer-news strong {display:block;}
	#footer-news p {display:block; margin:0 0 1em 0;}
	#footer-news .wrapper {text-align:center;}
	#footer-news .leftthis {float:none; display:block; margin-bottom:8px;}
	
		
	/* WORK */
	#work li {height:auto; width:47%; margin-right:6%}
	#work li:nth-child(2n) {margin-right:0;}
	#work h2 {font-size:1.7em;}
	#work p {font-size:1.1em;}


	
	/*******************************
	/ ABOUT US
	/******************************/
	
	.biobox {float:none; width:auto; margin:0 0 2em 0 !important; padding:0 !important; border-right:0 !important;}
	
	.page_about_us #main .left {float:none; width:auto;}
	.page_about_us #main .right {display:none;}
	.page_about_us .goodmatch {float:none; width:auto; clear:both; margin-top:2em;}
	
	.ch-wrap {
	    padding: 20px;
	    width: auto;}
	.ch-grid li {
	    display: block;
	    float: none;
	    height: auto;
	    margin: 0 0 10px 0;
	    padding: 0;}
	.ch-item {
	    box-shadow: none;
	    -moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    height: 130px;
	    margin: 0 0 1.4em;
	    padding: 0;
	    width: 100%;
	    float: none;
	    border-radius: 0;
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    width: 100%;
	    background-repeat: no-repeat;
	    background-position: 0 center !important;
	}
	.ch-info h3 {
	    font-size: 1.8em;
	    letter-spacing:0;
	    height: auto;
	    width: 130px;
	    padding-top: 0;
	    position: static;
	    border-radius: 0;
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    text-align: left;
	    padding-left: 235px;
	    margin: 0 !important;
	    line-height: 1.4em;}
	
	.ch-info {
	    float: right;
	    opacity: 1;
	    width: auto;
	    border-radius: 0;
	    -moz-border-radius: 0;
	    -webkit-border-radius: 0;
	    margin-right: -100px;
	    background: none;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	

	/*******************************
	/ CONTACT US
	/******************************/
	.page_contact_us #main .left {width:auto; float:none;}
	.page_contact_us #main .right {width:auto; float:none; margin-top:3em;}
	#contact_form .float-item {width:auto; float:none; margin-right:0 !important;}
	.map iframe {height:250px;}
	
	
	/*******************************
	/ PORTFOLIO WORK TEASERS
	/******************************/

	.workteaser h1 {font-size:2.4em; padding-top:1em;}
	.workteaser .left {float:none; width:100% !important; padding-bottom:2em; position:relative;}
	.workteaser .left p {font-size:1.3em; padding-left:0 !important;}
	.workteaser .right {display:none;visibility:hidden;}
	
	.workcontent .left.blurb, .workcontent .right.blurb {width:auto; float:none;}
	.workcontent .right.blurb {margin-top:3em;}
	
	.workcontent .blurb .wrap {
		-webkit-column-count: 1;  
	    -webkit-column-gap: 0;  
	    -moz-column-count: 1;  
	    -moz-column-gap: 0;  
	    column-count: 1;  
	    column-gap: 0;
	}
	.workcontent .right li {}
	
	.workcontent .work-sliderbox {padding:0;}
	.workcontent .galleria-container {width:418px !important; height:317px !important;}
		
	.page_heading-out .workteaser {
		height: auto;
	}
	.page_heading-out .workcontent .left {
	    margin-top: 0;
	}
	
	
	/*******************************
	/ WEB SOLUTIONS
	/******************************/
	#web-intro {background-image:none;}
	#web-intro .content {width:auto;}
	#web-intro li {font-size:1.2em; width:50%;}
	
	#web-intro {
		display:none;
		visibility:hidden;
	}
	
	.hideme {visibility:visible; display:block;}
	.panes .block_content {padding-bottom:1em;}
	
	.twocols .col1 {width:100%; margin-bottom:0; padding-bottom:0; float:none;}
	.twocols .col2 {float:left; width:20%; margin-bottom:2px; margin-right:30px; padding-bottom:0;}
	
	.panes .highlight {
		display:none;
		visibility:hidden;
	}
	
	.panes img.float-right {
		width:200px;
		margin-right:0;
	}
	
	.panes img.pushright {
		margin-right:0;
	}
	
	
	.panes li {
		font-size:1.3em;
		color:#666;
		float:left;
		width:50%;
		padding:0;
		margin-bottom:6px;
		line-height:1.4em;
	}
	
	.panes hr {
		margin-top:2em;
	}
	
	#development .left {float:none; width:auto; text-align:left;}
	#development .left p {border-bottom:1px solid #ccc; padding-bottom:1em;}
	#development .right {float:none; width:auto;}
	#development .right h4 {margin-bottom:0.3em;}
	.web-slider .galleria-container {width:375px !important; height:288px !important;}
	
	#marketing .left, #marketing .right {width:auto; float:none;}
	
	
}/* End */


/*******************************  Mobile Portrait (.mp) *******************************/
@media only screen and (max-width: 479px) {
	
	.wrapper {width:300px;}
	.responsive-normal.mp {visibility:hidden; display:none;}
	.responsive-hidden.mp {visibility:visible; display:block;}
	span.responsive-hidden.mp {visibility:visible; display:inline;}
	
	.fb-home {display:none;}
	
	p {font-size:1.2em;}
	#main {padding:2em 0 0 0;}
	
	h1 {font-size:2.4em; padding:0.7em 0; font-family: 'Bariol Regular';}
	h2 {font-size:2.2em; font-family: 'Bariol Bold';}
	h2.green {font-size:2em; font-family: 'Bariol Regular';}
	h3 {font-size:1.8em;}
	
	#header {padding:2em 0;}
	#header .logo {float:none; display:block;}
	
	#intro li {width:auto; float:none; margin-bottom:4em;}
		#intro li:last-child {margin-bottom:0;}
		
	hr {background-image:url(/images/global/hr-400.png); height:16px;}
	
	#nav {float:none; font-size:1.4em;}
	#nav li {margin:0; float:none; line-height:1em;}
	#nav li a {
		display:block;
		margin:0;
		padding:1em;
		border-bottom:1px solid #ccc;
	}
		#nav li a:hover {
			color: #4486B7; 
			background:#F4F4F4;
			-moz-border-radius:0;
			border-radius:0;
			-webkit-border-radius:0;
		}
		
	#title {
		height:auto;
		background-image: linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -o-linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -moz-linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -webkit-linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -ms-linear-gradient(bottom, rgb(118,163,196) 0%, rgb(56,117,160) 93%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(118,163,196)),
			color-stop(0.93, rgb(56,117,160))
			);
		}
		
		#title .slide {
			height:auto;
			margin:0 auto;
			width:300px;
			background:none !important;
		}
		
		#title h1 {padding:1em 0;}
	
	/* SUB FOOTER */
	#subfooter .wrapper {text-align:left; }
	#subfooter ul {font-size: 1.3em; display:block; float:none;}
	#subfooter li {}
	#subfooter p {font-size:1.6em; padding:1em 0 0 0; margin:0 0 1em 0 !important; clear:both; display:block;}
	#subfooter a.quote {float:none; margin:0; }
	
	/* FOOTER - General */
	#footer .left, #footer .right {display:block; float:none; width:100%; margin:0;}
	.social-icons {margin-top:0.2em;}
	#elRaptor {display:none !important; visibility:hidden !important;}
	
	
	/* FOOTER - WORK */
	#footer .right {clear:both; padding-top:3em;}
	#footer_work li {margin-right:5%; width:30%;}
	#footer_work li:nth-child(3n) {margin-right:0;}
	#footer_work li:nth-child(1n+7) {display:none; visibility:hidden;}
	
	/* FOOTER - NEWSLETTER */
	#footer-news p {display:block; margin:0 0 1em 0;}
	#footer-news .wrapper {text-align:center;}
	#footer-news .leftthis {float:none; display:block; margin-bottom:8px;}
	
	/* WORK */
	#work li {height:auto; width:100%; margin-right:0; margin-bottom:0; border-bottom:2px solid #ddd; padding:17px 0 0 0;}
	#work h2 {font-size:1.7em; margin-top:0;}
	#work p {font-size:1.1em; margin-bottom:15px}
	#work .workimg {float:left; margin:0 15px 15px 0; display:inline-block; width:33%;}
	#work .workimg img {width:100%;}
	

	/*******************************
	/ PORTFOLIO WORK TEASERS
	/******************************/

	.workteaser h1 {font-size:2.2em; padding-top:1em;}
	.workteaser .left {float:none; width:100% !important; padding-bottom:2em; position:relative;}
	.workteaser .left p {font-size:1.3em; padding-left:0 !important;}
	.workteaser .right {display:none;visibility:hidden;}
	
	.workcontent .left.blurb, .workcontent .right.blurb {width:auto; float:none;}
	.workcontent .right.blurb {margin-top:3em;}
	
	.workcontent .blurb .wrap {
		-webkit-column-count: 1;  
	    -webkit-column-gap: 0;  
	    -moz-column-count: 1;  
	    -moz-column-gap: 0;  
	    column-count: 1;  
	    column-gap: 0;
	}
	.workcontent .right li {}
	
	.workcontent .work-sliderbox {padding:0;}
	.workcontent .galleria-container {width:298px !important; height:226px !important;}
		
	.page_heading-out .workteaser {
		height: auto;
	}
	.page_heading-out .workcontent .left {
	    margin-top: 0;
	}
	

	/*******************************
	/ ABOUT US
	/******************************/
	
	.biobox {float:none; width:auto; margin:1em 0 !important; padding:0 !important; border-right:0 !important;}
	
	.page_about_us #main .left {float:none; width:auto;}
	.page_about_us #main .right {display:none;}
	.page_about_us .goodmatch {display:none;}
	
	
	
	/*******************************
	/ CONTACT US
	/******************************/
	.page_contact_us #main .left {width:auto; float:none;}
	.page_contact_us #main .right {width:auto; float:none; margin-top:3em;}
	#contact_form .float-item {width:auto; float:none; margin-right:0 !important;}
	.map iframe {height:250px;}
	
	
	/*******************************
	/ WEB SOLUTIONS
	/******************************/
	#web-intro {
		display:none;
		visibility:hidden;
	}
	
	.hideme {visibility:visible; display:block;}
	.panes .block_content {padding-bottom:1em;}
	
	.twocols .col1 {width:100%; margin-bottom:0; padding-bottom:0; float:none;}
	.twocols .col2 {float:left; width:30%; margin-bottom:2px; margin-right:30px; padding-bottom:0;}
	
	.panes .highlight {
		display:none;
		visibility:hidden;
	}
	
	.panes img.float-right {
		float:none;
		margin:0;
		padding-bottom:10px;
	}
	
	.panes img.pushright {
		margin:0;
	}
	
	
	.panes li {
		font-size:1.3em;
		color:#666;
		float:left;
		width:100%;
		padding:0;
		margin-bottom:6px;
		line-height:1.4em;
	}
	
	.panes hr {
		margin-top:2em;
	}
	
	.panes h3 {
		line-height:1.5em;
	}
	
	#development .left {float:none; width:auto; text-align:left;}
	#development .left p {border-bottom:1px solid #ccc; padding-bottom:1em;}
	#development .right {float:none; width:auto;}
	#development .right h4 {margin-bottom:0.3em; font-size:2em;}
	.web-slider .galleria-container {width:255px !important; height:196px !important;}
	
	#marketing .left, #marketing .right {width:auto; float:none;}
	
} /* End */