@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
@import url(http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

/* ==============================================
   SELECT TELECOM CSS
   Author: Hyper Hedgehog
   Website: http://hyperhedgehog.uk

   Contents
   -------------------------------

   1. HTML Reset (by Eric Myer) & clearfix

   /// Site-wide styles
   2. Site Structure
   3. Fonts

   /// Site Paging
   4. Homepage
   5. Services
   6. Testimonials
   7. About
   	// X. Blog (No longer in this file. See blog theme directory.)
   8. Contact
   9. Support
   -------------------------------
   
  
   ============================================== */
   

/* -------------------------------------------
   1.) HTMl Reset (by Eric Myer) & clearfix
   ------------------------------------------- */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		font:inherit;
		vertical-align:baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display:block;
		}
	
	body {line-height:1;}
	
		ul {margin:5px 0; font-size:0.8em;}
		ul li {margin:0 0 5px 0;}
		blockquote, q {quotes:none;}
		blockquote:before,
		blockquote:after,
		q:before, q:after {
			content:'';
			content:none;
			}

	ins {text-decoration:none;}
	del {text-decoration:line-through;}
	table {border-collapse:collapse; border-spacing:0;}

	/* float clearing for IE6 */
	* html .clearfix{
		height:1%;
		overflow:visible;
		}
	/* float clearing for IE7 */
	*+html .clearfix{
		min-height:1%;
		}
	/* float clearing for everyone else */
	.clearfix:after{
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
		font-size:0;
		}
 


/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */


/* ----------------------
   2.) Site Structure
   ---------------------- */
   
	body {
		-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
		background:url('../img/bg_page.png') top center repeat-x #f5f6f7;
		}
		img {max-width:100%;}


	#head-bg {
		position:relative;
		margin:-25px 0 0 0;
		background:url('../img/bg.jpg') top center no-repeat #9684A6;
		box-shadow: inset 0 -20px 50px -20px rgba(0,0,0,0.75);
		}
		h1#logo a,
		h2.mission a,
		#header-contact a {color:#fff; border-bottom:1px dotted #fff;}
		
		h2.mission a:hover {color:#C993C5; border-color:#C993C5; transition:color 0.2s linear;}
			h2.mission a:focus,
			h2.mission a:active {color:#FFA64D; border-color:#FFA64D;}


 
	header {
		width:896px;
		min-height:500px;
		margin:0 auto 4em;
		padding-top:1em;
	 	}
	 	body#homepage header {margin-bottom:0;}

		/* See Headings > H1 for logo CSS */

		#header-contact {
			float:right;
			margin:-75px 0 0 0;
			padding:0 2px;
			list-style:none;
			text-align:right;
			}
			#header-contact li {font-size:1.3em;}
			#header-contact a {
				display:block;
				margin-top:0;
				font:1.1em 'Lato', sans-serif;
				}
			#header-contact li a.mobile {display:none;}

			#header-contact li.soc {margin-top:0.5em;}
			#header-contact li.soc a {display:inline-block; width:20px; height:20px; padding:0 3px; border:none;}
			#header-contact li.soc a i {color:#fff; transition:color 0s linear;}
			#header-contact li.soc a:hover i,
			#header-contact li.soc a:focus i {color:#C993C5; transition:color 0.2s linear;}
			#header-contact li.soc a:active i {color:#FFA64D; transition:color 0.2s linear;}

		nav {
			display:block;
			height:47px;
			margin:0 0 34px 0;
			border:1px solid #ccc;
			border-top:none;
			border-bottom-color:transparent;
			border-radius:5px;
			box-shadow:0 2px 10px rgba(0,0,0, 0.3);
			}
			nav ul {
				margin:0;
				background: #f6f6f6;
				background: -moz-linear-gradient(top, #f6f6f6 2%, #d7d9d9 99%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f6f6f6), color-stop(99%,#d7d9d9)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%); /* IE10+ */
				background: linear-gradient(to bottom, #f6f6f6 2%,#d7d9d9 99%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d7d9d9',GradientType=0 ); /* IE6-9 */
				
				border-radius:5px;
				list-style:none;
				}
				nav ul li {
					display:inline-block;
					width:149px;
					box-sizing:border-box;
					margin:0 0 0 -4px;
					color:#666;
					font-size:1.2em;
					text-shadow:0 1px 0 #fff;
					border-right:1px solid #ccc;
					-webkit-transition:background 0.2s ease-in-out;
					-moz-transition:background 0.2s ease-in-out;
					transition:background 0.2s ease-in-out;
					}
					nav ul li:first-child {
						margin:0;
						border-radius:3px 0 0 3px;
						}
					nav ul li:first-child a {border-radius:3px 0 0 3px;}
					nav ul li:last-child {
						width:149px; /* reduce if breaks out of the nav */
						border:none;
						border-radius:0 3px 3px 0;
						}
						nav ul li:last-child a {border-radius:0 3px 3px 0;}
					nav ul li a {
						display:block;
						padding:14px 0 15px 0;
						color:#666;
						text-align:center;
						text-decoration:none;
						}
					nav ul li:hover a, {
						background:rgba(255,255,255,0.3);
						-moz-transition:background 0.2s ease-in-out;
						-webkit-transition:background 0.2s ease-in-out;
						transition:background 0.2s, color 1s 0.5s ease-in-out;
						}
						nav ul li a:hover {
							padding-bottom:14px;
							color:#C993C5!important;
							text-decoration:none;
							border-bottom-color:#C993C5!important;
							border-bottom-style: solid;
							border-bottom-width: 2px;
							}
					nav ul li:active,
					nav ul li:focus {
						background:rgba(255,255,255,0.9);
						-webkit-box-shadow:0 0 4px 0 rgba(0,0,0, 0.2) inset;
						-moz-box-shadow:0 0 4px 0 rgba(0,0,0, 0.2) inset;
						box-shadow:0 0 4px 0 rgba(0,0,0, 0.2) inset;
						}
						nav ul li:active a,
						nav ul li:focus a {
							padding-bottom:14px;
							color:#FFA64D!important;
							border-bottom:1px solid #FFA64D;
							border-bottom-color: #FFA64D!important;
							}
					nav ul li.selected {
						text-shadow:0 1px 0 rgba(0,0,0, 0.3);
						background:#C993C5;
						box-shadow:0 0 4px 0 rgba(0,0,0, 0.2) inset;
						}
						nav ul li.selected:first-child {margin-left:-1px;}
						nav ul li.selected a {
								color:#fff;
								border-bottom:none;
								-webkit-transition:text-shadow 0.4s ease-in-out;
								-moz-transition:text-shadow 0.4s ease-in-out;
								transition:background 0.5s ease-in, text-shadow 0.4s ease-in-out;
								}
						nav ul li.selected:hover {
							background:#A86698;
							box-shadow:0 0 8px 0 rgba(0,0,0, 0.6) inset;
							-webkit-transition: box-shadow 0.4s linear;
							-moz-transition: box-shadow 0.4s linear 2s;
							transition:background 0.5s ease-in, box-shadow 0.4s linear 0.05s;
							}
							nav ul li.selected:hover a {
								padding-bottom:15px;
								color:#73516C!important;
								text-shadow:0 1px 0 rgba(0,0,0, 0.1);
								transition:color 0.3s linear .3s;
								}

	select.mobile-nav-dropdown {
		display:none;
		width:100%;
		margin:8px 0 16px 0;
		font-size:16px;
		}
	select#mobile-nav-dropdown option {
		padding:20px;
		}

	.content-container {
		width:896px;
		margin:20px auto 20px auto;
		/*background:rgba(0,0,0,0.05);*/
		}

	footer {
		display:block;
		margin:32px 0 0 0;
		padding-top:24px;
		padding-bottom:12px;
		background:#564B5F;
		border-bottom:12px solid #3E3643;
		}
		#footer-content {
			position:relative;
			width:896px;
			margin:0 auto;
			padding:24px 10px 10px 10px;
			color:#aaa;
			}
			#footer-content div {
				display:inline-block;
				vertical-align:top;
				}
			#footer-content h1 {
				margin:3px 0 13px 0;
				color:#ddd;
				font-size:1.2em;
				text-shadow: 0 1px 0 #111;
				}
				#footer-content h1.logo {
					width:160px;
					margin:-15px 0 0 0;
					padding:15px 0 0 0;
					font-size:1.4em;
					font-weight:400;
					text-transform:none;
					background:url('../img/bg_logo_white.png') no-repeat top right;
					}
				#footer-content h1.logo a:hover {border:none;}
				#footer-content h1 a {color:#ddd; text-transform:none;}
				#footer-content h1 a:hover,
				#footer-content h1 a:focus {color:#fff; border-bottom:1px dotted #fff;}
				#footer-content h1 a:active {color:#F3A658; border-bottom:1px dotted transparent;}

				#footer-content #profile {margin-right:130px; margin-bottom:48px;}
					#footer-content #profile address {
						margin:5px 0 24px 0;
						font-size:.8em;
						line-height:1.4em;
						}
					#footer-content #profile ul {margin-top:8px; list-style:none;}
					#footer-content #profile span {display:inline-block; width:18px; margin:0 8px 0 4px; color:#F3A658; text-align:center;}
					#footer-content #profile ul li:nth-of-type(2) span {width:26px;}
					#footer-content #profile ul li:last-child span {width:34px;}
					#footer-content #profile i {margin:-2px 0 0 0; color:#F3A658;}
					#footer-content #profile a {display:inline-block; cursor:pointer; color:#ddd; border-bottom:1px solid transparent;}
					#footer-content #profile a:hover,
					#footer-content #profile a:focus {color:#ddd; border-bottom:1px dotted #ddd;}
					#footer-content #profile a:active {color:#F3A658; border-bottom:1px dotted transparent;}

					#footer-content .sitemap {
						display:inline-block;
						vertical-align:top;
						width:172px;
						margin:0 24px 0 0;
						}
						/*#footer-content .sitemap:nth-of-type(2) {width:172px;}*/
						#footer-content .sitemap:nth-of-type(3) {width:132px;}
						#footer-content .sitemap:nth-of-type(4) {margin-right:0;}
						#footer-content .sitemap:last-child {margin:0;}
						#footer-content .sitemap ul {list-style:none;}
							.sitemap ul li {margin:10px 0; line-height:1.15em;}
								.sitemap ul li a {color:#999;}
									.sitemap ul li a:hover,
									.sitemap ul li a:focus {color:#fff; border-color:#fff;}
									.sitemap ul li a:active {color:#F3A658; border-bottom:1px dotted transparent;}
						.sitemap.footer-blog ul#footer-feed li {margin-top:14px; padding-top:6px; border-top:1px solid rgba(255,255,255, 0.1);}
						.sitemap.footer-blog ul#footer-feed li a i {margin:0 0 0 12px; transition:0.1s color linear;}
						.sitemap.footer-blog ul#footer-feed li a:hover i,
						.sitemap.footer-blog ul#footer-feed li a:focus i {color:#F3A658;}
						.sitemap.footer-blog .recent-posts2 ul {margin-top:0; padding-top:0;}
						.sitemap.footer-blog .recent-posts2 li {margin-top:0; padding-top:0; font-size:1.25em;}
						.sitemap.footer-blog .recent-posts2 li h4 {
							position:relative;
							display:block;
							margin:0 0 0 15px;
							}
						.sitemap.footer-blog .recent-posts2 li a:before {
							position:absolute;
							top:1px;
							left:-17px;
							content:'\F016';
							font-family:FontAwesome;
							font-size:0.8em;
							color:#999;
							transition:0.3s color ease;
							}
							.sitemap.footer-blog .recent-posts2 li a:hover:before {
								color:#fff;
								transition:0.3s color ease;
								}


			#hh {float:right; margin-top:-19px;}
				#hh * {display:inline-block; vertical-align:top;}
				#hh p {font-size:0.75em; color:#999;}
				#hh a {border-bottom:1px solid transparent;}
				#hh a:hover,
				#hh a:focus {color:#EFD8F1; border-bottom:1px dotted #EFD8F1;}
				#hh a:active {color:#F3A658; border-bottom:1px dotted transparent;}
				#hh div {padding-left:12px; border-left:1px dotted rgba(255,255,255, 0.1);}
				#hh div a {display:block; margin-bottom:0; font-size:0.6em; text-align:right; line-height:1.5em; color:#999; text-shadow:none;}
				#hh-logo {
					width:38px;
					height:22px;
					margin-right:8px;
					margin-left:6px;
					background:url(../img/hh-logo.png) no-repeat;
					}
					#hh-logo:hover {background-position:-39px; border-bottom:none!important;}
					#hh-logo:active {background-position:-78px; border-bottom:none!important;}
					
			#footer-content p.copyright {position:absolute; bottom:0px; color:#999; font-size:0.75em;}



/* ----------------------
   3.) Fonts
   ---------------------- */
   
	body {
		font:1em Helvetica, Arial;
		color:#444;
		}
		
	a, a i {
		color:#9684A6;
		text-decoration:none;
		-webkit-transition:color 0.3s linear;
		-moz-transition:color 0.3s linear;
		transition:color 0.3s linear;
		}
		i.icon-circle-arrow-right {margin-right:3px; color:#9684A6;}
		a i {margin-right:5px;}

		a:hover, a:focus {
			color:#D797DC;
			border-bottom:1px dotted;
			transition:none;
			}
			a:hover img {border:none;}
			a:active {color:#F3A658; border-bottom-color:#F3A658;}


	a.prompt {font-size:.8em;}
	p a.prompt {font-size:1em;}

	p a {color:#9684A6; border-bottom:1px dotted #9684A6;}
	p a:hover, p a:focus {color:#D797DC; border-bottom-color:#D797DC;}
	p a:active {color:#F3A658; border-bottom-color:#F3A658;}
	
	h1 {
		margin:-6px 0 0 0;
		font:1.5em 'Lato', sans-serif;
		text-shadow:0 1px 0 #fff;
	    margin:0;
	    font-size:1.7em;
	    text-transform:uppercase;
	    color:#9684A6;
	    color:#A86698;
	    color:#C993C5; /* new 2016 pink */
	    color:#9684A6; /* new 2016 purple to match service h1 tag titles */
		}
		h1 span {
			display:block;
			padding-left:1px;
			color:#666;
			font-size:0.6em;
			text-transform:none;
			}


		h1#logo {
			position:relative;
			width:210px;
			margin:25px 0 28px 0;
			padding:20px 2px 0 2px;
			font-size:1.8em;
			font-weight:400;
			text-transform:none;
			/*background:url('../img/bg_logo.png') no-repeat top right;*/
			vertical-align:bottom;
			opacity:1;
	 		}
	 		h1#logo span {display:inline-block; font-size:1em; color:#fff;}
	 		h1#logo div.fb-like {position:absolute; bottom:3px; right:-80px;}
			h1#logo a { /* Select */
				color:#fff;
				text-decoration:none!important;
				text-shadow:none;
				border:none!important;
				transition:color 0.2s linear;
				}
				h1#logo a span { /* Telecom */
					transition:color 0.2s linear;
				/* 	
					margin-left:-5px;  pulls 'telecom' left, maintaining the space for SEO 
					-webkit-transition:color 0.2s ease-in;
					-moz-transition:color 0.2s ease-in;
					transition:color 0.2s ease-in; 
				*/
					}
			h1#logo:hover a, h1#logo:focus a {color:#C993C5; transition:color 0.2s linear;}
			h1#logo:active {color:#9684A6;}

				h1#logo:hover a span, h1#logo:focus a span {color:#F3A658; transition:color 0.2s linear;}
				h1#logo:active span {color:#F3A658;}


	/* -- Centered Titles -- */
	/*#voice h1,
	#data h1 {#
		position:relative;
		width:30%;
		margin:0 24% 0 41%;
		text-transform:uppercase;
		}
		
	#voice h1 i,
	#data h1 i {
		position:absolute;
		top:0; left:-50px;
		padding-top:4px;
		font-size:1.9em;
		}
		#data h1 i {top:-2px; left:-65px;}

	#voice h1 span,
	#data h1 span {
		display:block;
		padding-left:1px;
		color:#777;
		font-size:0.6em;
		text-transform:none;
		}
		#voice h1 span {padding-left:2px;}

	#network h1,
	#bespoke h1 {
		text-align:center;
		}*/

	/* -- Left Titles */
	#voice h1,
	#data h1,
	#network h1,
	#bespoke h1 {
		position:relative;
		margin:0;
		padding-left:62px;
		font-size:1.7em;
		text-transform:uppercase;
		}
		#data h1 {padding-left:82px;}
		#network h1 {padding-left:68px;}
		#bespoke h1 {padding-left:68px;}

		#voice h1 span,
		#data h1 span,
		#network h1 span,
		#bespoke h1 span {
			display:block;
			padding-left:1px;
			color:#666;
			font-size:0.6em;
			text-transform:none;
			}
			#voice h1 span {padding-left:2px;}
			#network h1 span div {display:inline-block;}
		
	#voice h1 i,
	#data h1 i,
	#network h1 i,
	#bespoke h1 i {
		position:absolute;
		top:-4px;
		left:-4px;
		margin:0 20px 0 0;
		padding-top:4px;
		font-size:2.5em;
		color:#bfbfbf;
		z-index:-100;
		}
		#voice h1 i {top:-10px; -webkit-transform:rotate(6deg);}
		#data h1 i {top:-10px;}
		#network h1 i {top:-13px;}
		#bespoke h1 i {top:-15px;}

	/* Big icons, behind text */
	/*#voice h1,
	#data h1 {
		position:relative;
		margin:0 0 24px 0;
		text-align:center;
		text-transform:uppercase;
		}
		
	#voice h1 i,
	#data h1 i {
		position:absolute;
		top:-40px;
		left:50%;
		margin:0 0 0 -53px;
		padding-top:4px;
		font-size:5em;
		color:#ddd;
		z-index:-1;
		}
		#data h1 i {top:-50px; margin:0 0 0 -60px;}

	#voice h1 span,
	#data h1 span {
		display:block;
		padding-left:1px;
		color:#777;
		font-size:0.6em;
		text-transform:none;
		}
		#voice h1 span {padding-left:2px;}

	#network h1,
	#bespoke h1 {
		text-align:center;
		}*/


	.tel {
		margin:0 0 3px 0;
		color:#888;
		font-size:1.2em;
		text-shadow:0 1px 0 #fff;
		}
		#header-contact .tel {text-shadow:none; color:#fff;}
		#header-contact .tel i {font-size:1.2em; color:#fff; margin:0 5px -20px 0;}

	h2 {
		margin:-6px 0 0.8em -2px;
		font:1.4em 'Lato', sans-serif;
		color:#F3A658;
		text-shadow:0 1px 0 #fff;
		}			
		h2.mission {
			margin:3em 0 0;
			padding:0 34px 44px 34px;
			font:1.45em 'Lato', Arial, sans-serif;
			text-align:center;
			line-height:1.6em;
			color:#fff;
			text-shadow:none;
			}
			h2.mission span {color:#b14b8e;}
			h2.mission span:hover {color:#9684A6; text-decoration:underline; cursor:pointer;} /* !ATTENTION NEEDED (Should be on multiple lines) */
			
		h2.title {
			margin-bottom:2px;
			font-size:1.2em;
			color:#555;
			text-shadow:0 1px 0 #fff;
			}
	h3 strong {
		font-weight:bold;
		color:#777;
		}


	h3,h4,h5 {margin:0 0 10px 0;}

		h3.slanted {margin:18px 0 30px; padding:5px 0 0; color:#ccc; font-size:1.4em; font-weight:normal; font-style:italic; text-shadow:0 1px 0 #fff;}

		h4 {
			font-size:0.8em;
			color:#777;
			}
		h5 {
			font-size:0.8em;
			font-weight:bold;
			font-style:italic;
			}
	
	

	p {
		margin-bottom:0.8em;
		color:#666;
		font-size:0.85em;
		line-height:1.6em;
		}
		p.intro {
			margin:0 0 24px 0;
			font-size:0.95em;
			color:#222;
			}
		p.disclaimer {
			font-size:0.7em;
			color:#999;
			}
	
	small {
		display:block;
		margin-top:15px;
		font-size:0.85em;
		line-height:1.4em;
		}
		span.symbol {float:left; padding:0 5px 30px 0;}

	em {font-style:italic;}
	strong {font-weight:bold;}
		
	i {color:#666;}

	ul.small li {font-size:0.95em;}

	.fr {float:right;}
	.fl {float:left;}

	.txtfloat-r {
		position:relative;
		float:right;
		width:30%;
		margin:0 0 0 20px;
		padding:9px 0 0 1px;
		border-top:1px solid #ccc;
		z-index:1;
		}
	.txtfloat-l {
		float:left;
		width:30%;
		margin-right:20px;
		padding-top:8px;
		border-top:1px solid #ccc;
		}

	/* Large icon bottom right. Parent must have position:relative; AND overflow:hidden; */
	.iconbg {
		position:absolute;
		right:60px; bottom:-80px;
		font-size:25em;
		/* color:rgba(0,0,0,0.25); text-shadow:1px 0 0 rgba(200,200,200,0.1); */
		color:rgba(0,0,0,0.15); text-shadow:none;
		z-index:0;
		}
		/*.iconbg:after {
			position:absolute;
			width:180px; height:180px;
			top:-20px; left:-28px;
			content:'';
			background:rgba(0,0,0,0.03);
			border-radius:100px;
			z-index:-1;
			}*/

	hr {
		border:0;
		height:1px;
		margin:24px -12px;
		background-image: -webkit-linear-gradient(left, #f4f5f6, #ccc, #f4f5f6); 
		background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), #ccc, rgba(0,0,0,0)); 
		background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), #ccc, rgba(0,0,0,0)); 
		background-image:      -o-linear-gradient(left, rgba(0,0,0,0), #ccc, rgba(0,0,0,0));
		}
		hr {
			border:0;
			height:1px;
			margin:12px 0 42px;
			background-image: -webkit-linear-gradient(left, #ddd, #f4f5f6); 
			background-image:    -moz-linear-gradient(left, #ddd, rgba(0,0,0,0)); 
			background-image:     -ms-linear-gradient(left, #ddd, rgba(0,0,0,0)); 
			background-image:      -o-linear-gradient(left, #ddd, rgba(0,0,0,0));
			}

	.highlight-box {
		position:relative;
		margin:37px 0 34px 0!important;
		padding:24px 44px 24px 48px!important;
		color:#fff!important;
		background:#9684A6!important;
		border-radius:5px!important;
		overflow:hidden;
		}
		.highlight-box h2 {
			position:relative!important;
			margin-bottom:10px;
			color:#fafafa!important;
			font-size:1.2em;
			text-shadow:none!important;
			z-index:1;
			}
			.highlight-box h2:nth-of-type(2) {margin-top:30px!important;}
			.highlight-box h2 i {
				position:absolute!important;
				margin:4px 0 0 -30px!important;
				font-size:0.85em!important;
				color:#9684A6!important;
				z-index:0!important;
				}
				.highlight-box h2 i:after {
					position:absolute!important;
					top:-2px; left:-3px!important;
					width:21px; height:21px!important;
					content:''!important;
					background:#eee!important;
					border-radius:20px!important;
					z-index:-1!important;
					}

		.highlight-box p {
			position:relative;
			z-index:1;
			color:#d0d0d0;
			}
			.highlight-box p strong {color:#fff; font-weight:normal;}
			.highlight-box p small {color:#999;}

		.highlight-box a {
			color:#fff;
			text-decoration:underline;
			}
		.highlight-box .iconbg {
			position:absolute;
			top:-20px;
			right:-100px;
			height:320px;
			padding:15px 25px;
			font-size:20em;
			color:#9684A6;
			border:16px solid rgba(0,0,0, 0.08);
			border-radius:1000px;
			z-index:1;
			}
			.highlight-box .iconbg:after {
				position:absolute;
				content:'';
				top:-6px; left:-7px;
				width:340px;
				height:340px;
				background:rgba(0,0,0, 0.1);
				border:12px solid #9684A6;
				border-radius:200px;
				z-index:-1;
				}


/* ----------------------
   4.) Homepage
   ---------------------- */
 
	#homepage-featured-container {
		display:block;
		position:relative;
		height:auto;
		margin-top:0;
	 	background:#f0f0f0; /* Old browsers */
	 	background:-moz-linear-gradient(top,  #fafafa 0%, #dadada 100%); /* FF3.6+ */
	 	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
	 	background:-webkit-linear-gradient(top,  #fafafa 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
	 	background:-o-linear-gradient(top,  #fafafa 0%,#dadada 100%); /* Opera 11.10+ */
	 	background:-ms-linear-gradient(top,  #fafafa 0%,#dadada 100%); /* IE10+ */
	 	background:linear-gradient(to bottom,  #fafafa 0%,#dadada 100%); /* W3C */
	 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
		border-top:1px solid #eeeff0;
		border-bottom:1px solid #ccc;
		z-index:100;
		/* Disable text selection (sometimes happens by accident when clicking) */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	 	}
		#homepage-featured {
			width:872px; /* 896px - 24px (L&R margins) */
			margin:0 auto;
			padding:0.5em 12px 0.3em 15px;
			}

			.service-link {display:inline-block; border:none!important;}
			.service-link:hover {border-bottom:none;} /* Overrides javascript on mobiles */
		 	.service {
		 		display:inline-block;
				position:relative;
		 		width:152px;
		 		/*height:104px;*/
		 		margin:3px 20px 6px 20px;
				padding:16px 10px 20px 10px;
				border-radius:5px;
				vertical-align:top;
				z-index:100;
				-moz-transition:all 0.2s ease-in-out;
				-webkit-transition:all 0.2s ease-in-out;
				
		 		}
				.service .icon {margin:0 0 8px 0; text-align:center;}
				.service .icon i {
					margin:0 0 1px 0;
					font-size:4.7em;
					text-align:center;
					text-shadow:0 1px 0 #fff;
					color:#777;
					transition:color 0.6s ease-in-out;					
					}
		 		.service h2 {
					color:#606060;
					font-size:0.95em;
		 			text-align:center;
					text-shadow:0 1px 0 #eee;
					transition:color 0.6s ease-in-out;
		 			}
				.service:hover, {
					background:rgba(255,255,255,0.3);
					box-shadow:0 1px 3px 0 #c7c7c7;
					cursor:pointer;
					transition:color 0.2s ease-in-out;
					}
				.service:hover .icon i {
					color:#9684A6;
					transition:color 0.2s ease-in-out;
					}
				.service:hover h2 {
					color:#9684A6;
					transition:color 0.2s ease-in-out;
					}
				.service:active,
				.service.selected {
					cursor:pointer;
					/* background: #fac695;
					background: -moz-radial-gradient(center, ellipse cover,  #fac695 0%, #f5ab66 47%, #ef8d31 100%);
					background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fac695), color-stop(47%,#f5ab66), color-stop(100%,#ef8d31));
					background: -webkit-radial-gradient(center, ellipse cover,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
					background: -o-radial-gradient(center, ellipse cover,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
					background: -ms-radial-gradient(center, ellipse cover,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
					background: radial-gradient(ellipse at center,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=1 );

					background:url(../img/service-selected-bg.png); */
					background:#F7AC60;

					box-shadow:0 0 5px 0 rgba(0,0,0, 0.2) inset;
					transition:all 0.2s ease-in-out;
					}
					.service:active h2,
					.service.selected h2 {color:#fff;text-shadow:0 0 5px #EEB276;}

					.service:active .icon i {color:#fff; text-shadow:none;}
					.service.selected .icon i {color:#f5f6f7;text-shadow:0 0 5px #EEB276;}


				.arrow {
					display:none;
					position:absolute; bottom:-32px; left:50%;
					width:30px;
					height:22px;
					margin-left:-9px;
					background:url(../img/service-selected-arrow.png) no-repeat;
					}
					.arrow.left {left:20%;}
					.arrow.right {left:80%;}
						

			.homepage-service-info {
				display:none; /* Shown when needed using javascript */
				position:relative;
				margin:0 auto;
				padding:20px 10px 30px 10px;
				/*height:150px;*/
				color:#666;
				text-shadow:0 1px 0 #fff;
				background:#383838;
				background:-webkit-linear-gradient(top, #303030 0%,#4a4a4a 20%,#555 100%); /* Chrome10+,Safari5.1+ */
				background:   -moz-linear-gradient(top, #303030 0%,#4a4a4a 20%,#555 100%); /* FF3.6+ */
				background:     -o-linear-gradient(top, #303030 0%,#4a4a4a 20%,#555 100%); /* Opera10+ */
				background:    -ms-linear-gradient(top, #303030 0%,#4a4a4a 20%,#555 100%); /* IE10+ */
				background:linear-gradient(to bottom, #303030 0%,#4a4a4a 20%,#555 100%); /* W3C */
				filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#555',GradientType=0 ); /* IE6-9 */
				border-bottom:none;
				box-shadow:0 -1px 0 #ebebeb inset, 0 0 5px 0 #dcdcdd;
				z-index:90;
				}
				.homepage-service-info .content {
					position:relative;
					width:780px;
					height:auto;
					margin:0 auto;
					color:#ccc;
					text-shadow:0 1px 0 #333;
					}
					.homepage-service-info .content h2 {
						margin:12px 0 24px 0;
						color:#F3A658;
						text-transform:uppercase;
						text-shadow:none;
						}
						.homepage-service-info .content h2 span {
							display:block;
							font-size:0.7em;
							text-transform:none;
							color:#ddd;
							}

					.homepage-service-info .content h4 {color:#ddd; text-transform:uppercase;}
					.homepage-service-info .content p {color:#aaa;}

					.homepage-service-info .content i {color:#fff; border:none; margin-right:5px;}

					.homepage-service-info .content a {color:#fff; text-shadow:0 1px 1px #333; border-bottom:1px dotted #fff;}
					.homepage-service-info .content a:hover {color:#9684A6; border-color:#9684A6;}
					.homepage-service-info .content a:active {color:#F7AC60; border-color:#F7AC60;}
					

					.homepage-service-info .column-container .column:not(:last-child) {border-right:1px solid #777!important;}
					.homepage-service-info .column-container .column {transition:0.2s text-shadow ease; cursor:pointer;}
					.homepage-service-info .column-container .column:hover h4 {color:#9684A6;}
					.homepage-service-info .column-container .column:hover p {color:#fff;}

					.homepage-service-info .column img {
						float:right;
						width:60px; height:60px;
						margin:-5px -5px 10px 10px;
						padding:3px;
						background:#fff;
						border:1px solid #666;
						border-radius:100px;
						}
				.service-info-message {
					display:none;
					position:absolute; top:0; right:5px;
					padding:3px 5px 3px 5px;
					color:#666;
					text-shadow:none;
					background:#ccc;
					border-radius:3px;
					opacity:0.8;
					}
					.service-info-message:hover {opacity:1;}

	
		#bill-audit {
			position:relative;
			float:left;
			width:353px;
			height:auto;
			margin:30px 25px 50px 0;
			padding:24px 44px 24px 24px;
			color:#fff;
			background:#9684A6; /* 2016 purple */
			border:1px solid #ccc;
			border-radius:5px;
			box-shadow:0 1px 8px #aaa;
			overflow:hidden;
			transition:background 0.3s ease;
			}
			#bill-audit .iconbg {
				bottom:-60px;
				left:-24px;
				font-size:15em;
				color:rgba(0,0,0, 0.07);
				}
			#bill-audit:active {}
			#bill-audit img.icon {
				position:absolute;
				top:28px;
				right:24px;
				}
			.content-container a:hover {text-decoration:none;}
			#bill-audit h2 {
				margin:0 0 10px 0;
				font-size:0.9em;
				color:#fff;
				text-shadow:0 1px 2px #68426d;
				text-transform:uppercase;
				}
			#bill-audit h1 {
				position:relative;
				margin:-11px 0 10px -3px;
				color:#6D6178;
				font-size:2.4em;
				margin-bottom:10px;
				text-shadow:0 1px 0 rgba(255,255,255, 0.2);
				z-index:1;
				transition:0.8s color ease;
				transition:0.8s text-shadow ease;
				}
			#bill-audit p,
			#bill-audit p i {
				position:relative;
				margin-bottom:15px;
				padding:0 20px 0 1px;
				color:#fff;
				text-shadow:0 1px 2px #68426d;
				z-index:1;
				-moz-transition:color 0.3s ease;
				-webkit-transition:color 0.3s ease
				}
			#bill-audit ol {
				position:relative;
				margin:0 0 12px 24px;
				z-index:1;
				}
				#bill-audit ol li {
					margin:0 0 4px 0;
					font-size:0.8em;
					text-shadow:0 1px 2px #68426d;
					}
			#bill-audit:hover,
			#bill-audit:focus {
				cursor:pointer;
				background:#786984;
				transition:background 0.5s ease;
				}
				#bill-audit:hover h1,
				#bill-audit:focus h1 {
					color:#fff;
					text-shadow:0 0 3px rgba(0,0,0, 0.25);
					transition:0.8s text-shadow ease 0.2s;
					transition:0.6s color ease 0.2s;
					}
				#bill-audit:hover h2,
				#bill-audit:focus h2 {
					text-shadow:none;
					}
				#bill-audit:hover p,
				#bill-audit:focus p {
					color:#fff;
					transition:color 0.5s ease-in;
					}
				#bill-audit:hover .delay-glow,
				#bill-audit:focus .delay-glow,
				#bill-audit:hover p i,
				#bill-audit:focus p i {
					color: #F3A658;
					transition: color 0.2s ease-in .45s;
					transform: translate3d(0, 0, 0);
					-moz-animation: delay-glow 1s ease both .25s;
					-o-animation: delay-glow 1s ease both .25s;
					animation: delay-glow 1s ease both .25s;
					}

					/* Animation for the last line of Bill Audit */
					@-webkit-keyframes delay-glow {
					    50% {-webkit-transform: scale(1);}
						75% {-webkit-transform: scale(1.2); text-shadow:0 1px 2px rgba(255,255,255, 0.8);}
					    100% {-webkit-transform: scale(1); text-shadow:0 1px 2px rgba(255,255,255, 1), 0 0 7px rgba(255,255,255, 0.85);}
					}
					@-moz-keyframes delay-glow {
						50% {-moz-transform: scale(1);}
						75% {-moz-transform: scale(1.2); text-shadow:0 1px 2px #68426d;}
					    100% {-moz-transform: scale(1); text-shadow:0 1px 2px #68426d, 0 0 7px rgba(255,255,255, 0.85);}
					}
					@-o-keyframes delay-glow {
						50% {-o-transform: scale(1);}
						75% {-o-transform: scale(1.2); text-shadow:0 1px 2px #68426d;}
					    100% {-o-transform: scale(1); text-shadow:0 1px 2px #68426d, 0 0 7px rgba(255,255,255, 0.85);}
					}
					@keyframes delay-glow {
						50% {transform: scale(1);}
						75% {transform: scale(1.2); text-shadow:0 0px 2px #68426d;}
					    100% {transform: scale(1); text-shadow:0 0px 2px #F3A658, 0 0 7px #F3A658;}
					}

			
		#blog-feed {
			position:relative;
			float:right;
			width:373px;
			min-height:800px;
			margin:30px 0 24px 25px;
			padding:24px;
			background:#fafafa;
			border:1px solid #ddd;
			border-radius:5px;
			box-shadow:0 1px 8px #ccc;
			overflow-x:auto;
			}
			#blog-feed a.rss {position:absolute; top:15px; right:15px; font-size:1.8em;}
				#blog-feed a.rss i {color:#999; transition:color 0.2s ease;}
				#blog-feed a.rss:hover {border:none;}
				#blog-feed a.rss:hover i {color:#9684A6; transition:color 0.2s ease;}

			#blog-feed #recent-posts2 {min-height:150px;}

			#recent-posts2 .feed-item {
				position:relative;
				height:110px;
				margin-bottom:12px; padding:6px 0 32px 0;
				border-bottom:1px solid #dadada;
				overflow:hidden;
				}
				#recent-posts2 .feed-item:last-child {margin-bottom:2px; border-bottom:0;}
				.feed-item img,
				.feed-item img:hover {
					float:left;
					width:94px;
					height:94px;
					margin:0 15px 40px 0; 
					vertical-align:top;
					border-radius:2px;background:silver;
					}
				.feed-item h2 {
					margin:-1px 0 .4em 0px;
					font-size:1.1em;
					line-height:1.4em;
					}
				.feed-item h2 a {border-bottom:1px dotted;}
				.feed-item p {max-height:42px; margin-bottom:12px; overflow:hidden;}
				.feed-item p.more {
					position:absolute; right:0; bottom:12px;
					margin-bottom:0; padding:8px 0 0 0;
					font-size:0.8em;
					}
					.feed-item p.more i {color:#9684A6; border-bottom-color:transparent;}
					.feed-item p.more:hover a, .feed-item p.more:focus a {color:#D797DC; border-color:#D797DC;}
					.feed-item p.more:active a {color:#F3A658; border-color:#F3A658;}

			#blog-feed #latest-news {
				position:absolute;
				display:block;
				right:0;
				bottom:0;
				left:0;
				padding:6px 8px 6px 10px;
				color:#fff;
				font-size:0.8em;
				text-decoration:none;
				background:#F3A658;
				border-bottom:1px solid #F7AC60;
				border-radius:0 0 5px 5px;
				}
				#blog-feed #latest-news i {color:#fff;}
				#blog-feed #latest-news:hover,
				#blog-feed #latest-news:focus {background:#FFA64D; border-bottom:1px solid #FFA64D;}



		#case-studies {
			float:left;
			width:373px;
			margin:0 0 46px 0;
			padding:24px 24px 12px 24px;
			background:#f0f0f0;
			border:1px solid #dadada;
			border-radius:5px;
			box-shadow:0 1px 8px #dcdcdc;
			}
			#case-studies > div {
				position:relative;
				display:inline-block;
				vertical-align:top;
				margin:0 0 30px 0;
				width:47%;
				min-height:65px;
				}
				#case-studies > div:nth-of-type(1) {margin-right:15px;}
					#case-studies > div:nth-of-type(1):before {
						position:absolute;
						top:54px;
						right:-12px;
						bottom:0;
						width:1px;
						content:'';
						background:#ddd;
						}
				#case-studies a.img {
					position:relative;
					/*float:right;*/
					display:block;
					width:110px;
					height:156px;
					margin:0 auto 6px auto;
					background-position:0 0;
					background-size:100%;
					border:1px solid #ccc;
					/*border-radius:3px;*/
					/*top:0; right:0;
					margin:-4px 0 0 0;*/
					/*zoom:90%;*/
					}
					#case-studies a.img:hover {border:1px solid #ccc;}
						#case-studies a.img.ramside {background:url(../img/casestudy-ramsidehall.png);}
						#case-studies a.img.janforster {background:url(../img/casestudy-janforster.png);}

						#case-studies a.img.ramside:hover,
						#case-studies a.img.janforster:hover {background-position:0 -156px;}


				#case-studies h3 {
					margin:0 0 4px 0;
					font-size:1.2em;
					color:#555;
					}
				#case-studies h4 {
					min-height:50px;
					margin:18px 0 0 0;
					font-size:1.1em;
					line-height:1em;
					text-align:center;
					}
				#case-studies h5 {
					height:20px;
					margin:0 0 0 1px;
					font-size:0.75em;
					font-weight:normal;
					font-style:normal;
					color:#999;
					}


		.testimonial {
			float:left;
			position:relative;
			width:373px;
			min-height:150px;
			margin:0 0 36px 0;
			padding:0 24px 12px;
			background:#f0f0f0;
			border:1px solid #dadada;
			border-radius:5px;
			box-shadow:0 1px 8px #dcdcdc;
			}
			.testimonial a.logo {
				position:absolute;
				top:14px;
				right:14px;
				padding:6px;
				background:#fff;
				border:1px solid #ddd;
				border-radius:3px;
				}
				.testimonial a.logo:hover {border:1px solid #ccc;}
				.testimonial a.logo img {
					display:block;
					border-radius:3px;
			    	zoom:50%;
					}
			.testimonial h2 {margin:0 0 18px; font-size:1em; color:#777;}
			.testimonial h2 span {display:block; margin-top:4px; font-size:0.8em; color:#999}

			blockquote {
				margin:85px 0 60px 0;
				quotes:"\201C""\201D""\2018""\2019";
				font: italic normal 1.2em Georgia;
				color:#9684A6;
				}
				blockquote:before {
					color:#9684A6;
					content:open-quote;
					font-size:5em;
					line-height:.1em;
					margin:0.2em .2em 0 -.1em;
					vertical-align:-.4em;
					}
				blockquote:after {
					float:right;
					margin-top:-24px;
					padding:0;
					color:#CAC1D2;
					font-size:7em;
					content:close-quote;
					}

		#partners {
			text-align:left;
			margin:0 0 40px 0;
			}
			#partners h2 {margin-bottom:10px;}
			ul#partner-logos {display:block; margin:0;}
				ul#partner-logos li {
					display:inline-block;
					width:418px;
					text-align:center;
				/*	background:#efeff1; */
					background:#efefef;
					border:1px solid #eee;
				
					width:22%;
					margin:1.6%
					}
					/* ul#partner-logos li:nth-child(2n-1) {margin:12px 50px 36px 0;} */

					ul#partner-logos li:first-child {margin-left:0;}
					ul#partner-logos li:last-child {margin-right:0;}

					ul#partner-logos li:hover,
					ul#partner-logos li:focus {
						border-color:#ddd;
						}

					ul#partner-logos li a {
						display:block;
						padding:52px 0 58px;
						border:none;
						}
						ul#partner-logos li a img {
							opacity:0.7;
							-webkit-filter:grayscale(1);
							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");
							filter:gray;
							transition:0.2s opacity ease;
							}
							ul#partner-logos li a:hover img,
							ul#partner-logos li a:focus img {
								opacity:1;
								-webkit-filter:none;
								filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
								filter:none;
								transition:0.2s opacity ease;
								}
			
			
			
/* ----------------------
   5.) Services
   ---------------------- */
	#service-nav a  {
		display:inline-block;
		width:24%;
		text-align:center;
		color:#333;
		}

	.service-container {
		display:block;
		margin:0 0 66px 0;
		}
		/*.service-container h1 {
			width:auto;
			height:26px;
			font-size:1.6em;
			text-align:center;
			vertical-align:center;
			}
			.service-container h1 i {
				font-size:1.2em;
				margin-right:8px;
				vertical-align:bottom;
				}*/
		.service-container hr {
			border:0;
			height:1px;
			margin:12px 0 30px;
			background-image: -webkit-linear-gradient(left, #ddd, #f4f5f6); 
			background-image:    -moz-linear-gradient(left, #ddd, rgba(0,0,0,0)); 
			background-image:     -ms-linear-gradient(left, #ddd, rgba(0,0,0,0)); 
			background-image:      -o-linear-gradient(left, #ddd, rgba(0,0,0,0));
			}
			.service-container h2 i {margin-right:5px;}
			

	/* Tabs */
	h2.tab {
		display:none;
		position:relative;
		z-index:0;
		margin:17px -5px -1px 0;
		padding:8px 17px 10px 14px;
		color:#909090;
		font-size:0.9em;
		text-shadow:0 1px 0 #eaeaea;
		background: #eaeaea;
		background: -moz-linear-gradient(top, #eaeaea 0%, #dfdfdf 65%, #d0d0d0 97%, #c0c0c0 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #eaeaea), color-stop(65%, #dfdfdf), color-stop(97%, #d0d0d0), color-stop(100%, #c0c0c0));
		background: -webkit-linear-gradient(top, #eaeaea 0%, #dfdfdf 65%, #d0d0d0 97%, #c0c0c0 100%);
		background: -o-linear-gradient(top, #eaeaea 0%, #dfdfdf 65%, #d0d0d0 97%, #c0c0c0 100%);
		background: -ms-linear-gradient(top, #eaeaea 0%, #dfdfdf 65%, #d0d0d0 97%, #c0c0c0 100%);
		background: linear-gradient(to bottom, #eaeaea 0%, #dfdfdf 65%, #d0d0d0 97%, #c0c0c0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#c0c0c0', GradientType=0 );
		border:1px solid #b3b3b3;
		border-top-color:#ccc;
		border-bottom:none;
		border-radius:5px 5px 0 0;
		cursor:pointer;
		-moz-transition:0.2s color linear, 0.2s background linear;
		-webkit-transition:0.2s color linear, 0.2s background linear;
		transition:0.2s color linear, 0.2s background linear;
		}
		h2.tab span {
			display:block;
			margin-bottom:1px;
			padding-left:1px;
			font-size:0.6em;
			color:#a0a0a0;
			text-align:right;
			-moz-transition:0.2s color linear;
			-webkit-transition:0.2s color linear;
			transition:0.2s color linear;
			}
		h2.tab pre {display:inline-block;}
		h2.tab:hover {
			color:#9684A6;
			text-shadow:0 -1px 2px #efefef;
			background:#eaeaea;
			-moz-transition:0.2s color linear, 0.2s background linear;
			-webkit-transition:0.2s color linear, 0.2s background linear;
			transition:0.2s color linear, 0.8s background linear;
			}
	    
		h2.tab.selected {
			padding:8px 18px 10px 16px;
			color:#666;
			font-size:1.1em;
			background:#f5f5f5;
			border:1px solid #ccc;
			border-bottom:none;
			z-index:1;
			}	
			#voice h2.tab.selected span {color:#999; font-size:0.55em; text-shadow:none;}
			h2.tab.selected:hover {
				color:#9684A6;
				background:#f5f5f5;
				transition:none;
				}
			h2.tab.selected:hover span {color:#999ß;}

	.tab-info-container {
		position:relative;
		padding:24px!important;
		background:#f5f5f5;
		border:1px solid #ccc;
		border-top-color:#bbb;
		border-radius:0 5px 5px 5px;
		box-shadow:0 1px 8px #ccc;
		z-index:0;
		
		}
	.tab-info {
		padding:0 0 24px 0;
		margin:0 0 24px 0;
		border-bottom:1px solid #ccc;
		}
		.tab-info:last-child {
			margin:0;
			padding:0;
			border:none;
			}
		.tab-info h2 {
			margin:0 0 24px 0;
			font-size:1.3em;
			line-height:1.5em;
		 	color:#F3A658;
			}
		.tab-info h3 {}
			.tab-info h3 em {display:block; margin:5px 0 20px 0;}
		.tab-info ul, .tab-info ol {
			margin:10px 0 20px 28px;
			font-size:0.75em;
			list-style:disc;
			}
			.tab-info ul li {margin:0 0 4px 0;}
			.tab-info ul ul {margin-bottom:0; font-size:1em;}
			.tab-info ul ul li {margin-bottom:8px; list-style:circle;}
			
		.tab-info ul.images {
			margin:16px 0 26px;
			list-style:none;
			text-align:center;
			}
			.tab-info ul.images li {
				display:inline-block;
				margin:10px;
				color:#888;
				}
				.tab-info ul.images li img {
					display:block;
					margin:0 auto 12px auto;
					}
		.tab-info a.alcatel {
			float:right;
			width:39px; height:41px;
			margin:-4px 0 0 100px;
			background:url(../img/logo-alcatel-icon.png);
			background-size:cover;
			-webkit-filter:grayscale(1);
			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");
			filter:gray;
			opacity:0.4;
			transition:0.4s opacity ease-in-out;
			}
			.tab-info.network .installation, .tab-info.wifi .installation {
				position:relative;
				overflow:hidden;
				margin:0 0 -24px 0;
				padding:0 0 24px 0;
				}
				.tab-info.network .installation .iconbg, .tab-info.wifi .installation .iconbg {
					top:0;
					right:12px;
					font-size:20em;
					color:rgba(0,0,0,0.04);
					z-index:-1;
					}
				.tab-info.network .installation h3, .tab-info.network .installation p, .tab-info.wifi .installation h3, .tab-info.wifi .installation p {z-index:1;}
				.tab-info.network .installation h3, .tab-info.wifi .installation h3 {
					font-weight:bold;
					color:#777;
					}
			.tab-info.wifi a.alcatel {margin-left:80px; margin-bottom:10px;}
			.tab-info a.alcatel:hover,
			.tab-info a.alcatel:focus {
				-webkit-filter:none;
				/*filter:none;*/
				filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
				opacity:1;
				border:none;
				transition:0.1s opacity ease-in;
				}

	/* Accordions */
	.accordion {}
		.accordion div .accordion-title {padding:20px 0 0 0;}
			.accordion div .accordion-title h3 {
				position:relative;
				margin:0 0 0 20px;
				}
				.accordion div .accordion-title h3:after {
					position:absolute;
					left:-20px;
					font-family:FontAwesome;
					content:'\F0DA';
					transition: -transform 0.2s ease;
					}
			.accordion div .accordion-title:hover, .accordion div .accordion-title.selected {
				cursor:pointer;
				color:#ccc;
				text-shadow:0 -1px 0 #ccc;
				}
				.accordion div .accordion-title:hover i {text-shadow:none;}
			
			.accordion div .accordion-title.selected {color:#ccc; text-shadow:0 1px 0 #f0f0f0;}
				.accordion div .accordion-title.selected h3:after {
					transform:rotate(90deg);
					transition: transform 0.2s ease;
					}
		.accordion div .accordion-content {
			display:none;
			padding:20px 20px 0 20px;
			}
			.accordion .accordion-content ul {margin:5px 0 5px 25px;}

	/* Columns */
	.column-container {
		position:relative;
		height:100%;
		margin:12px 0 24px 0;
		}
		.column-container .column {
			position:relative;
			display:inline-block;
			vertical-align:top;
			min-height:100%;
			}
			.column-container.two-columns .column {width:47%;}
			.column-container.two-columns .column:nth-of-type(1) {padding:12px 2.5% 12px 0; border-right:1px solid #ccc;}
			.column-container.two-columns .column:nth-of-type(2) {padding:12px 0 12px 2.5%;}
			.column-container.three-columns .column {width:30%;}
			.column-container.three-columns .column:nth-of-type(1) {padding:12px 2% 12px 0; border-right:1px solid #dfdfdf;}
			.column-container.three-columns .column:nth-of-type(2) {padding:12px 2%; border-right:1px solid #dfdfdf;}
			.column-container.three-columns .column:nth-of-type(3) {padding:12px 0 12px 2%;}
			.column-container .column.no-border {border:none!important}
		
	/* Voice Services */
	/*#voice > p {margin-left:18px; margin-right:18px;}*/
	#voice-generic {position:relative;}
		#voice-generic .installation {
			position:relative;
			margin:24px -24px 0 -24px;
			background:#eee;
			background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
			border-top:1px solid #ccc;
			overflow:hidden;
			}
			#voice-generic .installation p {
				position:relative;
				z-index:1;
				}
			#voice-generic .installation .accordion-title {padding:20px 0 24px 24px;}
			#voice-generic .installation .accordion-title .iconbg {transition:0.2s font-size ease; opacity:0.3;}
			#voice-generic .installation .accordion-title:not(.selected) .iconbg {
				right:24px; bottom:-35px;
				font-size:7em;
				opacity:0.6;
				transition:0.2s font-size ease;
				}
			#voice-generic .installation .accordion-title h3 {
				color:#999;
				font-weight:bold;
				text-shadow:0 1px 0 #f9f9f9;
				}
				#voice-generic .installation .accordion-title i {text-shadow:none;}
				#voice-generic .installation .accordion-title:hover h3, #voice-generic .installation .accordion-title.selected h3 {color:#777;}
				#voice-generic .installation h3:after {display:none;}
				#voice-generic .installation h3 i {
					position:relative;
					margin:0 15px 0 -13px;
					font-size:1.25em;
					color:#fff;
					z-index:1;
					}
					#voice-generic .installation h3 i:after {
						position:absolute;
						content:'';
						width:30px; height:30px;
						top:-4px; left:-6px;
						background:#518058;
						box-shadow:0 1px 0 #efefef;
						border-radius:15px;
						z-index:-1;
						}
						#voice-generic .installation:hover h3 i:after, #voice-generic .installation .accordion-title.selected h3 i:after {
							background: #61c419;
							background: -moz-radial-gradient(center, ellipse cover, #61c419 1%, #008c00 90%);
							background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#61c419), color-stop(90%,#008c00));
							background: -webkit-radial-gradient(center, ellipse cover, #61c419 1%,#008c00 90%);
							background: -o-radial-gradient(center, ellipse cover, #61c419 1%,#008c00 90%);
							background: -ms-radial-gradient(center, ellipse cover, #61c419 1%,#008c00 90%);
							background: radial-gradient(ellipse at center, #61c419 1%,#008c00 90%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c419', endColorstr='#008c00',GradientType=1 );
							}

			#voice-generic .installation .accordion-content {
				 margin:-5px;/* - why put a negative top margin here over top-padding below? ;*/
				padding:10px 48px 24px 69px;
				cursor:default;
				}
			#voice-generic .installation ul {
				list-style:disc;
				margin:0 0 0 20px;
				}
				#voice-generic .installation ul li {
					margin:0 0 3px 0;
					font-size:1em;
					}

		.datasheet a {
			float:right;
			margin:-91px 0 12px 12px;
			font-size:0.85em;
			text-align:center;
			border-bottom:1px solid transparent;
			}
			.datasheet img {margin-bottom:8px; transition:0.6s box-shadow linear;}
			.datasheet p {margin-top:1px; margin-bottom:10px;}
			.datasheet a p {border-bottom:1px dotted #9684A6; color:#9684A6;}
			.datasheet a:hover img {
				box-shadow:0 1px 3px rgba(0,0,0,0.2);
				transition:0.05s box-shadow ease;
				}


	/* FAQ */
		.faq {
			position:relative;
			margin:0 -24px -24px -24px;			
			color:#a0a0a0;
			text-shadow:0 1px 0 #444;
			background:#333;
			background-image: -moz-linear-gradient(top, #444, #666);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666));
			border:none;
			border-top:1px solid #444;
			border-radius:0 0 5px 5px;
			box-shadow:0 2px 10px rgba(0,0,0, 0.6) inset;
			overflow:hidden;
			}
			.faq p {position:relative; z-index:10!important; color:#ccc;}
			.faq a {color:#c96cd1;}
				.faq a:hover {color:#D797DC;}
			.faq div div {
				/*margin:0 0 20px 15px;*/
				}
				.faq > div > div > div.accordion-title {
					padding:28px 40px 28px 24px;
					}
				.faq > div > div > div.accordion-title h3 {
					margin-top:-10px;
					height:18px;
					font-weight:bold;
					}
					.faq > div > div > div.accordion-title:hover h3, 
					.faq > div > div > div.accordion-title.selected h3 {
						color:#ccc;
						text-shadow:0 1px 0 #333;
						}
					.faq > div > div > div.accordion-title h3:after {display:none;}
					.faq > div > div > div.accordion-title .iconbg {
						right:95px; bottom:-120px;
						font-size:30em;
						opacity:0.4;
						-o-transform:rotate(40deg);
						-moz-transform:rotate(40deg);
						-webkit-transform:rotate(40deg);
						transform:rotate(40deg);
						transition:0.2s font-size ease;
						}
					.faq > div > div > div.accordion-title:not(.selected) .iconbg {
						right:40px; bottom:-30px;
						font-size:7em;
						opacity:0.8;
						transition:0.2s font-size ease;
						}
					.faq > div > div > div.accordion-content {margin-bottom:10px; padding-top:5px;}
					.faq > div > div > div.accordion-title h3 i {
						position:relative;
						margin:0 21px 0 -13px;
						font-size:1.5em;
						color:#666;
						text-shadow:none;
						z-index:1;
						}
						.faq > div > div > div.accordion-title h3 i:after {
							position:absolute;
							content:'';
							width:30px; height:30px;
							top:-3px; left:-7px;
							box-shadow:0 1px 0 #707070;
							background:#2f2f2f;
							border-radius:15px;
							z-index:-1;
							}
							.faq > div > div > div.accordion-title:hover h3 i, .faq > div > div > div.accordion-title.selected h3 i {
								color:#6f6f6f;
								}
							.faq > div > div > div.accordion-title:hover h3 i:after,.faq > div > div > div.accordion-title.selected h3 i:after {
								background:#1f1f1f;
								}
				.faq div div div:last-child {padding-bottom:20px;}
				.faq div div.accordion-content div {padding:0 15px 5px 26px;}
				.faq div div.accordion-content div div.accordion-content {padding:6px 60px 15px;}
				.faq div div.accordion-content h3 {
					font-size:0.9em;
					text-shadow:none;
					}
					.faq div div.accordion-content h3 i {
						margin:0 0 0 -15px;
						opacity:0.8;
						}

						.faq .accordion div .accordion-title.selected:hover {color:#eaeaea;}

				.faq div div.accordion-content h4:not(:first-child) {margin-top:24px;}
				/*.faq div div.accordion-content ul {margin-left:15px;}*/
				.faq div div.accordion-content strong {color:#aaa;}
			.faq div div.accordion-content h4 {color:#ddd; margin-bottom:8px;}
			.faq .icon-question.iconbg {
				z-index:0;
				/*bottom:-15px;*/
				/*font-size:10em;*/
				}

	table#pcx-comparison {
		display:block;
		margin:0 20px;
		}
		#pcx-comparison thead tr {border-bottom:1px solid rgba(0,0,0, 0.3);}
			#pcx-comparison thead tr th {
				width:20%;
				text-align:center;
				color:#fff;
				}
				#pcx-comparison thead tr th div {
					padding:10px 15px;
					background:#9684A6;
					}
			#pcx-comparison thead tr th:first-child {
				width:60%;
				text-align:left;
				}
				#pcx-comparison thead tr th:first-child div {border-radius:5px 0 0 0;}
			#pcx-comparison thead tr th:last-child {border-right:none;}
				#pcx-comparison thead tr th:last-child div {
					border-radius:0 5px 0 0;
					}
		#pcx-comparison tbody tr {}
			#pcx-comparison tbody tr:nth-child(even) {background:#eaeaea; border-bottom:1px solid #ddd;}
			#pcx-comparison tbody tr td {
				padding:12px 24px 12px 15px;
				font-size:0.8em;
				text-align:center;
				vertical-align:middle;
				border-right:0px solid #ddd;
				}
				#pcx-comparison tbody tr td:first-child {text-align:left;}
		#pcx-comparison span {display:none;}
		#pcx-comparison i {
			font-size:1.2em;
			color:green;
			}
			#pcx-comparison i.disabled {color:#ccc;}

	
	/* Data Services */
	/*#data > p {margin-left:18px; margin-right:18px;}*/
	
	#data.service-container h2 {display:none;}

	#data .tab-info-container .cabling .column {min-height:480px;}

	.important-notice {
		margin:20px 0 24px 0;
		padding:23px 20px 20px 20px;
		background:#e5e5e5;
		border-top:1px solid #ccc;
		border-radius:4px;
		box-shadow:inset 0 -1px 6px #d0d0d0;
		}
		.important-notice h3 {
			position:relative;
			margin:0 0 10px 25px;
			color:#F3A658;
			font-weight:bold;
			text-shadow:0 0px 2px #fff;
			}
			.important-notice h3 i {
				position:absolute;
				top:-3px;
				left:-25px;
				font-size:1.4em;
				color:#F3A658;
				}
		.important-notice p {
			margin-right:26px;
			margin-left:26px;
			}
		#data .tab-info-container .cabling .column h3 {margin:0 0 3px 0;}
		#data .tab-info-container .cabling .column h4 {
			margin:0 0 10px 0;
			font-size:0.8em;
			color:#999;
			}
			#data .tab-info-container .cabling .column img {
				float:right;
				width:60px; height:60px;
				margin:-5px -5px 10px 10px;
				padding:3px;
				background:#fff;
				border:1px solid #ccc;
				border-radius:100px;
				}

	#data .tab-info-container .network .column {
		display:inline-block;
		vertical-align:top;
		width:47%;
		margin:24px 0;
		padding:0 2% 2% 0;
		}
		#data .tab-info-container .network .column:nth-of-type(1) {
			padding-right:22px;
			border-right:1px solid #ccc;
			}
		#data .tab-info-container .network .column:nth-of-type(2) {
			padding-left:22px;
			padding-right:0;
			}
		#data .tab-info-container .network .column .product {
			display:block;
			margin:24px 0 24px 0;
			padding:24px;
			background:#eee;
			border:1px solid #ddd;
			border-radius:0 0 3px 3px;
			}
			#data .tab-info-container .network .column .product h4 {
				/*font-size:0.8em;*/
				font-weight:bold;
				}
			#data .tab-info-container .network .column .product .img {
				margin:-24px -24px 12px -24px;
				background:#fff;
				border-bottom:1px solid #ddd;
				}
				#data .tab-info-container .network .column .product .img img {
					display:block;
					margin:0 auto;
					}
			#data .tab-info-container .network .column .product a {font-size:0.7em;}
		#data .tab-info-container .network .column h3 {margin:0 0 5px 0;}
		#data .tab-info-container .network .column:first-child {}
		#data .tab-info-container .network .column:last-child {}

	#data .tab-info-container .wifi {}
		#data .tab-info-container .wifi .accordion {
			margin:24px 0 36px 0;
			border:1px solid #ccc;
			background: #f0f0f0; /* Old browsers */
			background: -moz-linear-gradient(top,  #f0f0f0 28%, #e0e0e0 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f0f0f0 28%,#e0e0e0 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
			border-radius:4px;
			box-shadow:0 2px 6px rgba(0,0,0, 0.07);
			}
			#data .tab-info-container .wifi .accordion:hover {
				background: #f0f0f0; /* Old browsers */
				background: -moz-linear-gradient(top,  #f0f0f0 5%, #efefef 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f0f0f0), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #f0f0f0 5%,#efefef 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #f0f0f0 5%,#efefef 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #f0f0f0 5%,#efefef 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #f0f0f0 5%,#efefef 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
				}
			#data .tab-info-container .wifi .accordion > div {border-bottom:1px solid #ccc;}
			#data .tab-info-container .wifi .accordion div:first-child .accordion-title {border-radius:4px 4px 0 0;}
			#data .tab-info-container .wifi .accordion > div:last-child {border:none;}

			#data .tab-info-container .wifi .accordion div .accordion-title {
				padding:20px;
				transition:0.2s background ease, 0.2s color ease;
				}
				#data .tab-info-container .wifi .accordion div .accordion-title:hover {
					cursor:pointer;
					background: #f0f0f0; /* Old browsers */
					background: -moz-linear-gradient(top,  #f0f0f0 28%, #e0e0e0 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #f0f0f0 28%,#e0e0e0 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
					}

				#wifi-aps {background:url('../img/bg-accordion-wifi-aps.png') no-repeat 98% 0;}
				#wifi-switches {background:url('../img/bg-accordion-wifi-switches.png') no-repeat 100% 0;}
					#data .tab-info-container .wifi .accordion div #wifi-aps.selected,
					#data .tab-info-container .wifi .accordion div #wifi-switches.selected {background:none;}

					#data .tab-info-container .wifi .accordion div .accordion-title.selected:hover {
						background:none;
						}


				#data .tab-info-container .wifi .accordion div .accordion-title h3 {
					position:relative;
					margin:0 0 0 20px;
					}
					#data .tab-info-container .wifi .accordion div .accordion-title h3:after {
						position:absolute;
						left:-20px;
						font-family:FontAwesome;
						content:'\F0DA';
						transition:	-webkit-transform 0.2s ease;
						transition: -moz-transform 0.2s ease;
						transition: -ms-transform 0.2s ease;
						transition: -o-transform 0.2s ease;
						}
				#data .tab-info-container .wifi .accordion div .accordion-title:hover h3 {
					color:#9684A6;
					text-shadow:0 1px 0 #fafafa;
					}
				#data .tab-info-container .wifi .accordion div .accordion-title.selected h3 {
					color:#666;
					}
					#data .tab-info-container .wifi .accordion div .accordion-title.selected:hover h3 {color:#9684A6;}
					#data .tab-info-container .wifi .accordion div .accordion-title.selected h3:after {
						-webkit-transform:rotate(90deg);
						-moz-transform:rotate(90deg);
						-ms-transform:rotate(90deg);
						-o-transform:rotate(90deg);
						/*transform:rotate(90deg);*/
						transition:	-webkit-transform 0.2s ease;
						transition: -moz-transform 0.2s ease;
						transition: -ms-transform 0.2s ease;
						transition: -o-transform 0.2s ease;
						}
			#data .tab-info-container .wifi .accordion div .accordion-content {
				display:none;
				padding:20px;
				}

		#wifi-deployment .accordion-content {padding-top:0!important}

		#access-points, #controllers {padding:0 40px 12px 40px!important;}
		#access-points .column-container, #controllers .column-container {margin:24px;}
			#access-points div h4, #controllers div h4 {margin-bottom:16px; color:#777; font-size:0.9em; font-weight:bold;}
			#access-points div h4 span, #controllers div h4 span {display:block; padding-top:3px; color:#999; font-size:0.8em; font-weight:normal;}
			#access-points div h5, #controllers div h5 {margin:16px 0 12px 0; color:#999; font-size:0.65em; font-weight:normal; font-style:normal; text-transform:uppercase;}
			#access-points div ul, #controllers div ul {margin-left:24px;}
			#access-points div img, #controllers div img {float:right; margin:24px 0 0 12px; overflow:visible;}

			#product-shelf {
				display:block;
				margin:0 0 20px 0;
				padding:0 16px 0 16px;
				text-align:right;
				background:#ccc;
				background: -moz-linear-gradient(top,  rgba(239,239,239,0) 67%, rgba(197,197,197,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(67%,rgba(239,239,239,1)), color-stop(100%,rgba(197,197,197,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(239,239,239,0) 67%,rgba(197,197,197,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(239,239,239,0) 67%,rgba(197,197,197,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(239,239,239,0) 67%,rgba(197,197,197,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(239,239,239,0) 67%,rgba(197,197,197,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
				border-radius:8px;
				clear:both;
				}
				#product-shelf img {display:inline-block; float:none; margin:0 4px;}
				#product-shelf img:first-child {float:left; margin:34px 0 0 8px;}


			#switch-features div h3,
			#switch-models div h3 {padding-bottom:8px;}

			#switch-features ul {margin:20px 28px 32px;}
			#switch-features ul li {margin-bottom:8px;}

			#switch-models div {
				position:relative;
				display:inline-block;
				width:46.5%;
				min-height:120px;
				margin:16px auto 10px 0;
				padding-bottom:0;
				background:#eaeaea;
				box-shadow:0 3px 7px #c0c0c0;
				}
				#switch-models div.ml {margin-left:20px;}
				#switch-models div img {display:block; margin-bottom:4px; border-bottom:1px solid #efefef; border-top-right-radius:4px; border-top-left-radius:4px;}
				#switch-models div h4 {margin:0; padding:0 0 6px 0;}
				#switch-models div h4 a {margin:0 8px; padding:0; font-size:0.85em;}


	#data-info {
		display:block;
		position:relative;
		padding:24px;
		min-height:100px;
		background:#f5f5f5;
		border:1px solid #ccc;
		border-radius:0 5px 5px 5px;
		box-shadow:0 1px 8px #ccc;
		}
		#data-info h3 {margin:0 0 6px 0;}

	#data .faq {margin-top:24px;}

	
	/* Network Services */

	#network .tab-info-container {margin-bottom:48px;}

	#network .tab-info .accordion {
		margin:24px 0 36px 0;
		border:1px solid #ccc;
		background: #f0f0f0; /* Old browsers */
		background: -moz-linear-gradient(top,  #f0f0f0 28%, #e0e0e0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f0f0f0 28%,#e0e0e0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
		border-radius:4px;
		box-shadow:0 2px 6px rgba(0,0,0, 0.07);
		}
		#network .tab-info .accordion:hover {
			background: #f0f0f0; /* Old browsers */
			background: -moz-linear-gradient(top,  #f0f0f0 5%, #efefef 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f0f0f0), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f0f0f0 5%,#efefef 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f0f0f0 5%,#efefef 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f0f0f0 5%,#efefef 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f0f0f0 5%,#efefef 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
			}
			#network .tab-info .accordion > div {border-bottom:1px solid #ccc;}
					#network .tab-info .accordion div:first-child .accordion-title {border-radius:4px 4px 0 0;}
					#network .tab-info .accordion > div:last-child {border:none;}

					#network .tab-info .accordion div .accordion-title {
						padding:20px;
						transition:0.2s background ease, 0.2s color ease;
						}
						#network .tab-info .accordion div .accordion-title:hover {
							cursor:pointer;
							background: #f0f0f0; /* Old browsers */
							background: -moz-linear-gradient(top,  #f0f0f0 28%, #e0e0e0 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #f0f0f0 28%,#e0e0e0 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #f0f0f0 28%,#e0e0e0 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
							}
							#network .tab-info .accordion div .accordion-title.selected:hover {
								background:none;
								}

						#network .tab-info .accordion div .accordion-title h3 {
							position:relative;
							margin:0 0 0 20px;
							}
							#network .tab-info .accordion div .accordion-title h3:after {
								position:absolute;
								left:-20px;
								font-family:FontAwesome;
								content:'\F0DA';
								transition:	-webkit-transform 0.2s ease;
								transition: -moz-transform 0.2s ease;
								transition: -ms-transform 0.2s ease;
								transition: -o-transform 0.2s ease;
								}
						#network .tab-info .accordion div .accordion-title:hover h3 {
							color:#9684A6;
							text-shadow:0 1px 0 #fafafa;
							}
						#network .tab-info .accordion div .accordion-title.selected h3 {
							color:#666;
							}
							#network .tab-info .accordion div .accordion-title.selected:hover h3 {color:#9684A6;}
							#network .tab-info .accordion div .accordion-title.selected h3:after {
								-webkit-transform:rotate(90deg);
								-moz-transform:rotate(90deg);
								-ms-transform:rotate(90deg);
								-o-transform:rotate(90deg);
								/*transform:rotate(90deg);*/
								transition:	-webkit-transform 0.2s ease;
								transition: -moz-transform 0.2s ease;
								transition: -ms-transform 0.2s ease;
								transition: -o-transform 0.2s ease;
								}
					#network .tab-info .accordion div .accordion-content {
						display:none;
						padding:20px 40px;
						}

		#network .tab-info .accordion-content {padding-top:0!important}

		#network .tab-info.broadband .column {min-height:450px;}

	#network .faq {margin-top:24px;}
		/*#network*/ .faq div div.accordion-content > div > div.accordion-content {padding:6px 40px 15px 0;}
			#voice .faq div div.accordion-content > div > div.accordion-content {padding:6px 40px 15px 47px;}
			/*#network*/ .faq div div.accordion-content div div.accordion-content div div.accordion-content {padding:6px 40px 15px 50px;}

	/* Customer Service */
	#customer-service {
		margin:0 0 -34px 0;
		}
		#customer-service h1 {padding-left:0!important;}
		#customer-service h3 i {margin:0 12px 0 0; font-size:1.5em;}
		#customer-service-summary {margin:24px 12px;}
			#customer-service-summary ul {margin:0 0 0 24px; list-style:none;}
				#customer-service-summary ul li {position:relative; padding:0 0 0 4px;}
					#customer-service-summary ul li:after {
						position:absolute;
						top:0;
						left:-15px;
						content:'\F005';
						font-family:FontAwesome;
						color:#ecb208;
						}
		
	/* Bespoke Solutions */
	/*#bespoke > p {margin-left:18px; margin-right:18px;}*/
	#bespoke {margin:0 0 47px 0;}
		ul#bespoke-infographic {
			width:760px;
			margin:24px auto 24px auto;
			}
			#bespoke-infographic li {
				display:inline-block;
				vertical-align:top;
				width:200px;
				font-size:1.3em;
				text-align:center;
				color:#555;
				}
				#bespoke-infographic li h2 {color:#555;}
			#bespoke-infographic li.bespoke-arrow {width:70px;}
				#bespoke-infographic li.bespoke-arrow i {
					display:block;
					margin:65px auto 0 auto;
					font-size:3em;
					color:#bfbfbf;
					}
	
	/* Slider (Temp) */
	#slide-container {margin:0 0 50px 0;}
		.slide {
			display:block;
			padding:24px;
			margin:0 0 16px 0;
			background:#ddd;
			}
			.slide:hover {cursor:pointer;}
			.slide-info {
				display:none;
				margin:10px -10px -10px -10px;
				padding:0 10px 10px 10px;
				}
			.slide .icon {
				float:left;
				width:25px;
				height:25px;
				margin:2px 5px 0 0;
				opacity:1;
				}
				.slide h1 {margin:0 0 0 30px;}




/* ----------------------
   8.) About
   ---------------------- */
	#about section {
		margin:0 0 10px 0;
		padding:5px 0;
		}
		#about section#who-we-are img {
			float:right; 
			width:174px; height:174px; 
			margin:-30px 0 16px 20px; padding:4px; 
			background:#fff;
			border:1px solid #ccc;
			border-radius:300px;
			box-shadow:0 2px 24px #dadada;
			}
	
	#office-images {margin:24px 0;}
		#office-images a {
			display:inline-block;
			width:20%;
			margin:0 5.5% 0 0;
			}
			#office-images a:hover {border:none;}
		#office-images a img {
			border:4px solid #fff;
			box-shadow:0 1px 4px 0 #999;
			}
		#office-images a:last-child {margin-right:0;}

	#where-we-came-from h2,
	#our-vision h2 {
		margin:0 0 12px 0;
		color:#555;
		}
	#where-we-came-from {
		padding:5px 20px 0 0!important;
		margin-right:10%;
		border-right:1px solid #ccc;
		}
		#where-we-came-from img {margin:0 0 0 20px; padding:5px;}
	#our-vision {padding:5px 0 0 20px!important;}



/* ----------------------
   9.) Contact
   ---------------------- */

   #contact .content-container > h2 {margin-left:0;}

   #contact-details, #office {margin:20px 0;}
   #contact-details div {margin-bottom:22px; margin-left:6px;}
		
		#tel, #fax {
			display:inline-block;
			width:248px;
			margin-top:8px;
			}
			#tel {margin-right:16px;}
			#email {margin-bottom:36px;}

		#contact-details div i {
			float:left;
			margin:4px 0 0 3px;
			font-size:2.1em;
			color:#777;
			}
			#contact-details #email i {margin:0 0 0 1px; font-size:1.8em;}

		#contact-details div h4 {
			margin:0 0 0 48px;
			color:#999;
			font-size:0.75em;
			text-transform:uppercase;
			}
		#contact-details div p {
			margin:0 0 0 48px;
			color:#555;
			}
			#email a {margin-top:2px; font-size:1.3em;}


	#staff-member-clearfix {display:none;}
	.staff-member {
		display:inline-block;
		position:relative;
		width:228px;
		margin:16px 20px 24px 0;
		padding:12px 10px 14px 14px;
		vertical-align:top;
		background:#e3e3e3;
		border-radius:3px;
		}
		.staff-member i.icon-user {
			float:left;
			margin:2px 5px 10px 1px;
			padding:0 5px 5px 0;
			font-size:1.1em;
			}
		.staff-member img {
			float:right;
			width:70px;
			height:70px;
			border:5px solid #f0f0f0;
			}
		.staff-member h3 {
			display:inline-block;
			font-size:1em;
			margin:0;
			}
		.staff-member h4 {
			margin:4px 0 0 24px;
			font-size:0.8em;
			}
		.staff-member tel {margin:0 0 0 3px;}
		.staff-member ul {
			margin:28px 0 0 4px;
			padding:0;
			list-style:none;
			}
			.staff-member li {
				margin-bottom:4px;
				font-size:1em;
				}
				.staff-member li:last-child {margin-bottom:none;}
					.staff-member li i {
						margin-right:9px;
						margin-left:-5px;
						font-size:0.95em;
						color:#888;
						}
						.staff-member li i:first-child {font-size: 1.1em}
				.staff-member img {
					position:absolute;
					top:10px;
					right:12px;
					}


	#office {
		float:right;
		position:relative;
		}
		#office img {
			z-index:5;
			width:326px;
			height:258px;
			margin:0 0 10px 0;
			border:5px solid #f0f0f0;
			box-shadow:0 1px 4px 0 #999;
			}

	#tweet-us-container {width:532px;}
	#tweet-us-container h2 {margin-bottom:16px;}
		#tweet-us {
			display:block;
			margin:8px 0 12px -2px;
			}
			#tweet-us a.tweet {
				display:inline-block;
				width:425px;
				padding:12px 5px 12px 10px;
				font-size:0.9em;
				color:#888;
				background:#fff;
				border:1px solid #ccc;
				border-radius:3px 0 0 3px;
				}
				#tweet-us a.tweet:hover,
				#tweet-us a.tweet:focus {border:1px solid #bbb;}

			#tweet-us a.follow {
				display:inline-block;
				vertical-align:top;
				width:74px;
				margin:0 0 0 -4px;
				padding:12px 9px 10px 7px;
				font-size:0.8em;
				text-align:center;
				font-weight:bold;
				color:#000;
				background: #d5d5d5; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
				border-radius:0 3px 3px 0;
				border:1px solid #ccc;
				border-left:none;
				}
				#tweet-us a.follow i {
					margin:1px 8px 0 0;
					font-size:1.3em;
					color:#4099FF;
					text-shadow:0 1px 0 #fff;
					}
				#tweet-us a.follow:hover,
				#tweet-us a.follow:focus {
					background: #eaeaea; /* Old browsers */
					background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d6 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
					border:1px solid #bbb;
					border-left:none;
					}
				#tweet-us a.follow:active {box-shadow:0 3px 5px rgba(0,0,0,0.1) inset;}
		
		#tweet-us p {
			padding:5px 0 0 0;
			color:#666;
			}


	#social-bar {
		float:right;
		width:336px;
		min-height:50px;
		margin:0 0 24px 0;
		padding:0 0 16px 0;
		text-align:center;
		background:#e3e3e3;
		border:1px solid #ddd;
		border-top-color:#d5d5d5;
		border-radius:3px;
		box-shadow:inset 0 -1px 6px #dadada;
		}
		#social-bar h4 {margin:8px 0 16px 8px; color:#999; font-size:0.7em; text-align:left; text-transform:uppercase;}
		#social-bar div {
			display:inline-block;
			width:100px;
			}
			#social-bar a {
				display:block;
				width:100px;
				font-size:2.6em;
				color:#ccc;
				transition:0.2s color ease;
				}
				#social-bar div:hover a i {
					color:#9684A6;
					transition:0.2s color ease;
					}
				#social-bar div a:hover {text-decoration:none; border:none;}


	/* Make the facebook plugin responsive */
	#fb-root {display:none;}
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget span iframe[style] {width:100%!important;}

	#social-bar #twitter-widget-0 {width:345px;}
			
			
			
	.left, .right {position:relative; margin:0 0 50px 0;}
		.left {float:left;}
		.right {float:right;}

		.left h2 {
			margin:0 0 20px 0;
			}
		.icon-building {
			float:left;
			margin:0 20px 40px 0;
			padding:2px 0 0 0;
			font-size:7.7em;
			transition:0.6s color linear;
			}
			.icon-building:hover,
			.icon-building:focus {
				color:#7D6A8D;
				transition:0.2s color ease-in;
				}
	
	#map-container {width:528px;}
	#map {
		border:1px solid #ccc;
		margin:0 0 16px 0;
		background:#f2f2f2;
		border-radius:5px;
		}
		#map iframe {
			width:526px;
			height:380px;
			margin:-11px 0 -4px 0;
			border-radius:4px;
			}
		.left a.maplink {position:absolute; top:145px; right:2px; font-size:0.7em;}
		.left a.street {position:absolute; top:164px; right:2px; font-size:0.7em;}
			a.maplink:hover,
			a.maplink:focus,
			a.street:hover,
			a.street:focus {border-bottom:1px dotted #7D6A8D; color:#7D6A8D;}
			a.maplink i,
			a.street i {
				float:right;
				margin:-2px 0 0 0;
				padding:0 0 0 8px;
				font-size:1.3em;
				background:#f5f6f7;
				}
				a.maplink:hover i,
				a.maplink:focus i,
				a.street:hover i,
				a.street:focus i {color:#7D6A8D;} 
		
		
		
	#contact-form {
		position:relative;
		width:303px;
		margin:24px 0 0 0;
		padding:16px 16px 24px 17px;
		background:#9684A6;
		border-radius:5px;
		}
		#contact-form h2 {
			margin:0 0 22px 0;
			color:#fff;
			text-shadow:0 1px 1px rgba(0,0,0, 0.25);
			}
		#contact-form fieldset {margin:0 0 12px 0; padding:0;}
		#contact-form legend,
		#contact-form label {
			margin-top:16px;
			margin-bottom:6px; 
			font-size:0.8em;
			color:#eee;
			}
			#fs2 label, #fs3 label, #fs-line label, #fs4 label {display:none;}

		#contact-type {margin:1em 0 1.6em!important;}
		#contact-form input[type=radio] {
		    display:none; 
		    margin:10px;
			}
		#contact-form input[type=radio] + label {
			position:relative;
		    display:inline-block;
		    width:100px;
	        margin:-2px;
	        padding:10px 0 5px 0;
	        margin-bottom:0;
	        color:#756185;
	        text-align:center;
	        vertical-align:middle;
	        cursor:pointer;
	        background:#7b4186;
	        background:#9F8FAD;
	        transition:0.1s background ease;
			}
			#contact-form input[type=radio] + label:hover {background:#864c90; background:#A99AB6; box-shadow:rgba(255,255,255, 0.5);}
			#contact-form input[type=radio] + label:hover i,
			#contact-form input[type=radio] + label:hover p {
				color:#fff;
				text-shadow:0 0 5px rgba(0,0,0, 0.4);
				}
			#contact-form input[type=radio] + label p {
				position:relative;
				color:rgba(0,0,0, 0.3);
				font-size:0.9em;
				font-weight:bold;
				line-height:1.4em;
				z-index:1;
				}
			#contact-form input[type=radio] + label i {
				display:block;
				margin:0 0 8px 0;
				padding:0;
				font-size:2em;
				color:rgba(0,0,0, 0.2);
				transition:0.1s text-shadow ease;
				}
			#contact-form input[type=radio]:nth-of-type(1) + label {border-radius:2px 0 0 2px;}
			#contact-form input[type=radio]:nth-of-type(3) + label {margin-left:-3px; border-radius:0 2px 2px 0;}
		
		#contact-form input[type=radio]:checked + label { 
		    outline: 0;
		    background:#C993C5;
		    background:#8E7B9F;
		    background:#887599;
		    background:#7D6A8D;
		    transition:0.1s background ease;
		    box-shadow: inset 0 0 9px rgba(0,0,0, 0.3);
			}
			#contact-form input[type=radio]:checked + label i {color:rgba(255,255,255, 0.8); text-shadow:0 0 8px rgba(0,0,0, 0.2);}
			#contact-form input[type=radio]:checked + label p {color:rgba(255,255,255, 0.8); text-shadow:0 1px 2px rgba(0,0,0, 0.4);}
			#contact-form input[type=radio]:checked + label:hover {background:#6C597B;}

		#fs3 {display:none;}
		#fs-line {display:none;}
		#fs4 {margin-top:25px; padding-top:40px;}

			#contact-form input,
			#contact-form select,
			#contact-form textarea {
				display:inline-block;
				width:292px;
				margin:0 0 10px 0;
				padding:6px 5px;
				font:0.8em 'Lato', helvetica, arial, sans-serif;
				color:#444;
				background:#f0f0f0;
				border:none;
				border-radius:2px;
				}
				#contact-form input:last-child {margin-bottom:0;}
				#contact-form select#contact-type {width:50%; font-size:0.75em;}
				
				#contact-form #Business-Name,
				#contact-form #Email,
				#contact-form #Address-Postcode,
				#contact-form #fault-line {margin-bottom:25px;}

				#contact-form #Address-Postcode {text-transform:uppercase;}				
				#contact-form #Message {height:100px; font-family: 'Lato', helvetica, arial, sans-serif;}
				

				#contact-form textarea {margin:0 0 5px 0;}
				
				#contact-form input:focus, 
				#contact-form textarea:focus {outline-width:0;}
				
				#contact-form select {
					width:303px;
					margin:0 0 8px 0;
					font-size:inherit;
					}
					#support-section {display:none;}

		#contact-form button {
			display:block;
			float:right;
			margin:0 2px 0 0;
			padding:10px 24px 9px 23px;
			font-size:0.9em;
			text-align:center;
			color:#666;
			background: #d5d5d5; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
			border-radius:2px;
			border:1px solid #ccc;
			cursor:pointer;
			}
			#contact-form button i {margin-right:6px;}
			#contact-form button:hover, #contact-form button:focus {
				background: #eaeaea; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d6 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
				border:1px solid #bbb;
				}
			#contact-form button:active {box-shadow:0 3px 5px rgba(0,0,0,0.1) inset;}


		#contact-result {
			position:absolute;
			top:10px;
			right:10px;
			bottom:10px;
			left:10px;
			padding-top:50px;
			text-align:center;
			color:#fff;
			background:#8F476F;
			z-index:1;
			display:none;
			}
		#contact-form .form-overlay {
			position:absolute;
			top:2px; right:0; bottom:0; left:0;
			padding:200px 20px;
			text-align:center;
			color:#fff;
			background:#9684A6;
			z-index:100;
			}
			#contact-form .form-overlay p {font-size:1em;}
			#contact-form .form-overlay a {color:#fff; opacity:0.7;}
				#contact-form .form-overlay a:before {
					content:'\F057';
					margin-right:5px;
					font-family:FontAwesome;
					color:#fff;
					}
				#contact-form .form-overlay a:hover {opacity:1;}

	/* Parsley (Form validation errors) */
	.parsley-validated {}
	.parsley-success {border:1px solid green;}
	.parsley-error {
		color:#fff!important;
		background:#d87979!important;
		}
		.parsley-error::-webkit-input-placeholder {color:#fff;}
		.parsley-error:-moz-placeholder {color:#fff;}
		.parsley-error::-moz-placeholder {color:#fff;}
		.parsley-error:-ms-input-placeholder {color:#fff;}
	ul.parsley-error-list {
		display:none!important;
		}
	li.parsley-error {}


	#social-plugin-row {margin-top:20px;}
	#social-plugin-row h2 {margin-top:10px; margin-bottom:10px;}
	#social-plugin-row div {margin-top:20px;}
	#social-plugin-row #left-fb {width:527px; margin-right:20px; padding-top:0; background:#fff;}
	#social-plugin-row #left-fb div.fb-like-box {margin-top:0;}
	#social-plugin-row #right-tw {width:338px;}



/* ----------------------
   10.) Support
   ---------------------- */
	
	#support-software-updates,
	#support-manuals {
		width:488px;
		height:325px;
		margin:0 0 48px 0;
		padding:24px;
		background:#fafafa;
		border:1px solid #ddd;
		border-radius:5px;
		box-shadow:0 1px 8px #ccc;
		overflow:auto;
		}
	#support-manuals {}

	#support-software-updates h2,
	#support-manuals h2 {margin-bottom:12px;}

	.update {
		position:relative;
		margin:0 0 12px 0;
		padding:12px 0;
		border-bottom:1px solid #ddd;
		}
		.update a.image {float:right;}
			.update a.image img {
				zoom:50%;
				border:1px solid #ddd;
				border-radius:5px;
				}

	#support-form {
		float:right;
		position:relative;
		width:303px;
		height:auto;
		margin:0 0 50px 0;
		padding:16px 16px 34px 17px;
		color:#ccc;
		background:#9684A6;
		border-radius:5px; 
		}
		#support-form h2 {
			color:#fff;
			text-shadow:none;
			}
		#support-form h3 {margin:0 0 22px -3px;}
		#support-form p {margin-bottom:10px;}

		#support-form fieldset {margin:0 0 20px 0; padding:0;}

		#support-form legend,
		#support-form label {
			margin-top:0;
			margin-bottom:6px; 
			font-size:0.8em; 
			color:#b39abd;
			}
		
			#support-form input {display:inline-block;}
			
			#support-form input,
			#support-form select,
			#support-form textarea {
				width:294px;
				margin:0 0 10px 0;
				padding:4px;
				font-size:0.75em;
				color:#666;
				background:#f0f0f0;
				border:none;
				}
				
				#support-form #Name,
				#support-form #Position,
				#support-form #Business-Name {width:70%;}
				
				#support-form #Mob,
				#support-form #Tel {width: 44%;}
				#support-form #Mob {margin-right:5%;}
				
				/*#contact-form #Address {height:100px;}*/
				#support-form #Address-Postcode {text-transform:uppercase;}
				
				#support-form #Message {height:100px;}
				
				#support-form #Support-Comments {height:150px;}
				#support-form textarea {
					margin:0 0 5px 0;
					}
				#support-form input:focus, #support-form select, #support-form textarea:focus {outline-width:0;}
				#support-form select {
					width:303px;
					margin:0 0 8px 0;
					font-size:inherit;
					}
		#support-form button {
			display:block;
			float:right;
			margin:0 2px 0 0;
			padding:12px 15px;
			font-size:0.7em;
			text-align:center;
			font-weight:bold;
			color:#000;
			background: #d5d5d5; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
			border-radius:5px;
			border:1px solid #ccc;
			cursor:pointer;
			}
			#support-form button:hover, #contact-form button:focus {
				background: #eaeaea; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d6 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
				border:1px solid #bbb;
				}
			#support-form button:active {box-shadow:0 3px 5px rgba(0,0,0,0.1) inset;}
		#support-result {
			position:absolute;
			top:10px;
			right:10px;
			bottom:10px;
			left:10px;
			padding-top:50px;
			text-align:center;
			color:#fff;
			background:#8F476F;
			z-index:1;
			display:none;
			}






/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

	@media only screen and (min-width: 768px) and (max-width: 991px) {
		/* =================
		   Page Structure 
		   ================= */
		   body {font-size:0.95em;}
		   #head-bg {margin-top:-30px;}
			header {
				width:712px;
				min-height:375px;
				margin:0 auto;
			 	}
				nav {}
				nav ul {}
				nav ul li {width:119px; height:45px;}
				nav ul li:last-child {width:117px;}

			.content-container {
				width:712px;
				}

			footer {}
				#footer-content {
					width:712px;
					}
					#footer-content h1.logo {
						padding:15px 0 2px 0;
						width:153px;
						background-size:28px 28px;
						}
					#footer-content h1 {margin:0 0 12px 0;}
				#footer-content #profile {margin:0 80px 36px 0;}
				#footer-content #profile address {margin-bottom:12px;}
				#footer-content #profile li {margin:5px 0;}
				#footer-content .sitemap {
					width:130px;
					font-size:0.9em;
					}
					#footer-content .sitemap li {margin:5px 0;}
				#footer-content .sitemap:nth-of-type(3) {width:100px;}
				#footer-content p.copyright {font-size:0.78em;}
				#hh {}
		/* =================
		   Fonts
		   ================= */

		/* =================
		   Homepage
		   ================= */
			h2.mission {
				margin-top:2em;
				padding-bottom:0;
				font-size:1.45em;
				text-align:center;
				}
		
			#homepage-featured-container {}
	   		#homepage-featured {
	   			width:712px;
	   			}
	   		 	.service {
					width:140px;
					margin:0 12px 0 8px;
					}
					.service:first-child {margin-left:0;}
					.service:nth-child(4) {margin:0;}
					.service h2 {font-size:1em;}
					.service .icon {margin-bottom:8px;}
					.service .icon i {font-size:4.5em;}
				.homepage-service-info .content {width:648px;}
				.arrow {bottom:-26px;}


			#bill-audit, #blog-feed {margin-top:24px;}

				#bill-audit,
				#blog-feed,
				#case-studies,
				.testimonial {width:300px; margin-top:8px; margin-bottom:24px; padding:18px;}

					#bill-audit {margin-right:0;}
						#bill-audit img.icon {top:21px;}
						#bill-audit h2 {font-size:0.8em;}
						#bill-audit h1 {font-size:2.4em;}
						#bill-audit p {padding-right:0;}

					#blog-feed {min-height:310px; margin-left:0;}

					#case-studies > div {width:45%;}
					#case-studies > div:nth-of-type(1) {margin-right:16px;}


			#partners h2 {margin-bottom:5px;}
			#partner-logos li {width:21.9%!important; }
			#partner-logos li a {padding:52px;}

				
		/* =================
		   Services
		   ================= */

		   /* Tabs */
		   .tab-info h2 {font-size:1.2em;}

		   /* Columns */
		   .column-container.two-columns .column:nth-of-type(2) {width:45%!important;}

		   	#pcx-comparison thead tr {font-size:0.9em;}
		   		#pcx-comparison thead tr th:not(:last-child) div {height:32px;}

			/*#network div, #network div:last-child {
				width:664px;
				margin-bottom:16px;
				}*/
			#data .tab-info-container .cabling .column {min-height:545px;}
			#switch-models div.ml {margin-left:15px;}
			#controllers .column-container {padding:0;}
			#product-shelf img {zoom:80%;}
			#access-points .column-container {margin:24px 0;}
				#access-points .column {min-height:325px;}
					#access-points .column img {zoom:75%;}

			#network .faq div div.accordion-content div div.accordion-content div div.accordion-content {padding:6px 12px 15px 50px;}
			
			#bespoke-infographic li {width:186px;}

		/* =================
		   About
		   ================= */
		   	#about #who-we-are img {zoom:75%;}
		   	#about .highlight-box h2 i {top:-2px;}
				
		/* =================
		   Blog
		   ================= */
			#blog-sidebar {width:159px;}
				#blog-sidebar h2 {font-size:1.2em;}
				#blog-sidebar select {width:156px;}
			#posts-container {width:460px;}
				
		/* =================
		   Contact
		   ================= */

			#contact-details div i {font-size:1.8em;}
			#tel, #fax {
				display:inline-block;
				width:160px;
				}
				#tel p, #fax p {font-size:1em;}
				#email a {font-size:1.2em;}

			.staff-member, .staff-member:first-child {
				width:300px;
				margin:19px 0;
				padding:18px 24px 12px 18px;
				}
				.staff-member li img {
					right:10px;
					zoom:138%;
					}
				.staff-member tel {font-size:1.15em;}

			#social-bar {
				margin-top:-200px;
				width:334px;
				padding:0 0 32px 0;
				background:none;
				border:none;
				box-shadow:none;
				}
				#social-bar h4 {
					margin-bottom:31px;
					font-size:0.85em;
					}
				#social-bar div.twitter {text-align:left!important;}
				#social-bar div.blog {text-align:right!important;}
				#social-bar a {font-size:3.2em;}

			#tweet-us-container {width:714px;}
			#tweet-us {margin-top:12px;}
				#tweet-us a.tweet {
					width:606px;
					padding:13px 5px 12px 10px;
					}
				#tweet-us a.follow {font-size:0.9em;}
					#tweet-us a.follow i {font-size:1.4em;}
				
			.left {margin-bottom:24px;}
				.left i.icon-building {font-size:5.2em;}
				.left a.maplink, .left a.street {
					position:relative;
					display:block;
					top:11px;
					margin:0 0 6px 0;
					}
					.left a.maplink i, .left a.street i {
						float:left;
						margin:-2px 5px 0 0;
						padding:0;
						}
				.left a.maplink {margin-right:12px;}
				.left a.maplink + br {display:none;}
			#map + p {font-size:0.75em;}
			#map-container {margin-top:17px; width:363px;}
			#map iframe {width:361px; height:400px;}

			#contact-form {width:291px;}
			#contact-form input[type=radio] + label {width:96px;}
			
			#contact-form input,
			#contact-form textarea {width:282px;}
			#contact-form button {font-size:0.8em;}

			#social-plugin-row p {font-size:0.85em;}
			#social-plugin-row #left-fb,
			#social-plugin-row #left-fb iframe {width:363px;}
			#social-plugin-row #right-tw {width:325px;}

		/* =================
		   Support
		   ================= */
		   	#support-form {width:303px;}
			#support-software-updates,
			#support-manuals {width:304px;}


	}
	
	
	









/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		/* =================
		   Page Structure 
		   ================= */
		   body {font-size:0.9em;}
		   #head-bg {margin-top:-25px;}
			header {
				width:436px;
				min-height:275px;
				margin:0 auto;
				padding-top:0;
			 	}
				h1#logo {
					display:block;
					width:153px;
					padding:12px 2px 0 2px;
					background-size:28px 28px;
					}
					#logo a {font-size:0.8em;}

				#header-contact {margin-top:-56px;}
					#header-contact li.tel {font-size:1.1em;}
					#header-contact li a.email {font-size:0.9em;}

			.content-container {width:436px;}
				
				nav {height:61px; background:#f0f0f0; box-shadow:0 1px 7px rgba(0,0,0, 0.3);}
					nav ul {}
						nav ul li {
							display:inline-block;
							width:146px;
								height:31px;
							margin:0 -4px 0 0;
							text-shadow:0 1px 0 #f0f0f0;
							/*background: -moz-linear-gradient(top, #f6f6f6 2%, #d7d9d9 99%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f6f6f6), color-stop(99%,#d7d9d9));
							background: -webkit-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%);
							background: -o-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%);
							background: -ms-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%);
							background: linear-gradient(to bottom, #f6f6f6 2%,#d7d9d9 99%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d7d9d9',GradientType=0 );*/
							background:transparent;
							border-right:1px solid #ddd;
							border-bottom:1px solid #ddd;
							}
							nav ul li a {
								padding:10px 20px 9px 20px;
								font-size:0.8em;
								}
							nav ul li:nth-child(3n) {border-right:none; width:143px;}
							nav ul li:first-child {
								margin-right:-4px;
								border-radius:3px 0 0 0;
								}
							nav ul li:nth-child(3n-1) {margin-right:-3px;}
							nav ul li:nth-child(3) {border-radius:0 3px 0 0;}
							nav ul li:nth-child(4) {
								border-bottom:none;
								border-radius:0 0 0 3px;
								}
							nav ul li:nth-child(5) {border-bottom:none;}
							nav ul li:nth-child(6) {
								width:144px;
								border-radius:0 0 3px 0;
								}
							nav ul li a:hover, nav ul li.selected a:hover {
								padding:10px 20px 9px 20px;
								border-bottom:none;
								}

			.highlight-box h2 {font-size:1.3em;}

			footer {}
				#footer-content {
					width:436px;
					}
					#footer-content h1.logo {
						padding:14px 2px 0 0;
						width:140px;
						background-size:26px 26px;
						}
					#footer-content h1 {margin:0 0 8px 0;}
					#footer-content #profile {
						display:block;
						width:100%;
						margin:0 0 24px 0;
						}
						#footer-content #profile address {
							display:inline-block;
							margin-right:65px;
							}
						#footer-content #profile ul {display:inline-block; vertical-align:baseline;}
					#footer-content .sitemap {width:130px;}
						#footer-content .sitemap:nth-of-type(3) {margin-right:0;}
						#footer-content .sitemap h1 {font-size:1.2em;}
						#footer-content .sitemap ul li {margin:5px 0;}
					#footer-links {
						width:100%;
						}
						#footer-links div {
							padding:0 10px 0 0;
							}
							#footer-links .recent-posts2 ul {margin:0;}
					#footer-content p.copyright {
						position:relative;
						display:block;
						margin:24px 0 0 0;
						font-size:0.75em;
						}
					#hh {
						float:left;
						margin:0 0 12px 0;
						display:block;
						}
						#hh div a {display:inline-block; padding:4px 0 0 10px;}

		/* =================
		   Homepage
		   ================= */
			h2.mission {
				margin:0 -20px 0 -20px;
				padding:0;
				font-size:1.15em;
				text-align:center;
				}
			
			#homepage-featured-container {}
		   		#homepage-featured {
		   			width:436px;
					padding:10px 0;
		   			}
		   		 	.service {
						width:81px;
						margin:0 2px 0;
						}
						.service .icon {margin:0 0 15px 0;}
						.service .icon i {font-size:3.3em;} 
						.service h2 {font-size:0.8em;}

				#homepage-featured-info {width:416px;}

			#bill-audit {
				width:387px;
				margin:24px 0 0 0;
				padding:24px;
				}
			#blog-feed {
				width:386px;
				margin:24px 0 0 0;
				}
			.testimonial {
				width:386px;
				margin:24px 0 0 0;
				}

			#case-studies {width:386px; margin:24px 0 0 0;}
			#partners h2 {margin:0 0 5px -2px;}
			#partners ul li {
				width:205px;
				height:90px;
				vertical-align:top;
				margin:9px 0;
				}
				#partners ul li:nth-child(2n-1) {margin-right:18px;}
				#partners ul li a {padding:28px 0;}
				#partners ul li a img {max-height:35px;}
				
		/* =================
		   Services
		   ================= */
		   /* -- Left Titles */
			#voice h1,
			#data h1,
			#network h1,
			#bespoke h1 {
				padding-left:32px;
				font-size:1.4em;
				}
				#data h1 {padding-left:54px;}
				#network h1 {padding-left:42px;}
				#bespoke h1 {padding-left:42px;}
				
				#voice h1 i,
				#data h1 i,
				#network h1 i,
				#bespoke h1 i {font-size:2em;}
					#voice h1 i {top:-1px;}
					#data h1 i {top:-2px;}
					#network h1 i {top:-3px;}
					#bespoke h1 i {top:-4px;}

			#voice > p,
			#data > p,
			#network >p,
			#bespoke > p {margin-left:0; margin-right:0;}

		   /* Tabs */
		   h2.tab {font-size:0.8em!important;}
		   .tab-info h2 {font-size:1em;}

		   /* Columns */
		   .column-container .column {
			   	width:100%!important;
			   	min-height:0px!important;
			   	margin:12px 0!important;
			   	padding:0!important;
			   	border:none!important;
			   	}

		   	#voice .tab-info .txtfloat-r {
		   		float:none;
		   		width:100%;
		   		margin:0;
		   		padding:0;
		   		border-top:none;
		   		}
		   	#voice-generic .installation .accordion-content {padding:10px 24px 24px 30px;}
		   		#voice-generic .installation h3 i::after {top:-6px; left:-7px;}

		   	table#pcx-comparison {margin:0;}
		   		#pcx-comparison thead tr {font-size:0.9em;}
		   			#pcx-comparison thead tr th:first-child div {height:30px;}


			.tab-info.cabling .column-container .column:nth-of-type(2) p:nth-of-type(2) {margin-bottom:-8px;}
			.tab-info.cabling .important-notice p {margin-left:1px;}
			#wifi-switches {background:none;}
			#wifi-aps {
				background:url('../img/bg-accordion-wifi-aps.png') no-repeat 102% 0;
				background-size:86px 66px;
				}
			#controllers .column-container, #access-points .column-container {margin:24px 0;}
			#product-shelf img {zoom:43%;}
			#access-points .column img {zoom:75%;}

			.accordion div .accordion-content {padding:20px 20px 0 0;}
				.faq div div.accordion-content > div {padding:0 15px 5px 0px;}
					.faq div div.accordion-content div div.accordion-content {padding:6px 12px 15px 50px;}
			/*.faq div div.accordion-content div div.accordion-content div div.accordion-content {padding:0;}*/
			.faq > div > div > div.accordion-title h3 i::after {top:-4px; left:-8px;}

			#data .tab pre {display:none;}
			#data .faq div div.accordion-content div div.accordion-content {padding-left:40px;}
			#data .faq div div.accordion-content div div.accordion-content div {padding:0 0 5px 0;}
			#data .faq div div.accordion-content div div.accordion-content div div.accordion-content {padding:6px 0 15px 20px;}

			#network h1 span div {display:none;}
			#network .tab pre {display:none;}
			#network .faq div div.accordion-content div div.accordion-content {padding-left:40px;}
			#network .faq div div.accordion-content div div.accordion-content div {padding:0 0 5px 0;}
			#network .faq div div.accordion-content div div.accordion-content div div.accordion-content {padding:6px 0 15px 20px;}


			ul#bespoke-infographic {width:250px;}
				#bespoke-infographic li {
					display:block;
					width:200px;
					margin:0 auto;
					}
					#bespoke-infographic li.bespoke-arrow i {
						margin:16px 0 24px 8px;
						-webkit-transform:rotate(90deg);
						-moz-transform:rotate(90deg);
						-ms-transform:rotate(90deg);
						-o-transform:rotate(90deg);
						transform:rotate(90deg);
						}

		/* =================
		   About
		   ================= */
		   	#about #who-we-are img {zoom:50%;}
		   	#where-we-came-from, #our-vision {
		   		width:100%;
		   		margin:12px 0!important;
		   		padding:0!important;
		   		border:none;
		   		}
		   	#where-we-came-from img {margin:-18px -8px 0 0;}

			#office-images a {
				display:inline-block;
				width:40%;
				margin:0 3.5% 4.5% 3.5%;
				}

			#about .highlight-box h2 {font-size:1.3em;}
				
		/* =================
		   Blog
		   ================= */
			#blog-sidebar {
				float:none;
				width:436px;
				margin:0 0 16px 0;
				}
				#blog-sidebar div {display:inline-block;}
					#blog-sidebar div h2 {font-size:1.1em;}
					#blog-sidebar div select {width:140px;}
			#posts-container {width:368px;}
				
		/* =================
		   Contact
		   ================= */
			#office img {width:195px; height:150px;}			
			#tel {margin-bottom:14px!important;}
			#contact-details div {width:204px; margin-left:0;}
				#contact-details div i {font-size:1.5em; margin:4px 0 0 2px;}
				#contact-details #email i {font-size:1.5em; margin:0 0 0 2px;}
			#tel p, #fax p {font-size:1em;}
			#email a {font-size:1.1em;}
			
			.staff-member {
				width:183px;
				margin:11px 21px 0 0;
				padding:10px;
				}
				.staff-member + .staff-member {margin-right:0;}
				.staff-member img {
					width:40px;
					height:40px;
					}
				.staff-member i.icon-user {margin:0 5px 0 0;}
				.staff-member h4 {margin-left:20px; font-size:0.7em;}
				.staff-member li tel {margin:0 0 0 3px;}
				.staff-member li a {font-size:0.95em;}
				
			#tweet-us-container {width:434px; margin:140px 0 0 2px;}
				#tweet-us a.tweet {
					width:327px;
					padding:11px 5px 12px 10px;
					}
				#tweet-us a.follow {font-size:0.85em;}
					#tweet-us a.follow i {font-size:1.2em;}

			#social-bar {
				width:433px;
				margin:0 0 33px 0;
				background:none;
				border:none;
				box-shadow:none;
				}
				#social-bar h4 {font-size:0.75em;}
				#social-bar .item {width:140px;}
				#social-bar a {font-size:3.5em;}
				
			.left {width:436px; margin:0 0 34px 0;}
				.left i.icon-building {margin-right:14px;}
				.left a.maplink, .left a.street {
						position:relative;
						display:block;
						float:left;
						top:12px;
						font-size:0.8em;
						}
						.left a.maplink i, .left a.street i {
							float:left;
							margin:-2px 5px 0 0;
							padding:0;
							}
					.left a.maplink {margin-right:12px;}
					.left a.maplink + br {display:none;}
				#map {margin:40px 0 0 0; width:434px;}
				#map iframe {width:434px; margin-top:0;}
				#map + p {width:436px; margin:12px 0 0 0; font-size:0.8em;}
			
			.right {margin:0 0 24px 0;}
				#contact-form {width:403px;}
					#contact-form input,
					#contact-form #Name,
					#contact-form #Business-Name,
					#contact-form #Email,
					#contact-form textarea {
						width:389px;
						padding:6px;
						font-size:0.8em!important;
						}
					#contact-form #Tel {width:185px;}
					#contact-form input[type=radio] + label {
						width:133px;
						font-size:0.9em;
						}
					#contact-form button {font-size:0.8em;}

			#social-plugin-row p {font-size:0.8em;}
				#social-plugin-row #left-fb {width:426px;}
				#social-plugin-row #right-tw {width:436px;}
					#social-plugin-row #right-tw #twitter-widget-0 {width:436px;}

		/* =================
		   Support
		   ================= */
			#support-form {width:403px;}
				#support-form input,
				#support-form textarea,
				#support-form select {width:100%!important; box-sizing:border-box;}

			#support-software-updates,
			#support-manuals {
				width:388px;
				}


	}
	
	
	









/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

	@media only screen and (max-width: 479px) {
		/* ----------------------
		   Page Structure 
		   ---------------------- */
		   body {margin-top:-10px;}
		   #head-bg {margin-top:-25px; padding-bottom:2em}
			header {
				position:relative;
				width:315px;
				min-height:300px;
				margin:-35px auto 0;
			 	}
				h1#logo {
					display:block;
					width:158px;
					margin-top:40px;
					margin-bottom:0;
					font-size:1.4em;
					background-size:26px 26px;
					}/* colour logo
					h1#logo a {color:#C993C5;}
					h1#logo span {color:#F3A658;}*/


				#header-contact {
					position:relative;
					float:none;
					text-align:left;
					margin:-20px 0 24px 0;
					}
					#header-contact li {margin:0 0 16px 0;}
					#header-contact li.soc {position:absolute; top:-20px; right:0; display:none;}
					#header-contact li.tel {font-size:1.2em;}
					#header-contact li.email {display:none;}
					#header-contact li a.mobile {
						display:inline-block;
						position:absolute;
						top:-15px; right:-10px;
						height:50px;
						margin:-30px 0 0 0;
						padding:6px 11px 2px 10px;
						color:#fff;
						font-size:1.1em;
						text-align:center;
						text-shadow:none;
						background:#9684A6;
						background:#8EADDA;
						border-radius:5px;
						border:0;
						transition:background 0.2s ease, text-shadow 0.2s ease;
						}
						#header-contact li a.mobile:hover,
						#header-contact li a.mobile:focus,
						#header-contact li a.mobile:active {background:#F3A658;}
						#header-contact li a.mobile i {
							display:block;
							float:none;
							margin-right:0;
							font-size:1.8em;
							color:#fafafa;
							}
						#header-contact li a.mobile p {
							display:block;
							float:none;
							margin:20px 0 0 0;
							font-size:0.6em;
							color:#fff;
							}

						#stealth {display:none!important;}

				nav {
					display:none;
					height:auto;
					background:none;
					}
					nav ul {}
						nav ul li {
							display:inline-block;
							width:124px;
							margin:0 -4px 0 0;
							text-shadow:0 1px 0 #f0f0f0;
							background: #ddd;
							background: -moz-linear-gradient(top, #f6f6f6 2%, #d7d9d9 99%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f6f6f6), color-stop(99%,#d7d9d9));
							background: -webkit-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%);
							background: -o-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%);
							background: -ms-linear-gradient(top, #f6f6f6 2%,#d7d9d9 99%);
							background: linear-gradient(to bottom, #f6f6f6 2%,#d7d9d9 99%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d7d9d9',GradientType=0 );
							border-right:1px solid #ddd;
							border-bottom:1px solid #ddd;
							}
							nav ul li a {
								padding:10px 20px 9px 20px;
								font-size:0.9em;
								}
							nav ul li:nth-child(2n) {
								width:125px;
								border-right:none;
								}
							nav ul li:first-child {
								margin-right:-4px;
								border-radius:3px 0 0 0;
								}
							nav ul li:nth-child(2) {border-radius:0 3px 0 0;}
							nav ul li:nth-child(5) {
								border-bottom:none;
								border-radius:0 0 0 3px;
								}
							nav ul li:nth-child(6) {
								width:50%;
								border-radius:0 0 3px 0;
								}
				
				#top-mob-nav {position:absolute; bottom:-5px; width:100%; margin-top:0; padding-top:0; text-align:center;}
				#btm-mob-nav {position:absolute; bottom:-30px; width:100%; margin:0 auto 5px;}
					select.mobile-nav-dropdown {display:block; width:100%; margin:0; text-align:center;}
					
				li.tel a {border:0!important;}
				h2.mission {font-size:1.1em!important; line-height:1.5em; padding:20px 0; margin:-15px 0 0 0;}

			.content-container {position:relative; width:315px;}

			.highlight-box {padding:42px 12px 24px 12px!important; text-align:center;}
				.highlight-box .iconbg {right:-50px; top:100px;}
				.highlight-box h2 i {
					top:-26px;
					left:168px;
					}

			footer {margin-top:4em!important;}
				#footer-content {min-width:280px; max-width:315px; padding-top:5px;}
					#footer-content h1.logo {
						width:139px;
						padding:12px 0 8px 0;
						font-size:1.2em;
						background-size:24px 24px;
						}
					#footer-content h1 {
						margin:0 0 8px 0;
						font-size:1.05em;
						}
					#footer-content #profile {width:100%; margin:0 0 24px 0; margin-right:0;}
					#footer-content #profile address {margin:0 0 16px 0; font-size:.75em;}
					#footer-content #profile ul {margin-left:1px;}
					#footer-content .sitemap {
						width:100%;
						margin:0 0 28px 0;
						}
					#footer-content .sitemap:nth-child(2) {
						width:150px;
						margin:0 36px 24px 0;
					}
					#footer-content .sitemap:nth-child(3) {
						width:80px;
					}
					.sitemap ul li {margin:5px 0;}
					#footer-links {
						width:100%;
						}
						#footer-links div {
							width:120px;
							padding:0 4px 0 0;
							}
							#footer-links .recent-posts2 ul {margin:0; width:252px;}
								.sitemap.footer-blog .recent-posts2 li {margin:0 0 5px 4px;}
									.sitemap.footer-blog .recent-posts2 li h4 {font-size:0.8em;}
							ul#footer-feed {margin-top:0;}									
								ul#footer-feed li {margin-top:8px!important;}
								ul#footer-feed a:hover {border:none;}
									ul#footer-feed a:hover span {border-bottom:1px dotted;}
							#hh {
								float:left;
								width:100%;
								margin:11px 0 12px 0;
								}
								#hh div a {
									display:inline-block;
									padding:4px 0 4px 8px;
									}
									#hh div a:hover {border:none;}
				#footer-content p.copyright {
					margin:12px 0 0 0;
					font-size:0.75em;
					}

		/* ----------------------
		   3.) Fonts
		   ---------------------- */

			/*p {font-size:0.9em;}*/
			

		/* ----------------------
		   Homepage
		   ---------------------- */
		   #homepage-featured-container {}
		   		#homepage-featured {
		   			width:310px;
					padding:10px 0;
		   			}
		   		 	.service {
						width:118px;
						height:80px;
						margin:0 5px 10px 5px;
						font-size:0.9em;
						}
						.service-link:nth-child(2n) .service {}
						.service .icon {margin:0 0 10px 0;}
							.service .icon i {font-size:3em;}
						.service h2 {font-size:1em;}
				#homepage-featured-info {width:320px;}
			
			#bill-audit,
			#blog-feed,
			#case-studies,
			.testimonial {width:280px; padding:12px; margin:0 auto 36px auto; float:none!important;}

			#bill-audit {height:auto; margin-top:12px; }
				#bill-audit h2 {font-size:0.8em;}
				#bill-audit h1 {font-size:2em;}
				#bill-audit img.icon {
					position:absolute;
					top:15px;
					right:15px;
					}
				#bill-audit p {font-size:0.75em;}
				#bill-audit ol {margin-left:18px;}
				#bill-audit ol li {font-size:0.7em;}
			
			#blog-feed {
				float:left;
				padding-top:18px;
				min-height:300px;
				}
				#blog-feed a.rss {font-size:1.4em;}
				#recent-posts2 .feed-item h2 {font-size:0.9em;}
				#recent-posts2 .feed-item {height:40px;}
				#recent-posts2 .feed-item:last-child {margin-bottom:12px;}
				#recent-posts2 .feed-item img {
					width:50px; height:50px;
					margin:0 12px 20px 0;
					border:1px solid #ccc;
					vertical-align:top;
					}
				#recent-posts2 .feed-item a h2 {margin:0;}
				#recent-posts2 .feed-item p {display:none;}
				#blog-feed #latest-news {font-size:0.75em;}

			.testimonial {}

			.testimonial, #case-studies {font-size:0.9em;}
				#case-studies div {margin:0; border:none;}
					#case-studies div:nth-of-type(1) {margin-right:10px;}
					#case-studies div h4 {min-height:36px; margin-bottom:12px;}
					#case-studies div a.img {zoom:50%;}
					#case-studies h2 {margin-bottom:0.5em;}
					#case-studies p:last-child {margin-top:18px;}

			#partners {padding:8px;}
			#partners h2 {margin-top:12px; font-size:1.05em;}
			#partners p {display:block; margin:0 0 24px 0; font-size:0.75em;}
				#partners ul li {width:136px; height:80px; margin:0 0 12px 0;}
					#partners ul li:nth-child(2n-1) {margin:0 12px 0 0;}
						#partners ul li a {padding:24px 0;}
						#partners ul li a img {max-height:30px;}
				
		/* =================
		   Services
		   ================= */
		   	#services h2.tab {display:none!important;}
		   	#services .tab-info-container {margin:24px 0 0 0; padding:12px 24px!important; border-radius:5px;}
		   	#services .tab-info {display:block!important;}
			#services .mobile-hidden-content-container {display:none; margin:0 0 24px 0;}
			#services .tab-info h1 {
				display:block!important;
				position:relative;
				margin:0 0 24px -2px;
				padding:0;
				font-size:1em;
				text-align:left;
				color:#F3A658;
				cursor:pointer;
				}
				#services .tab-info h1 span {font-size:0.7em; padding-left:0;}
				#services .tab-info h1:after {
					position:absolute;
					top:2px;
					right:-12px;
					content:'\F0DA';
					font-family:FontAwesome;
					color:#ffa83d;
					transition:	-webkit-transform 0.2s ease;
					transition: -moz-transform 0.2s ease;
					transition: -ms-transform 0.2s ease;
					transition: -o-transform 0.2s ease;
					}
				#services .tab-info h1:hover {color:#ffa83d;}
				#services .tab-info h1:hover span {color:#909090;}
				#services .tab-info h1.selected:after {
					-webkit-transform:rotate(90deg);
					-moz-transform:rotate(90deg);
					-ms-transform:rotate(90deg);
					-o-transform:rotate(90deg);
					transform:rotate(90deg);
					transition:	-webkit-transform 0.2s ease;
					transition: -moz-transform 0.2s ease;
					transition: -ms-transform 0.2s ease;
					transition: -o-transform 0.2s ease;
					transition: transform 0.2s ease;
					}

			.service-container {margin:0 0 36px 0;}
				.service-container hr {
					border:0;
					height:1px;
					margin:12px 0 30px;
					background-image: -webkit-linear-gradient(left, #f4f5f6, #ddd, #f4f5f6); 
					background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), #ddd, rgba(0,0,0,0)); 
					background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), #ddd, rgba(0,0,0,0)); 
					background-image:      -o-linear-gradient(left, rgba(0,0,0,0), #ddd, rgba(0,0,0,0));
					}

			#services p {font-size:0.75em;}
			#services p.intro {font-size:0.85em;}
			#services h3.slanted {font-size:1em;}

			#voice h1,
			#data h1,
			#network h1,
			#bespoke h1 {
				position:relative;
				display:block;
				width:100%;
				margin:0;
				padding-left:0!important;
				font-size:1.2em;
				text-transform:uppercase;
				text-align:center;
				color:#9684A6;
				}
				#data h1 {padding-left:58px;}
				#network h1 {padding-left:48px;}
				#bespoke h1 {padding-left:48px;}

				#voice h1 span,
				#data h1 span,
				#network h1 span,
				#bespoke h1 span {
					display:block;
					padding-left:1px;
					color:#666;
					font-size:0.8em;
					text-transform:none;
					}
					#voice h1 span {padding-left:2px;}

			#voice h1 i,
			#data h1 i,
			#network h1 i,
			#bespoke h1 i {
				position:relative;
				display:block;
				margin:0;
				padding-top:4px;
				font-size:2em;
				color:#bfbfbf;
				z-index:-100;
				}
				#voice h1 i {top:-2px; -webkit-transform:rotate(6deg);}
				#data h1 i {top:-2px;}
				#network h1 i {top:-8px;}
				#bespoke h1 i {top:-8px;}
		

			.service-container h1 {text-align:left;}

			/* Tabs */
			.tab-info h2 {
				font-size:1em;
				line-height:1.35em;
				color:#9684A6;
				}
			.tab-info a.alcatel {
				margin-left:20px;
				zoom:75%;
				}
			.tab-info ul {margin-left:15px;}

			/* Columns */
			.column-container .column {
				display:block;
				width:100%!important;
				min-height:0!important;
				padding:0;
				border:none!important;
				}
				/*.column-container .column:before {display:none;}
				.column-container .column:after {display:none;}*/

			.important-notice {
				margin:0 -24px 12px -24px;
				padding:20px 15px;
				text-align:center;
				border-bottom:1px solid #ccc;
				border-radius:0;
				box-shadow:none;
				}
				.important-notice h3 {margin:0 0 12px 0; font-size:1em;}
					.important-notice h3 i {position:relative; top:0; left:0; display:none; margin:0 0 4px 0;}
				.important-notice p {margin-left:0; margin-right:0;}

			/* FAQ */
			/* faq title */
			.faq > div > div > div.accordion-title {padding:24px 20px 36px 20px;}
				.faq > div > div > div.accordion-title h3 {margin:0;font-size:0.9em;}
					.faq > div > div > div.accordion-title h3 i {display:none;}
			/* question arrow */
			.accordion div .accordion-title h3:after {top:0;}
			/* all questions container */
			.faq div.accordion div div.accordion-content {padding-top:0!important;}
			/* question */
			.faq div.accordion div div.accordion-content div {padding:0 0 10px 4px;}
			/* question title */
			.faq div.accordion div div.accordion-content div div.accordion-title h3 {font-size:0.8em;}
			/* answer */
			.faq div.accordion div div.accordion-content div div.accordion-content {padding:10px 5px 10px 25px!important;}
			/* second questions container */
			.faq div.accordion div div.accordion-content div div.accordion-content div {margin:0; padding:0 0 8px 0;}
		
			/* Voice */
			#voice h2.tab {
				padding:16px 10px 16px 10px;
				font-size:0.7em;
				font-weight:bold;
				}

			div.datasheet a {margin-top:-88px;}

			h2.comparison-table-heading {text-align:center;}
			table#pcx-comparison {margin:0;}
				table#pcx-comparison thead {display:none;}
				#pcx-comparison tbody tr {padding:0 0 12px 0;}
				#pcx-comparison tbody tr:nth-child(even) {background:none; border:none;}
				table#pcx-comparison tbody tr td {
					display:block;
					width:100%;
					padding:12px 0 0 0;
					text-align:center!important;
					}
				table#pcx-comparison tbody tr td:nth-child(2),
				table#pcx-comparison tbody tr td:nth-child(3) {
					display:inline-block;
					min-height:20px;
					width:50%;
					padding:24px 0 24px 0;
					/*text-align:left;*/
					border-bottom:1px solid #ddd;
					}
					table#pcx-comparison tbody tr td:nth-child(2) span,
					table#pcx-comparison tbody tr td:nth-child(3) span {
						display:inline-block;
						margin:0 5px 0 5px;
						font-size:0.9em;
						color:#999;
						}

			#voice-generic .installation {margin:20px -24px 0 -24px;}
				#voice-generic .installation .accordion-title {padding:20px 20px 24px 20px;}
				#voice-generic .installation .accordion-title h3 {
					margin:0;
					font-size:0.9em;
					}
					#voice-generic .installation .accordion-title h3 i {display:none;}
				#voice-generic .installation .accordion-content {padding:0 24px 24px 24px;}
				#voice-generic .installation ul {margin:24px 0 24px 24px;}
					#voice-generic .installation ul li {margin:0 0 14px 0;}

			.tab-info-container {padding:15px;}
				.tab-info-container .txtfloat-r {
					float:none;
					width:100%;
					margin:0 0 20px 0;
					padding:0;
					border:none;
					}

			p strong span.symbol {padding-bottom:90px;}

			/* Data */
			#data .tab-info-container .network .column {
				width:100%;
				padding:0;
				margin:0 0 40px 0;
				}
				#data .important-notice h3 span {display:none;}
			
			/* Network */
				/*#network div, #network div:last-child {
					width:250px;
					margin-bottom:16px;
					padding:0;
					text-align:left;
					}*/

			#data .tab-info-container .cabling .column-container {margin-bottom:0;}
			#data .tab-info-container .network .column:nth-of-type(2) {padding-left:0;}
			#switch-models div {width:44.6%; vertical-align:top; text-align:center;}
			#data .tab-info-container .installation {margin:0 -24px; padding:0 24px 0 24px;}
				#data .tab-info-container .installation p:nth-of-type(3) {margin-left:-12px;}

			#wifi-deployment {
				margin:24px -18px 36px -18px!important;
				border-radius:3px!impo;
				}
				#wifi-switches,
				#wifi-aps {
					background:none;
					padding:15px 15px 15px 10px!important;
					}
					/*#wifi-switches,*/
					/*#wifi-aps {min-height:20px;}*/
						#wifi-switches h3,
						#wifi-aps h3 {
							/*margin:0 0 0 10px!important;*/
							font-size:0.8em;
							}
							#wifi-switches h3 span {display:none;}
							#wifi-switches h3:after,
							#wifi-aps h3:after {left:-15px!important;}
				#controllers,
				#access-points {padding:0 15px 12px 15px!important;}
				#controllers .column-container,
				#access-points .column-container {margin:24px 0;}
				#product-shelf img {zoom:30%;}
				#access-points img {zoom:65%;}

			#network .important-notice {margin-bottom:0;}
			#network .faq > div > div > div.accordion-title {padding:24px 20px 24px 20px;}

			.tab-info.broadband .important-notice {margin-top:18px;}
			.tab-info.lines-and-calls .accordion {margin:24px -18px 36px -18px!important}
				.tab-info.lines-and-calls .accordion .accordion-title {padding:20px 15px!important;}
					.tab-info.lines-and-calls .accordion .accordion-title h3 {margin-left:10px!important; font-size:0.8em;}
						.tab-info.lines-and-calls .accordion .accordion-title h3:after {left:-10px!important;}
				.tab-info.lines-and-calls .accordion .accordion-content {padding:0 15px 12px 15px!important;}
					.tab-info.lines-and-calls .accordion .accordion-content.isdn-lines .column {padding:12px 0;}
					.tab-info.lines-and-calls .accordion .accordion-content.isdn-lines ul {margin-bottom:24px;}

			#customer-service {margin:36px 0 0 0;}
				#customer-service h3 {text-align:center;}
					#customer-service h3 i {display:block; margin:0 0 12px 0; font-size:1.8em;}
					
			ul#bespoke-infographic {width:250px;}
				#bespoke-infographic li {
					display:block;
					width:200px;
					margin:0 auto;
					}
					#bespoke-infographic li img {zoom:75%;}
					#bespoke-infographic li.bespoke-arrow i {
						margin:16px 0 24px 8px;
						-webkit-transform:rotate(90deg);
						-moz-transform:rotate(90deg);
						-ms-transform:rotate(90deg);
						-o-transform:rotate(90deg);
						transform:rotate(90deg);
						}

			.disclaimer {margin-bottom:2.5em;}

		/* =================
		   About
		   ================= */
			#about h1 {font-size:1.2em;}
			#about h2 {font-size:1.1em;}
			#about p {font-size:0.75em;}
			#about .highlight-box {}
			#about .highlight-box h2 {font-size:1.2em;}

			#office-images a {
				display:inline-block;
				width:40%;
				margin:0 3.5% 4.5% 3.5%;
				}

			#who-we-are img {zoom:40%;}
		   	#where-we-came-from,
		   	#our-vision {
		   		width:100%;
		   		margin:12px 0!important;
		   		padding:0!important;
		   		border:none;
		   		}
				
		/* =================
		   Blog
		   ================= */
			body {overflow-x:hidden;}
			#blog-sidebar {
				position:absolute;
				width:252px;
				right:-284px;
				padding:16px;
				background:#3a3a3a;
				}
				#sidebar-tab {
					position:absolute;
					width:35px;
					height:60px;
					top:0;
					left:-35px;
					background:url('blog-sidebar-tab.png') no-repeat;
					cursor:pointer;
					}
				#blog-sidebar h2 {color:#fff; text-shadow:none;}
				#blog-sidebar ul li {color:#fff;}
				#blog-sidebar div input {width:197px;}
				#blog-sidebar div select {width:209px;}
			#posts-container {
				width:230px;
				padding:0 24px 24px 24px;
				}
				
		/* =================
		   Contact
		   ================= */
			#contact h1 {font-size:1.2em;}
			#contact h1#logo {font-size:1.4em;}
			#contact h2 {font-size:1.1em;}

			#office img {
				display:none;
				height:166px;
				}
				
			#tel, #fax {display:block; width:110px;}
			#contact-details div i {margin:0 0 0 5px; font-size:1.5em;}
			#contact-details #tel i {margin-bottom:-32px;}
			#contact-details #email i {margin:0 0 0 5px; font-size:1.5em;}	
			#tel p.tel, #fax p.tel {width:100%; font-size:0.8em;}
			#email p a.email {font-size:1em;}

			.staff-member {
				float:none;
				margin:1em auto;
				width:92%;
				}
				.staff-member:first-child {margin-right:24px;}
				/*.staff-member img {
					width:100px;
					height:100px;
					}*/

			#social-bar {
				width:100%;
				background:none;
				border:none;
				box-shadow:none;
				
				float:none;
				}
				#social-bar h4 {font-size:0.75em; text-align: center;}
				#social-bar div {
					width:90px;
					}

			#tweet-us-container {width:100%;}
				#tweet-us a.tweet {
					width:304px;
					padding-top:10px;
					font-size:0.8em;
					border-radius:3px 3px 0 0;
					border-bottom:none;
					}
					#tweet-us a.tweet:hover {border-bottom:none;}
				#tweet-us a.follow {
					width:303px;
					margin:0;
					padding:9px 9px 7px 7px;
					font-size:0.8em;
					border-radius:0 0 3px 3px;
					border:1px solid #ccc;
					}
					#tweet-us a.follow i {font-size:1.2em;}
					#tweet-us a.follow:hover {border-left:1px solid #ccc;}
					
			.right, .left {float:none; padding-bottom:48px; clear:both;}

				.left .icon-building {
					float:right;
					margin:58px 0 0 0;
					font-size:4em;
					clear:both;
					}
				.left > p {margin-bottom:8px;}
				.left a.maplink, .left a.street {
					position:relative;
					display:block;
					top:-5px;
					margin:0 0 5px 0;
					}
					.left a.maplink i, .left a.street i {
						float:left;
						margin:-2px 5px 0 0;
						padding:0;
						}
				.left a.maplink {margin-right:12px; margin-top:24px;}
				.left a.maplink + br {display:none;}

			#map-container, #map iframe {
				width:100%;
				height:280px;
				margin-top:0;
				}
				#map + p {font-size:0.7em;}

			.right {padding-bottom:0;}
			#contact-form {
				float:none;
				width:290px; 
				margin:68px auto 0;
				padding:8px 12px 48px;
				border-radius:5px 5px 6px 6px;
				}
				#contact-form h2 {padding:0; margin:0 0 12px 0; max-height:30px;}
				#contact-form input {width:279px!important;}
				#contact-form textarea {width:279px;}
				#contact-form input[type=radio] + label {
					width:98px;
					font-size:0.7em;
					}
				#contact-form button {
					position:absolute;
					right:0;
					bottom:0;
					left:0;
					width:100%;
					padding:14px 15px;
					font-size:0.8em;
					border:none;
					border-radius:0 0 5px 5px;
					box-shadow:none;
					}
					#contact-form button:hover, #contact-form button:focus {border:none;}

			#social-plugin-row #left-fb {width:280px;}
			#social-plugin-row #right-tw {width:280px;}

		/* =================
		   Support
		   ================= */
			#support-form {width:220px; margin-bottom:24px;}
				#support-form input,
				#support-form textarea,
				#support-form select {width:100%!important; box-sizing:border-box;}

			#support-software-updates,
			#support-manuals {
				width:227px;
				height:250px;
				margin:24px 0;
				padding:20px 12px;
				}


	}