/* --------------------------------------------------------------

   OrangeSprocket Front-end Development Kit based on blueprint

-------------------------------------------------------------- */





/* --------------------------------------------------------------

	Table of Contents

-------------------------------------------------------------- */
/*

	1. Imported Stylesheets
	2. Shared Styles
	3. Services
	4. Homepage
	5. About

*/





/* --------------------------------------------------------------

	1. Imported Stylesheets

-------------------------------------------------------------- */

	@import "lib/reset.css";
	@import "lib/typography.css";
	@import "lib/forms.css";
	@import "lib/fonts.css";
	@import "lib/jquery.fancybox-1.3.4.css";





/* --------------------------------------------------------------

	2. Shared Styles

-------------------------------------------------------------- */


	/*** HEADER ***/
	header {
		display: block;
		width: 100%;
		height: 110px;
		background: #ffffff; }

		header #mainHeader {
			display: block;
			width: 980px;
			height: 110px;
			margin: 0 auto; }

		header #pageTopStripe {
			display: block;
			height: 4px;
			width: 100%;
			background: url(../images/pageTopGradient.jpg) repeat-x top right #850e70; }

		header figure#topLogo {
			display: block;
			width: 153px;
			height: 52px;
			margin-top: 17px;
			float: left;
			text-indent: -9999px;
			background: url(../images/goFredLogo.png) no-repeat top left; }

		/*** UL NAV ***/
		header ul#nav {
			display: block;
			float: left;
			list-style: none;
			margin: 49px 0 0 65px;
			padding: 0; }

			header ul#nav li {
				float: left;
				margin: 0;
				padding: 0 45px 0 0;
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 17px; }

				header ul#nav li a {
					color: #666;
					text-decoration: none; }

		/*** HEADER UL SOCIAL ***/
		header ul#social {
			display: block;
			float: left;
			list-style: none;
			margin: 30px 0 0 247px;
			padding: 0; }

			header ul#social li {
				display: block;
				float: left;
				margin: 0;
				padding: 0 0 0 15px;
				width: 39px;
				height: 39px;
				text-indent: -9999px; }

				/*** FACEBOOK ***/
				header ul#social li a#socialFB {
					display: block;
					width: 39px;
					height: 39px;
					background: url(../images/socialFB.jpg) no-repeat bottom left; }

					header ul#social li a#socialFB:hover {
						background: url(../images/socialFB.jpg) no-repeat top left; }

				/*** TWITTER ***/
				header ul#social li a#socialTW {
					display: block;
					width: 39px;
					height: 39px;
					background: url(../images/twitterTW.jpg) no-repeat bottom left; }

					header ul#social li a#socialTW:hover {
						background: url(../images/twitterTW.jpg) no-repeat top left; }








	/*** SLIDESHOW ***/
	#slideshow {
		display: block;
		height: 450px;
		width: 100%;
		background: url(../images/slideshowBG.jpg) repeat-x top left; }

		#homepageSlider {
			display: block;
			width: 917px;
			height: 450px;
			margin: 0 auto;
			padding-left: 63px; }

			.flexslider {
				position: relative;
				z-index: 1; }

			ul.slides {
				z-index: 1; }

			ul.controls {
				display: block;
				height: 86px;
				width: 430px;
				position: absolute;
				bottom: 11px;
				left: 415px;
				outline: none;
				padding-right: 50px;
				z-index: 100; }

				ul.controls li {
					float: left;
					display: block;
					width: 86px;
					height: 86px;
					padding: 0 0 0 0;
					text-indent: -9999px; }

					/*** OLD SLIDES
					ul.controls li a.firstSlide {
						display: block;
						height: 86px;
						height: 86px;
						background: url(../images/cloudControl.png) no-repeat bottom left;
						z-index: 999; }

							ul.controls li a.firstSlide.active { background: url(../images/cloudControl.png) no-repeat top left; }

					ul.controls li a.secondSlide {
						display: block;
						height: 86px;
						height: 86px;
						background: url(../images/zoneControl.png) no-repeat bottom left; }

							ul.controls li a.secondSlide.active { background: url(../images/zoneControl.png) no-repeat top left; }

					ul.controls li a.thirdSlide {
						display: block;
						height: 86px;
						height: 86px;
						background: url(../images/fibreControl.png) no-repeat bottom left; }

							ul.controls li a.thirdSlide.active { background: url(../images/fibreControl.png) no-repeat top left; }

					ul.controls li a.fourthSlide {
						display: block;
						height: 86px;
						height: 86px;
						background: url(../images/labsControl.png) no-repeat bottom left; }

							ul.controls li a.fourthSlide.active { background: url(../images/labsControl.png) no-repeat top left; }

					ul.controls li a.fifthSlide {
						display: block;
						height: 86px;
						height: 86px;
						background: url(../images/netControl.png) no-repeat bottom left; }

							ul.controls li a.fifthSlide.active { background: url(../images/netControl.png) no-repeat top left; }
					***/


		section#servicesNav {
			display: block;
			width: 100%;
			height: 65px;
			background: #e7e7e5; }

		/*** SECONDARY NAV ***/
		section#servicesNav ul#secondaryNav {
			display: block;
			width: 980px;
			height: 65px;
			list-style: none;
			margin: 0 auto;
			padding: 0; }

			ul#secondaryNav li { float: left; text-indent: -9999px; }

			ul#secondaryNav li a.active {
				position: relative;
			}

				ul#secondaryNav li a.active:after {
					top: 0%;
					left: 50%;
					border: solid transparent;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
					border-color: rgba(255, 255, 255, 0);
					border-top-color: #ffffff;
					border-width: 13px;
					margin-left: -13px;
				}

			ul#secondaryNav li a#eFibre {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenav-fibre.png) no-repeat center center; }

				ul#secondaryNav li a#eFibre.active, ul#secondaryNav li a#eFibre:hover {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenavactive-fibre.png) no-repeat center center; }


		ul#secondaryNav li a#eZone {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenav-zone.png) no-repeat center center; }

				ul#secondaryNav li a#eZone.active, ul#secondaryNav li a#eZone:hover {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenavactive-zone.png) no-repeat center center; }

		ul#secondaryNav li a#eCloud {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenav-cloud.png) no-repeat center center; }

				ul#secondaryNav li a#eCloud.active, ul#secondaryNav li a#eCloud:hover {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenavactive-cloud.png) no-repeat center center; }

		ul#secondaryNav li a#eLabs {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenav-labs.png) no-repeat center center; }

				ul#secondaryNav li a#eLabs.active, ul#secondaryNav li a#eLabs:hover {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenavactive-labs.png) no-repeat center center; }

		ul#secondaryNav li a#eNet {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenav-net.png) no-repeat center center; }

				ul#secondaryNav li a#eNet.active, ul#secondaryNav li a#eNet:hover {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenavactive-net.png) no-repeat center center; }

		ul#secondaryNav li a#coLoc {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenav-colocation.png) no-repeat center center; }

				ul#secondaryNav li a#coLoc.active, ul#secondaryNav li a#coLoc:hover {
				display: block;
				width: 160px;
				height: 65px;
				background: url(../images/servicenavactive-colocation.png) no-repeat center center; }




	/*** WRAPPER ***/
	#wrapper {
		display: block;
		width: 980px;
		margin: 0 auto; }


		.Home {
			padding-top: 15px; }

		.Services,
		.Contact {
			padding-top: 45px; }

		.about {
			padding-top: 45px; }




	/*** CONNECTION ***/
	#connection {
		display: block;
		width: 980px;
		margin: 50px auto 0 auto;
		padding-top: 30px;
		border-top: 1px solid #dcdbdc; }

		#connection h4, #connection h4 p {
			text-align: center;
			font-size: 36px;
			line-height: 47px;
			font-family: 'Ubuntu', sans-serif;
			color: #666;
			font-weight: 300;
			margin-bottom: 15px; }

			#connection h4 span, #connection h4 p span {
				color: #8dc63f; }

				#connection h4 span sup, #connection h4 p span sup {
					font-weight: 400;
					font-size: 20px; }

		#connection p {
			text-align: center;
			font-size: 18px;
			font-weight: 300;
			line-height: 25px;
			color: #a8aaad;
			font-family: 'Ubuntu', sans-serif; }

		#connection #pseudo-drops {
			width: 100%;
			height: 75px;
			line-height: 75px;
			font-size: 20px;
			font-weight: 300;
			color: #000;
			font-family: 'Ubuntu', sans-serif;
			display: block; }

			#connection #pseudo-drops .drop {
				width: 292px;
				height: 75px;
				display: inline-block;
				overflow: hidden;
				vertical-align: top;
				background: #e7e8e9; }

				#connection #pseudo-drops .drop.open {
					overflow: visible;
				}

				#connection #pseudo-drops .drop.my-speed {
					margin-right: 10px; }

				#connection #pseudo-drops .drop.fred-speed {
					background: #8dc63f;
					margin: 0 10px; }

				#connection #pseudo-drops .drop.action {
					margin-left: 10px; }

				#connection #pseudo-drops .drop ul {
					width: 292px;
					height: 75px;
					margin: 0;
					padding: 0;
					list-style: none;
					position: relative;
					z-index: 300; }

					#connection #pseudo-drops .drop ul li {
						width: 292px;
						height: 75px;
						font-size: 22px;
						line-height: 75px;
						font-weight: 300;
						color: #a8aaad;
						text-align: center;
						margin: 0;
						padding: 0;
						display: block;
						cursor: pointer;
						background: #e7e8e9;
						border-top: 1px solid #a8aaad;
						font-family: 'Ubuntu', sans-serif; }

						#connection #pseudo-drops .drop ul li.option {
							height: 52px;
							line-height: 52px;
							border-top: 1px solid #d8d9db;
						}

						#connection #pseudo-drops .drop ul li.option:hover {
							color: #8dc63f;
						}

					#connection #pseudo-drops .drop ul li.selection {
						border-top: 0;
					}

						#connection #pseudo-drops .drop ul li i {
							width: 15px;
							height: 8px;
							display: inline-block;
							margin: 0 0 0 10px;
							top: -3px;
							position: relative;
							padding: 0;
							background: url(/resource/images/droparrow.png); }

					#connection #pseudo-drops .drop p {
						width: 292px;
						height: 75px;
						font-size: 22px;
						line-height: 75px;
						font-weight: 300;
						color: #FFF;
						text-align: center;
						margin: 0;
						padding: 0;
						display: block;
						font-family: 'Ubuntu', sans-serif; }

						#connection #pseudo-drops .drop p sup {
							font-size: 14px; }

		#connection #speed-bars {
			width: 100%;
			height: 90px;
			display: block;
			margin-top: 42px; }

			#connection #speed-bars .row-cont {
				width: 841px;
				display: inline-block;
				vertical-align: top; }

				#connection #speed-bars .row {
					width: 841px;
					height: 20px;
					margin-bottom: 20px;
					display: inline-block;
					vertical-align: top; }

					#connection #speed-bars .row span {
						width: 70px;
						height: 20px;
						overflow: hidden;
						font-size: 14px;
						line-height: 20px;
						text-align: right;
						display: inline-block;
						font-family: 'Ubuntu', sans-serif;
						color: #a8aaad; }

					#connection #speed-bars .row.green span {
						color: #8dc63f; }

					#connection #speed-bars .row .bar-cont {
						width: 767px;
						height: 20px;
						background: #e7e8e9;
						display: inline-block;
						overflow: hidden; }

						#connection #speed-bars .row .bar-cont .bar-fill {
							width: 50%;
							height: 20px;
							background: #a8aaad;
							display: inline-block; }

						#connection #speed-bars .row.green .bar-cont .bar-fill {
							background: #8dc63f; }

			#connection #speed-bars .endcap {
				width: 112px;
				height: 84px;
				margin: -12px 0 0 -4px;
				padding: 0;
				display: inline-block;
				vertical-align: top; }

				#connection #speed-bars .endcap#end-photos { background: url(/resource/images/download-photos.png) no-repeat;	}
				#connection #speed-bars .endcap#end-game { background: url(/resource/images/download-game.png) no-repeat;	}
				#connection #speed-bars .endcap#end-songs { background: url(/resource/images/download-songs.png) no-repeat; }
				#connection #speed-bars .endcap#end-movie { background: url(/resource/images/download-movie.png) no-repeat; }

/*** FOOTER STYLES ***/
footer {
	display: block;
	margin-top: 100px;
	width: 100%;
	height: 120px;
	background: none; }

	footer.homepage {
		height: 220px;
		background: #ededee;
	}

	section#footer-logos {
		width: 100%;
		height: 60px;
		padding-top: 40px;`
	}

		section#footer-logos ul {
			width: 980px;
			margin: 0 auto;
			padding: 0;
			list-style: none;
		}

			section#footer-logos ul li {
				margin: 0 9px;
				padding: 0;
				float: left;
			}

	section#footer {
		position: relative;
		display: block;
		height: 120px;
		width: 980px;
		background: url(../images/footer-transparent.png) no-repeat bottom center;
		margin: 0 auto; }

		section#footer p#copyright {
			font-size: 10.47px;
			color: #595959;
			padding-top: 70px; }

		section#footer ul {
			position: absolute;
			bottom: 30px;
			left: 700px;
			list-style: none;
			display: block;
			width: 330px;
			margin: 0;
			padding: 0; }

			section#footer ul li {
				float: left;  }

		section#footer ul.social {
			display: none;
		}

		footer.homepage section#footer ul.social {
			display: block;
		}

			footer.homepage section#footer ul.social li {
				width: 110px;
			}

	section#footerStripe {
		display: block;
		height: 28px;
		width: 100%;
		background: #fff; }







/* --------------------------------------------------------------

	3. Services

-------------------------------------------------------------- */

#wrapper .services-banner {
	margin: 0;
	padding: 0;
}

	#wrapper .services-banner figure {
		width: 980px;
		height: 320px;
		display: block;
		background: center center no-repeat;
	}

		#wrapper .services-banner.zone figure {
			width: 100%;
			min-width: 980px;
			height: 320px;
			display: block;
			position: absolute;
			top: 175px;
			left: 0;
			background: center center no-repeat;
		}

	#wrapper .services-banner h4 {
		margin: 0;
		padding: 0;
	}

		#wrapper .services-banner.zone h4 {
			margin-top: 345px;
		}

		#wrapper .services-banner h4 p {
				width: 100%;
				margin: 0 auto 0 auto;
				padding: 0;
				font-size: 31px;
				line-height: 41px;
				color: #666;
				font-family: 'Ubuntu', sans-serif;
				font-weight: 300;
				text-align: center;
			}

				#wrapper .services-banner h4 span, 	#wrapper .services-banner h4 p span {
					color: #8dc63f;
				}

				#wrapper .services-banner h4 span sup, 	#wrapper .services-banner h4 p span sup {
					font-size: 20px;
				}

				#wrapper .services-banner.green h4 span { color: #8dc63f; }
				#wrapper .services-banner.purple h4 span { color: #850d70; }
				#wrapper .services-banner.red h4 span { color: #d51f3c; }
				#wrapper .services-banner.blue h4 span { color: #00aeef; }
				#wrapper .services-banner.darkblue h4 span { color: #292983; }
				#wrapper .services-banner.orange h4 span { color: #f7941e; }

	#wrapper .divide {
		width: 690px;
		height: 1px;
		display: block;
		margin: 40px auto;
		background: #dcdbdc;
	}

	#wrapper .service-intro {
		/* no stylins here */
	}

		#wrapper .service-intro figure {
			width: 980px;
			height: 100px;
			display: block;
			background: top center no-repeat;
		}

		#wrapper .service-intro p {
			font-size: 18px;
			line-height: 26px;
			color: #a8aaad;
			text-align: center;
			font-family: 'Ubuntu', sans-serif;
		}

		#wrapper .service-intro h5 {
			font-size: 30px;
			line-height: 37px;
			color: #666;
			font-weight: 500;
			text-align: center;
			font-family: 'Ubuntu', sans-serif;
			margin: 0;
			padding: 0;
		}

	#wrapper .service-list {

	}

		#wrapper .service-list h4 {
			font-size: 30px;
			line-height: 37px;
			color: #666666;
			text-transform: uppercase;
			font-family: 'Ubuntu', sans-serif;
			text-align: center;
			font-weight: 700;
		}

			#wrapper .service-list h4.darkblue {
				color: #292983;
			}

		#wrapper .service-list ul {
			margin: 0;
			padding: 0;
		}

			#wrapper .service-list ul li {
				width: 280px;
				font-size: 17px;
				line-height: 22px;
				font-family: 'Ubuntu', sans-serif;
				margin-left: 220px;
				color: #a8aaad;
				float: left;
			}

				#wrapper .service-list ul li.second {
					margin-left: 60px;
				}

		#wrapper .service-list ul.service-list-alt {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#wrapper .service-list ul.service-list-alt li {
				width: 210px;
				float: left;
				text-align: center;
				margin: 0 0 0 90px;
				padding: 0;
			}

				#wrapper .service-list ul.service-list-alt li h5 {
					font-size: 18px;
					line-height: 24px;
					font-family: 'Ubuntu', sans-serif;
					color: #666666;
					font-weight: 300;
				}

				#wrapper .service-list ul.service-list-alt li figure {
					width: 210px;
					height: 110px;
					display: block;
					background: top center no-repeat;
					margin: 0;
					padding: 0;
				}

	#wrapper .service-mid-blocks {

	}

		#wrapper .service-mid-blocks figure {
			width: 980px;
			height: 300px;
			display: block;
			background: center center no-repeat;
			margin: 20px 0 40px 0;
		}

		#wrapper .service-mid-blocks .col {
			width: 450px;
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			line-height: 24px;
			color: #666;
			font-family: 'Arial', sans-serif;
			padding: 10px 0 40px 0;
		}

			#wrapper .service-mid-blocks .col.col1 {
				margin-right: 30px;
			}

		#wrapper .service-mid-blocks h4 {
			font-size: 24px;
			text-transform: none;
		}

	#wrapper .service-content-blocks {

	}

		#wrapper .service-content-blocks .col {
			width: 45%;
			height: auto;
			display: inline-block;
			vertical-align: top;
			margin: 0;
			padding: 0;
			font-size: 14px;
			line-height: 18px;
			font-family: 'Arial', sans-serif;
			color: #666;
		}

			#wrapper .service-content-blocks .col2 {
				margin-left: 40px;
			}

			#wrapper .service-content-blocks .col h4 {
				font-size: 20px;
				line-height: 26px;
				color: #666;
				margin-bottom: 20px;
			}

	#wrapper .service-alt-content-blocks {

	}

		#wrapper .service-alt-content-blocks .col {
			width: 460px;
			margin-bottom: 40px;
			display: inline-block;
			vertical-align: top;
		}

			#wrapper .service-alt-content-blocks .col.first-col {
				margin-right: 50px;
			}

			#wrapper .service-alt-content-blocks .col.last-row {
				margin-bottom: 0;
			}

			#wrapper .service-alt-content-blocks .col figure {
				width: 470px;
				height: 150px;
				display: block;
				background: center center no-repeat;
			}

			#wrapper .service-alt-content-blocks .col h5 {
				font-size: 24px;
				line-height: 24px;
				color: #666;
				font-family: 'Ubuntu', sans-serif;
				text-align: center;
				text-transform: uppercase;
				font-weight: 400;
			}

			#wrapper .service-alt-content-blocks .col p {
				font-size: 16px;
				line-height: 24px;
				color: #666;
			}

/*** SERVICES H1 ***/
hgroup#pageTop h1 {
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	color: #99cc33;
	margin: 10px 0 5px 0;
	padding: 0; }

hgroup#pageTop h2 {
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	line-height: 42px;
	margin-bottom: 20px; }

#wrapper .service-row {
	width: 100%;
	padding: 70px 0 30px 0;
	border-bottom: 1px solid #bec8cd;
}

	#wrapper .service-row a {
		text-decoration: none;
	}

	#wrapper .service-row.last {
		border-bottom: none;
	}

	#wrapper .service-row figure.icon {
		width: 240px;
		height: 200px;
		display: inline-block;
	}

		#wrapper .service-row.wireless figure.icon { background: url(/resource/images/services-1.png) 0% 5% no-repeat; }
		#wrapper .service-row.fibre figure.icon { background: url(/resource/images/services-2.png) 0% 5% no-repeat; }
		#wrapper .service-row.cloud figure.icon { background: url(/resource/images/services-3.png) 0% 5% no-repeat; }
		#wrapper .service-row.lab figure.icon { background: url(/resource/images/services-4.png) 0% 5% no-repeat; }
		#wrapper .service-row.net figure.icon { background: url(/resource/images/services-5.png) 0% 5% no-repeat; }
		#wrapper .service-row.co-location figure.icon { background: url(/resource/images/services-6.png) 0% 5% no-repeat; }

	#wrapper .service-row .text {
		width: 640px;
		padding: 0 40px 0 0;
		display: inline-block;
		vertical-align: top;
	}

		#wrapper .service-row .text h3 {
			font-size: 43px;
			line-height: 43px;
			font-family: 'Ubuntu', sans-serif;
			margin-bottom: 5px;
		}

			#wrapper .service-row.wireless .text h3 { color: #00aeef; }
			#wrapper .service-row.fibre .text h3 { color: #292983; }
			#wrapper .service-row.cloud .text h3 { color: #f7941e; }
			#wrapper .service-row.lab .text h3 { color: #850d70; }
			#wrapper .service-row.net .text h3 { color: #8dc63f; }
			#wrapper .service-row.co-location .text h3 { color: #d51f3c; }

		#wrapper .service-row .text h4 {
			font-size: 24px;
			line-height: 34px;
			font-weight: 300;
			color: #939598;
			font-family: 'Ubuntu', sans-serif;
			margin-bottom: 20px;
		}

		#wrapper .service-row .text p {
			font-size: 20px;
			line-height: 28px;
			color: #939598;
		}

	#wrapper .service-row figure.arrow {
		width: 51px;
		height: 200px;
		display: inline-block;
		vertical-align: top;
	}

		#wrapper .service-row.wireless figure.arrow { background: url(/resource/images/services-arrow-blue.png) 0% 25% no-repeat; }
		#wrapper .service-row.fibre figure.arrow { background: url(/resource/images/services-arrow-darkblue.png) 0% 25% no-repeat; }
		#wrapper .service-row.cloud figure.arrow { background: url(/resource/images/services-arrow-orange.png) 0% 25% no-repeat; }
		#wrapper .service-row.lab figure.arrow { background: url(/resource/images/services-arrow-purple.png) 0% 25% no-repeat; }
		#wrapper .service-row.net figure.arrow { background: url(/resource/images/services-arrow-green.png) 0% 25% no-repeat; }
		#wrapper .service-row.co-location figure.arrow { background: url(/resource/images/services-arrow-red.png) 0% 25% no-repeat; }

#wrapper section.serviceBox {
	position: relative;
	display: block;
	width: 310px;
	height: 317px;
	background: url(../images/serviceBoxBG.jpg) no-repeat top left;
	float: left;
	margin: 0 20px 35px 0; }

#wrapper section.third {
	margin-right: 0; }

	#wrapper section.serviceBox figure.boxHeader {
		display: block;
		margin: 45px auto 35px auto; }

		#wrapper section.serviceBox p {
			display: block;
			width: 235px;
			text-align: center;
			margin: 0 auto;
			font-size: 11px;
			color: #666; }

			/*** SERVICE BOX GO BUTTONS ***/
			#wrapper section.serviceBox a {
				display: block;
				width: 110px;
				height: 46px;
				position: absolute;
				bottom: 0;
				left: 99px;
				text-indent: -9999px; }

				/*** ZONE BOX ***/
				#wrapper section.serviceBox figure.ezone {
					width: 243px;
					height: 70px;
					background: url(../images/serviceBoxeZoneheader.jpg) no-repeat top left; }

				/*** CLOUD BOX ***/
				#wrapper section.serviceBoxtest figure.ecloud {
					width: 256px;
					height: 70px;
					background: url(../images/serviceBoxeCloudheader.jpg) no-repeat top left; }

				/*** LABS BOX ***/
				#wrapper section.serviceBoxtest figure.elabs {
					width: 226px;
					height: 70px;
					background: url(../images/serviceBoxeLabsheader.jpg) no-repeat top left; }

				/*** FIBRE BOX ***/
				#wrapper section.serviceBoxtest figure.efibre {
					width: 238px;
					height: 70px;
					background: url(../images/serviceBoxeFibreheader.jpg) no-repeat top left; }

				/*** FIBRE BOX ***/
				#wrapper section.serviceBoxtest figure.enet {
					width: 195px;
					height: 70px;
					background: url(../images/serviceBoxeNetheader.jpg) no-repeat top left; }


				/*** ZONE BUTTON ***/
				#wrapper section.serviceBoxtest {
					position: relative;
					z-index: 1;
					display: block;
					width: 312px;
					height: 319px;
					background: url(../images/sectionBG.png) no-repeat bottom left #fff;
					float: left;
					margin: 0 13px 35px 0; }

					#wrapper section.serviceBoxtest p {
						display: block;
						width: 235px;
						text-align: center;
						margin: 0 auto;
						font-size: 11px;
						color: #666;
						background: #fff;
						position: relative; }

						#wrapper section.serviceBoxtest figure.boxHeader {
							display: block;
							margin: 45px auto 35px auto; }

							#wrapper section.serviceBoxtest figure.ezone {
								width: 243px;
								height: 70px;
								background: url(../images/serviceBoxeZoneheader.jpg) no-repeat top left; }





				/*** ZONE BUTTON ***/
				#wrapper section.serviceBoxtest a#zone {
					display: block;
					width: 312px;
					height: 319px;
					position: absolute;
					bottom: 0;
					left: 0;
					background: url(../images/sectionBG.png) no-repeat bottom left;
					z-index: 1; }

					#wrapper section.serviceBoxtest a#zone span { display: none; }

					#wrapper section.serviceBoxtest a#zone span.active {
						display: block;
						width: 312px;
						height: 319px;
						 background: url(../images/sectionBG.png) no-repeat top left; }

						#wrapper section.serviceBoxtest a#zone.active {
							display: block;
							width: 312px;
							height: 319px;
							background: url(../images/sectionBG.png) no-repeat top left; }

				/*** CLOUD BUTTON ***/
				#wrapper section.serviceBoxtest a#cloud {
					display: block;
					width: 312px;
					height: 319px;
					position: absolute;
					bottom: 0;
					left: 0;
					background: url(../images/goHoverServices.png) no-repeat bottom left;
					z-index: 1; }

					#wrapper section.serviceBoxtest a#cloud span { display: none; }

					#wrapper section.serviceBoxtest a#cloud span.active {
						display: block;
						width: 312px;
						height: 319px;
						 background: url(../images/goHoverServices.png) no-repeat top left; }

						#wrapper section.serviceBoxtest a#cloud.active {
							display: block;
							width: 312px;
							height: 319px;
							background: url(../images/goHoverServices.png) no-repeat top left; }

				/*** LABS BUTTON ***/
				#wrapper section.serviceBoxtest a#labs {
					display: block;
					width: 312px;
					height: 319px;
					position: absolute;
					bottom: 0;
					left: 0;
					background: url(../images/goHoverLabs.png) no-repeat bottom left;
					z-index: 1; }

					#wrapper section.serviceBoxtest a#labs span { display: none; }

					#wrapper section.serviceBoxtest a#labs span.active {
						display: block;
						width: 312px;
						height: 319px;
						 background: url(../images/goHoverLabs.png) no-repeat top left; }

						#wrapper section.serviceBoxtest a#labs.active {
							display: block;
							width: 312px;
							height: 319px;
							background: url(../images/goHoverLabs.png) no-repeat top left; }

				/*** FIBRE BUTTON ***/
				#wrapper section.serviceBoxtest a#fibre {
					display: block;
					width: 312px;
					height: 319px;
					position: absolute;
					bottom: 0;
					left: 0;
					background: url(../images/goHoverFibre.png) no-repeat bottom left;
					z-index: 1; }

					#wrapper section.serviceBoxtest a#fibre span { display: none; }

					#wrapper section.serviceBoxtest a#fibre span.active {
						display: block;
						width: 312px;
						height: 319px;
						 background: url(../images/goHoverFibre.png) no-repeat top left; }

						#wrapper section.serviceBoxtest a#fibre.active {
							display: block;
							width: 312px;
							height: 319px;
							background: url(../images/goHoverFibre.png) no-repeat top left; }


				/*** NET BUTTON ***/
				#wrapper section.serviceBoxtest a#net {
					display: block;
					width: 312px;
					height: 319px;
					position: absolute;
					bottom: 0;
					left: 0;
					background: url(../images/goHoverServicesNet.png) no-repeat bottom left;
					z-index: 1; }

					#wrapper section.serviceBoxtest a#net span { display: none; }

					#wrapper section.serviceBoxtest a#net span.active {
						display: block;
						width: 312px;
						height: 319px;
						 background: url(../images/goHoverServicesNet.png) no-repeat top left; }

						#wrapper section.serviceBoxtest a#net.active {
							display: block;
							width: 312px;
							height: 319px;
							background: url(../images/goHoverServicesNet.png) no-repeat top left; }



/*** servicebox Paragraph ***/
#wrapper section.serviceBoxtext {
	display: block;
	width: 310px;
	height: 317px;
	float: left;
	margin: 0 20px 35px 0; }

	#wrapper section.serviceBoxtext h4 {
		font-size: 19px;
		color: #1b4164;
		font-weight: bold;
		margin: -3px 0 0 0;
		padding: 0px 0 5px 0; }

		#wrapper section.serviceBoxtext p {
			font-size: 12px;
			color: #666; }

/* --------------------------------------------------------------

	4. Homepage

-------------------------------------------------------------- */

	/*** LATEST HAPPENING ***/
	#wrapper section#latestHappening {
		display: block;
		width: 350px;
		position: relative;
		padding-right: 30px;
		margin-top: 10px;
		float: left; }

		/*** LATEST HAPPENING H2 ***/
		#wrapper section#latestHappening h2 {
			font-size: 19px;
			margin: 0;
			padding: 0 0 12px;
			font-weight: bold;
			text-transform: uppercase;
			color: #1b4164; }


		/*** LATEST HAPPENING H4 ***/
		#wrapper section#latestHappening h4 {
			font-size: 14px;
			margin: 0;
			padding: 0 0 5px 0;
			font-weight: bold;
			text-transform: uppercase;
			color: #1b4164; }

		/*** LATEST HAPPENING P ***/
		#wrapper section#latestHappening p {
			color: #545353; }

	/*** FREDXIMAGES ***/
	section#fredXimages {
		display: block;
		width: 600px;
		float: left;
		padding-top: 8px; }

		/*** LEFTIMAGES ***/
		section#fredXimages section#leftImages {
			display: block;
			width: 315px;
			float: left; }

			a.heatmap {
				float: left;
				margin-left: 5px;
				width: 275px;
				height: 437px;
				display: block;
				text-indent: -999999px; }

			section#fredXimages section#leftImages figure#topleftfredX img{
				display: block;
				width: 315px;
				height: 437px;
				margin-bottom: 15px; }


		section#fredXimages a.rightBanner {
			position: relative;
			display: block;
			float: left;
			width: 268px;
			height: 440px;
			margin-left: 15px; }

		section#fredXimages figure#fullrightfredX {
			position: relative;
			display: block;
			float: left;
			width: 268px;
			height: 440px;
			margin-left: 15px;
			background: url(../images/homepageRight.jpg) no-repeat; }

			section#fredXimages figure#fullrightfredX figure#overlay {
				display: block;
				width: 329px;
				height: 247px;
				position: absolute;
				top: 265px;
				left: 40px;
				background: url(../images/goFredXoverlay.png) no-repeat top left; }


/* --------------------------------------------------------------

	5. About

-------------------------------------------------------------- */

/*** LEFTCOLUMN ***/
section#leftColumn {
	float: left;
	display: block;
	width: 440px;
	padding-right: 84px; }

	/*** LEFTSIDETOP ***/
section#leftColumn section#leftsideTop {
		display: block;
		width: 440px;
		color: #666666; }

		/*** LEFTSIDETOP AND OURLEADERSHIP H4 ***/
section#leftColumn section#leftsideTop h4,
section#leftColumn section#ourLeadership h4 {
			font-size: 19px;
			font-weight: bold;
			margin: 0;
			padding: 0 0 5px 0;
			color: #1b4164; }

			section.about section#leftColumn section#leftsideTop h6 {
				font-size: 14px;
				font-weight: bold;
				margin: 0;
				padding: 0 0 5px 0;
				color: #666666; }

	/*** OURLEADERSHIP ***/
section#leftColumn section#ourLeadership {
		display: block;
		width: 440px;
		color: #666666; }

		/*** OURLEADERSHIP h3 ***/
section#leftColumn section#ourLeadership h3 {
			font-size: 19px;
			font-weight: bold;
			color: #1b4164;
			margin: 50px 0 10px 0; }

			section.leadership {
				display: block;
				width: 195px;
				height: 204px;
				margin: 0 25px 25px 0;
				float: left; }

				section.leadership h5 {
					margin: 0 0 0 12px;
					font-size: 12px;
					font-weight: normal;
					color: #333333;
					padding: 0;
					line-height: 1; }

				section.leadership h6 {
					margin: 0 0 0 12px;
					font-size: 11px;
					font-weight: normal;
					color: #333333;
					padding: 0; }

			/*** OURLEADERSHIP LEADERSHIP IMAGES ***/
section#leftColumn section#ourLeadership figure.leadershipImages {
				display: block;
				width: 181px;
				height: 142px;
				padding: 12px;
				background: #ffffff;
				margin: 0 25px 10px 0;
				float: left; }

				/*** OURLEADERSHIP IMAGES RIGHT SIDE ***/
section#leftColumn section#ourLeadership figure.right {	margin-right: 0; }




/*** RIGHTCOLUMN ***/
section#rightColumn {
	float: left;
	display: block;
	width: 440px;
	padding-right: 16px;
	color: #666666; }

	/*** RIGHTSIDETOP ***/
section#rightColumn section#rightsideTop h4 {
		font-size: 19px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 5px 0;
		color: #1b4164; }



section#rightColumn section#rightsideTop ul {
		margin: -5px 0 35px 0;
		padding: 0;
		list-style: none; }

section#rightColumn section#rightsideTop ul li {
			padding: 10px 0 10px 15px;
			background: url(../images/listStyle.jpg) no-repeat 0 16px;
			border-bottom: 1px solid #dfdfdf; }

section#rightColumn section#rightsideTop ul li.last { border: none; }


	/*** INDUSTRYPARTNERS ***/
section#rightColumn section#industryPartners h4 {
		font-size: 19px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 25px 0;
		color: #1b4164; }

section#rightColumn section#industryPartners figure.partnerLogos {
		display: block;
		width: 133px;
		height: 133px;
		margin: 0 20px 20px 0;
		background: #ffffff;
		float: left; }

section#rightColumn section#industryPartners figure.third { margin-right: 0; }



/* --------------------------------------------------------------

	6. Contact

-------------------------------------------------------------- */

section#leftSideform {
	display: block;
	width: 720px;
	height: 355px;
	float: left;
	border-right: 1px solid #e0e0e0; }
	
	section#wrapper p.message { margin-bottom: 50px; }

	section#leftSideform form#contactForm label {
		color: #4a4a48;
		font-weight: bold;
		font-size: 15px;
		display: block;
		width: 326px;
		height: 30px;
		margin-bottom: -5px;
		padding-left: 2px; }

	section#leftSideform form#contactForm p {
		color: #666666;
		font-size: 10px;
		float: left;
		padding: 10px 0 0 15px;
		background: url(../images/requiredStar.jpg) no-repeat 0px 12px; }


		p.error { display: block; height: 25px; width: 700px;  font-size: 15px; font-weight: bold; padding: 10px; margin-bottom: 50px; }

		p.success { display: block; height: 25px; width: 700px;  font-size: 15px; font-weight: bold; padding: 10px; }

		section#leftSideform form#contactForm label span {
			color: #df0c0c;
			font-size: 19px;
			line-height: 5px; }

		section#leftSideform form#contactForm span#firstRow {
			display: block;
			width: 720px;
			height: 70px; }

			section#leftSideform form#contactForm span#secondRow {
			display: block;
			width: 720px;
			height: 70px;
			margin-top: 22px;
			margin-bottom: 22px; }


				section#leftSideform form#contactForm span#firstRow div.textInput,
				section#leftSideform form#contactForm span#secondRow div.textInput {
					display: block;
					width: 326px;
					height: 70px;
					float: left;
					margin: 0 26px 0 0; }

	form#contactForm  input#name,
	form#contactForm input#company,
	form#contactForm input#email,
	form#contactForm input#phone {
		display: block;
		width: 318px;
		height: 28px;
		padding-left: 10px;
		background: url(../images/inputTextBG.jpg) no-repeat top left;
		outline: none;
		border: none; }

		section#leftSideform form#contactForm span#firstRow input.error,
		section#leftSideform form#contactForm span#secondRow input.error {
			display: block;
			width: 318px;
			height: 28px;
			padding-left: 10px;
			background: url(../images/inputTextBG.jpg) no-repeat bottom left;
			outline: none;
			border: none; }




		form#contactForm textarea#message {
			display: block;
			width: 662px;
			height: 126px;
			outline: none;
			border: none;
			margin: 0;
			padding: 10px;
			background: url(../images/messageBG.jpg) no-repeat top left;
			resize: none; }

			section#leftSideform form#contactForm textarea.error { background: url(../images/messageBG.jpg) no-repeat bottom left; }

			section#leftSideform form#contactForm input#submit {
				cursor: pointer;
				display: block;
				width: 112px;
				height: 53px;
				float: right;
				margin: 15px 40px 0 0;
				background: url(../images/submitBtn.jpg) no-repeat bottom left;
				outline: none;
				border: none;
				text-indent: -9999px; }

				section#leftSideform form#contactForm input#submit:hover {
					background: url(../images/submitBtn.jpg) no-repeat top left; }

	section#contactRightside {
		display: block;
		width: 228px;
		height: 425px;
		margin-left: 30px;
		float: left;
		position: relative; }

		section#contactRightside h4 {
			color: #333333;
			font-weight: bold;
			font-size: 15px;
			margin: 10px 0 2px 0;
			padding: 0; }

		section#contactRightside a.first {
			text-decoration: none;
			color: #3399cc;
			display: block;
			width: 228px;
			height: 30px;
			border-bottom: 1px solid #ccc; }

			section#contactRightside a {
				text-decoration: none;
				color: #3399cc;
				display: block;
				width: 228px;
				height: 30px; }

				section#contactRightside section#info {
					display: block;
					width: 228px;
					height: 100px;
					position: absolute;
					bottom: 60px;
					left: 0;
					color: #333333; }


	section#googleMap {
		display: block;
		width: 962px;
		height: 347px;
		background: url(../images/mapforIE.jpg) no-repeat;
		margin-top: 50px; }



section.detailsLeft {
	display: block;
	width: 460px;
	float: left; }

	section.detailsLeft h4#pricing {
		margin: 0 0 8px 0;
		padding: 20px 0 0 0;
		color: #1b4164; font-size: 19px; }

section.detailsRight {
	display: block;
	width: 490px;
	float: left;
	margin: 58px 0 0 20px; }

	section.detailsRight .icon {
		display: block;
		width: 491px;
		height: 449px;
		margin-left: 48px;
		margin-top: 58px; }

	section.detailsRight ul {
		margin: 50px 0 0 50px;
		padding: 0;
		list-style: none; }

		section.detailsRight ul li {
			padding: 10px 0 10px 15px;
			border-bottom: 1px solid #ccc;
			background: url(../images/listStyleRed.jpg) 0px 18px no-repeat; }

			section.detailsRight ul li.last { border-bottom: none; }

			section.detailsRight #bottomRight {
				margin: 20px 0 0 50px; }

				section.detailsRight #bottomRight h4 {
					color: #1b4164;
					font-weight: bold;
					font-size: 19px;
					margin: 0 0 10px 0;
					padding: 0; }

					section.detailsRight #bottomRight p {
						color: #666666; }

			section.detailsRight #bottomRightpricing {
				margin: 55px 0 0 50px; }

				section.detailsRight #bottomRightpricing h4, h4.ezone {
					color: #1b4164;
					font-weight: bold;
					font-size: 19px;
					margin: 0 0 10px 0;
					padding: 0; }



					section.detailsRight #bottomRightpricing p {
						color: #666666; }





	section.detailsLeft .title-image {
		display: block;
		margin: 60px 0 25px 0; }


	section.detailsLeft p {
		color: #545454; }

	section.detailsLeft h4 {
		color: #1b4164;
		font-weight: bold;
		font-size: 19px;
		margin: 0;
		padding: 0 0 5px 0; }

		section.detailsLeft p.summary {
			padding-bottom: 20px;
			border-bottom: 1px solid #dedbdb;
			font-size: 15px;
			font-weight: bold;
			color: #666; }

			section.detailsLeft section.Diagram {
				padding-top: 20px; }

				a#specsZone {
					float: left;
					display: block;
					width: 980px;
					height: 42px;
					margin-top: 60px;
					background: url(../images/techSpecsZone.jpg) no-repeat top left; }

				a#specsFibre {
					float: left;
					display: block;
					width: 980px;
					height: 42px;
					margin-top: 60px;
					background: url(../images/techSpecsFiber.jpg) no-repeat top left; }

				a#specsCloud {
					float: left;
					display: block;
					width: 980px;
					height: 42px;
					margin-top: 60px;
					background: url(../images/techSpecsCloud.jpg) no-repeat top left; }

				a#specsLabs {
					float: left;
					display: block;
					width: 980px;
					height: 42px;
					margin-top: 60px;
					background: url(../images/techSpecsLabs.jpg) no-repeat top left; }

	.left {
		float: left;
	}

	.right {
		float: right;
	}

	section.detailsLeft {

	}

	section .detailsRight {
		margin-top: 0;
	}

	section.promo-image-cont {
		margin: 0;
		padding: 0;
		height: 446px;
	}

		section.detailsRight #promo-image {
			max-width: 90%;
			max-height: 446px;
			margin: 20px 0 8px 50px;
		}

	.bottom-text-newfibre {
		margin: 20px 0 0 50px;
		clear: both;
	}

	.service-title {
		font-family: 'Ubuntu', sans-serif;
		font-weight: 200;
		margin-top: 20px;
		font-size: 30px;
		line-height: 38px;
		color: #666666;
	}

	.service-title span {
		color: #98C622;
	}

	.service-title span span {
		position: relative;
		top: -10px;
		font-size: 17px;
		font-weight: 700;
	}

	.sales-line {
		font-size: 30px;
		line-height: 34px;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 700;
		color: #666666;
		max-width: 365px;
		margin: 20px 0 0 0;
		border-top: 1px solid #CFD0D1;
		padding-top: 30px;
		padding-right: 80px;
	}

		.sales-line.smaller {
			font-size: 20px;
			line-height: 26px;
			font-family: 'Arial', sans-serif;
		}

	.price-bulletpoints, .price-bulletpoints h1, .price-bulletpoints h5 {
		color: #A8AAAD;
		font-family: 'Ubuntu', sans-serif;
	}

	.price-bulletpoints .left{
  	min-height: 130px;
		padding-right: 20px;
		height: auto;
	}

  	.price-bulletpoints .left.full, .price-bulletpoints .left.full p {
  		width: 100%;
  	}

	.price-bulletpoints.bordered .left {
		border-right: 1px solid #CFD0D1;
	}

	.price-bulletpoints .left h5 {
		font-size: 19px;
		font-weight: 200;
	}

	.price-bulletpoints .right {
		float: left;
		width: 210px;
	}

		.price-bulletpoints .right ul {
			margin: 0;
			padding-left: 20px;
		}

	.price-bulletpoints.bordered .right {
		float: left;
		width: 240px;
	}

		.price-bulletpoints.bordered .right ul {
			padding-left: 40px;
			width: 240px;
		}

	.price-bulletpoints .right ul li {
		font-size: 18px;
		font-weight: 200;
	}

	.price-bulletpoints h1 {
		clear: none;
		padding: 0;
		margin: 0;
	}

	.price-bulletpoints #price {
		font-size: 55px;
	}

	.price-bulletpoints p {
		font-size: 14px;
		line-height: 18px;
		width: 230px;
		padding-right: 0px;
		/* word-break: break-all; */
	}

	.price-bulletpoints #price span {
		font-size: 26px;
		position: relative;
		top: -20px;
		font-weight: 200;
	}

	.price-bulletpoints {
		float: none;
		clear: both;
		height: auto;
		margin: 20px 0 40px 0;
		border-bottom: 1px solid #CFD0D1;
		padding-bottom: 30px;
	}

		.price-bulletpoints.bordered {
			margin: 30px 0 40px 0;
		}

	section.detailsLeft .bottom-text-newfibre p {
		font-family: 'Arial', sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: #666666;
	}

	section.detailsLeft .bottom-text-newfibre h4 {
		color: #666666;
		font-weight: bold;
		font-size: 19px;
		margin: 0;
		padding: 0 0 5px 0;
	}

	section.detailsRight .bottom-text-newfibre h4 {
		color: #666666;
		font-weight: bold;
		font-size: 19px;
		margin: 0;
		padding: 0 0 5px 0;
	}

	section.detailsRight .bottom-text-newfibre p {
		font-family: 'Arial', sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: #666666;
	}

	section.detailsLeft .bottom-text-newfibre {
		margin: 0 0 0 0;
	}

	section.newServicesSub {
		margin-top: 46px;
	}

	.getInTouch {
		margin-top: 20px;
		padding-top: 30px;
		width: 980px;
		border-top: 1px solid #CFD0D1;
		margin: 0 auto;
		text-align: center;
	}

	.getInTouch h1 {
		font-family: 'Ubuntu', sans-serif;
		font-weight: 700;
		color: #666666;
		padding: 0;
		margin: 0;
		font-size: 26px;
	}

	.getInTouch h4 {
		font-family: 'Ubuntu', sans-serif;
		color: #A8AAAD;
		font-size: 22px;
	}

	#request-quote-net {
		padding-top: 100px;
		text-align: center;
	}

		#request-quote-net.zone {
			padding-top: 0;
		}

			#request-quote-net.zone .quote-button {
				width: 380px;
			}

		#request-quote-net p {
			font-family: 'Ubuntu', sans-serif;
			color: #a8aaad;
			font-size: 18px;
			line-height: 26px;
			margin-bottom: 20px;
		}

		#request-quote-net .quote-button {
			width: 327px;
			height: 61px;
			display: block;
			margin: 20px auto 60px auto;
			background: #8dc63f;
			font-size: 19px;
			line-height: 61px;
			color: #FFF;
			font-family: 'Ubuntu', sans-serif;
			text-transform: uppercase;
			text-decoration: none;
		}

		#request-quote-net h4, #request-quote-net h4 p {
			font-size: 31px;
			line-height: 41px;
			color: #666;
			font-family: 'Ubuntu', sans-serif;
			font-weight: 300;
		}

			#request-quote-net h4 span, #request-quote-net h4 p span {
				color: #8dc63f;
			}

			#request-quote-net h4 span sup, #request-quote-net h4 p span sup {
				font-size: 20px;
			}

		#request-quote-net p {
			width: 980px;
			margin: 0 auto;
		}

		#request-quote-net figure.internet-figure {
			width: 410px;
			height: 70px;
			display: block;
			margin: 30px auto 50px auto;
			background: center center no-repeat;
		}

	#goButton {
		cursor: pointer;
		display: block;
		width: 112px;
		height: 53px;
		margin: 0 auto;
		background: url('/images/submitBtn.jpg') no-repeat bottom left;
		outline: none;
		border: none;
		text-indent: -9999px;
	}

	#goButton:hover {
		background: url('/images/submitBtn.jpg') no-repeat top left;
	}

		#goButton.blue:hover { background: url('/resource/images/btn-go-blue.png') no-repeat top left; }
		#goButton.darkblue:hover { background: url('/resource/images/btn-go-darkblue.png') no-repeat top left; }
		#goButton.orange:hover { background: url('/resource/images/btn-go-orange.png') no-repeat top left; }
		#goButton.purple:hover { background: url('/resource/images/btn-go-purple.png') no-repeat top left; }
		#goButton.red:hover { background: url('/resource/images/btn-go-red.png') no-repeat top left; }

	.green .service-title span, #request-quote-net.green h4 span { color: #8dc63f; }
	#request-quote-net.green .quote-button { background-color: #8dc63f; }

	.purple .service-title span, #request-quote-net.purple h4 span { color: #850d70; }
	#request-quote-net.purple .quote-button { background-color: #850d70; }

	.red .service-title span, #request-quote-net.red h4 span { color: #d51f3c; }
	#request-quote-net.red .quote-button { background-color: #d51f3c; }

	.blue .service-title span, #request-quote-net.blue h4 span { color: #00aeef; }
	#request-quote-net.blue .quote-button { background-color: #00aeef; }

	.darkblue .service-title span, #request-quote-net.darkblue h4 span { color: #292983; }
	#request-quote-net.darkblue .quote-button { background-color: #292983; }

	.orange .service-title span, #request-quote-net.orange h4 span { color: #f7941e; }
	#request-quote-net.orange .quote-button { background-color: #f7941e; }

	.main-services {
		padding-top: 45px;
	}

	.fiberslidetext {
		max-width: 300px;
		position: absolute;
		left: 375px;
		top: 45px;
	}

	.fiberslide {
		position: relative;
	}

	.oldfiberslide {
		position: relative;
	}

	.fiberslide a{
		float: left;
	}

	.fiberslide .slide-image-container {
		height: 431px;
		width: 415px;
	}

	.fiberslide a img {
		height: 370px;
		position: relative;
		top: -29px;
	}
	.fiberslidetext .price-bulletpoints {
		border: 0;
		width: 500px;
	}

	.fiberslidetext .slider-slogan {
		font-family: 'Ubuntu', sans-serif;
		color: #75BA4D;
		font-weight: 200;
		width: 400px;
	}

	#bottom-right-image {
		float: left;
		position: relative;
		left: 5px;
	}

	.fiberslidetext .right {
		max-width: 500px;
		float: left;
	}

	.fiberslidetext .left {
		height: 80px;
	}

	.fiberslidetext .right ul li {
		font-size: 16px;
	}

	.contact {
		padding-top: 45px;
	}

	#topPart {
		margin-top: -36px;
	}

	.slider-container {
		position: relative;
		height: 400px;
		width: 100%;
		cursor: pointer;
	}

	#sliderlink {
		position: absolute;
		top: 0;
		left: 0;
		width: 850px;
		height: 400px;
		z-index: 99999;
	}

	li.zoneslide .slider-container .slide-image-container {
		width: 980px;
		height: 382px;
		margin: 0 0 0 -35px;
		padding-top: 20px;
	}

	li.zoneslide .zoneslidetext {

	}

		li.zoneslide .zoneslidetext h1 {
			font-size: 40px;
			line-height: 44px;
			color: #FFF;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
		}

		li.zoneslide .zoneslidetext .price-bulletpoints {
			margin-top: -40px;
		}

			li.zoneslide .zoneslidetext .price-bulletpoints .left {
				display: none;
			}

			li.zoneslide .zoneslidetext .price-bulletpoints .right {
				width: 400px;
				font-size: 19px;
				line-height: 26px;
				color: #FFF;
				font-family: 'Ubuntu', sans-serif;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
			}

				li.zoneslide .zoneslidetext .price-bulletpoints .right p {
					width: 400px;
				}

	#secondContactHeader {
		position: relative;
		top: -8px;
	}

	#firstContact {
		position: relative;
	}

	#secondContact {
		position: relative;
		top: -8px;
	}


.play-icon {
	position: absolute;
	top: 51px;
	left: 125px;
	background: url('/resource/images/play.png');
	width: 101px;
	height: 97px;
	opacity: 0.8;
}

.play-icon:hover {
	opacity: 1;
}

.youtube-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
}

	.modal-bg {
		background-color: rgba(0,0,0,0.5);
		height: 100%;
		width: 100%;
		z-index: 9999;
	}

	.youtube-modal iframe {
		z-index: 10000;
	}

	.youtube-wrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -240px;
		margin-left: -426px;
	}

	i.modal-x {
		position: absolute;
		display: block;
		cursor: pointer;
		background: url('/resource/images/x.png');
		height: 16px;
		width: 16px;
		top: -20px;
		right: -20px;
	}
	
/*** BLOG ***/
.blog_landing h1 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  color: #666;
  padding-top: 60px;
}

.blog_landing h4 {
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #545454;
}

.blog_landing .post-list {
  padding-top: 15px;
}

  .blog_landing .post-list .post {
    width: 300px;
    height: 380px;
    display: block;
    float: left;
    margin: 0 40px 40px 0;
    background: #FFF;
    position: relative;
  }
    .blog_landing .post-list .post.third { margin-right: 0; }
    .blog_landing .post-list .post.last-row { margin-bottom: 0; }

    .blog_landing .post-list .post.Net { border-top: 3px solid #292983; }
    .blog_landing .post-list .post.Cloud { border-top: 3px solid #f7941e; }
    .blog_landing .post-list .post.Zone { border-top: 3px solid #00aeef; }
    .blog_landing .post-list .post.Labs { border-top: 3px solid #850d70; }
    .blog_landing .post-list .post.Fibre { border-top: 3px solid #8dc63f; }
    .blog_landing .post-list .post.CoLocation { border-top: 3px solid #d51f3c; }
    
    .blog_landing .post-list .post a {
      text-decoration: none;
    }

  .blog_landing .post-list .post figure {
    width: 300px;
    height: 190px;
    display: block;
    margin: 0;
    padding: 0;
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .blog_landing .post-list .post .text {
    padding: 15px 20px;
  }

    .blog_landing .post-list .post .text .meta {
      width: 100%;
      height: 30px;
      display: block;
    }

      .blog_landing .post-list .post .text .meta i {
        width: 146px;
        height: 30px;
        background: left center no-repeat;
        display: inline-block;
        vertical-align: top;
      }

        .blog_landing .post-list .post .text .meta i.Net { background-image: url(../images/icon-net.png); }
        .blog_landing .post-list .post .text .meta i.Cloud { background-image: url(../images/icon-cloud.png); }
        .blog_landing .post-list .post .text .meta i.Zone { background-image: url(../images/icon-zone.png); }
        .blog_landing .post-list .post .text .meta i.Labs { background-image: url(../images/icon-labs.png); }
        .blog_landing .post-list .post .text .meta i.Fibre { background-image: url(../images/icon-fibre.png); }
        .blog_landing .post-list .post .text .meta i.CoLocation { background-image: url(../images/icon-colocation.png); }

      .blog_landing .post-list .post .text .meta span {
        width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        font-family: 'Arial';
        color: #666666;
        display: inline-block;
        vertical-align: top;
        text-align: right;
      }

        .blog_landing .post-list .post .text .meta span i {
          width: 14px;
          height: 30px;
          display: inline-block;
          vertical-align: top;
          margin-right: 10px;
          background: url(../images/icon-clock.png) center center no-repeat;
        }

  .blog_landing .post-list .post .text h2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #666;
    margin: 10px 0 20px 0;
  }

  .blog_landing .post-list .post .text p {
    font-family: 'Arial';
    font-size: 14px;
    line-height: 20px;
    color: #666;
  }

  .blog_landing .post-list .post .share {
    width: 100%;
    height: 46px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #f2f2f2;
    margin: 0;
    padding: 0;
    list-style: none;
  }

    .blog_landing .post-list .post .share li {
      width: 50px;
      height: 46px;
      margin: 0;
      padding: 0;
      display: inline-block;
      vertical-align: top;
    }

      .blog_landing .post-list .post .share li.first { margin-left: 45px; }

      .blog_landing .post-list .post .share li a { 
        width: 50px;
        height: 46px;
        display: block;
      }

        .blog_landing .post-list .post .share li a.facebook { background: url(../images/icon-facebook.png) center center no-repeat; } 
        .blog_landing .post-list .post .share li a.twitter { background: url(../images/icon-twitter.png) center center no-repeat; } 
        .blog_landing .post-list .post .share li a.gplus { background: url(../images/icon-gplus.png) center center no-repeat; } 
        .blog_landing .post-list .post .share li a.linkedin { background: url(../images/icon-linkedin.png) center center no-repeat; } 
      
      

	
/*** BLOG ARTICLE ***/
.blog_article {
  padding-top: 60px;
}

.blog_article .blog-back {
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  color: #666;
  background: url(../images/blog-back.png) left center no-repeat;
  padding-left: 10px;
}

.blog_article h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 40px;
  line-height: 44px;
  font-weight: 300;
  color: #333333;
  padding-top: 20px;
}

.blog_article .blog-cont .blog-left {
  width: 638px;
  float: left;
}

    .blog_article .blog-cont .blog-left .meta {
      width: 100%;
      height: 30px;
      display: block;
      font-size: 20px;
      line-height: 30px;
      color: #CCC;
    }

      .blog_article .blog-cont .blog-left .meta i {
        width: 100px;
        height: 30px;
        background: left center no-repeat;
        display: inline-block;
        vertical-align: top;
      }

        .blog_article .blog-cont .blog-left .meta i.Net { background-image: url(../images/icon-net.png); }
        .blog_article .blog-cont .blog-left .meta i.Cloud { background-image: url(../images/icon-cloud.png); }
        .blog_article .blog-cont .blog-left .meta i.Zone { background-image: url(../images/icon-zone.png); }
        .blog_article .blog-cont .blog-left .meta i.Labs { background-image: url(../images/icon-labs.png); }
        .blog_article .blog-cont .blog-left .meta i.Fibre { background-image: url(../images/icon-fibre.png); }
        .blog_article .blog-cont .blog-left .meta i.CoLocation { background-image: url(../images/icon-colocation.png); }

      .blog_article .blog-cont .blog-left .meta span {
        width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        font-family: 'Arial';
        color: #666666;
        display: inline-block;
        vertical-align: top;
        text-align: right;
      }

        .blog_article .blog-cont .blog-left .meta span i {
          width: 14px;
          height: 30px;
          display: inline-block;
          vertical-align: top;
          margin-right: 10px;
          background: url(../images/icon-clock.png) center center no-repeat;
        }

    .blog_article .blog-cont .blog-left .banner {
      width: 100%;
      height: auto;
      display: block;
      padding: 20px 0 0 0;
    }

        .blog_article .blog-cont .blog-left .blog-top .share {
          width: 60px;
          height: auto;
          display: block;
          padding: 0 0 0 60px;
          float: left;
        }
        
          .blog_article .blog-cont .blog-left .blog-top .share li {
            width: 60px;
            height: 60px;
            margin: 0;
            padding: 0;
            display: block;
          }
      
            .blog_article .blog-cont .blog-left .blog-top .share li a { 
              width: 60px;
              height: 60px;
              display: block;
            }
      
              .blog_article .blog-cont .blog-left .blog-top .share li a.facebook { background: url(../images/icon-facebook-med.png) center center no-repeat; } 
              .blog_article .blog-cont .blog-left .blog-top .share li a.twitter { background: url(../images/icon-twitter-med.png) center center no-repeat; } 
              .blog_article .blog-cont .blog-left .blog-top .share li a.gplus { background: url(../images/icon-gplus-med.png) center center no-repeat; } 
              .blog_article .blog-cont .blog-left .blog-top .share li a.linkedin { background: url(../images/icon-linkedin-med.png) center center no-repeat; } 

        .blog_article .blog-cont .blog-left .blog-top p {
          width: 500px;
          float: right;
          font-size: 14px;
          line-height: 22px;
          color: #666666;
          margin: 10px 0 0 0;
        }

      .blog_article .blog-cont .blog-left .blog-quote {
        width: 600px;
        font-size: 26px;
        line-height: 50px;
        font-weight: 300;
        color: #414042;
        font-family: 'Ubuntu', sans-serif;
        text-align: right;
        position: relative;
        margin: 20px 0 10px 0;
      }

        .blog_article .blog-cont .blog-left .blog-quote span {
          font-size: 48px;
          font-weight: 600;
          color: #33298d;
        }
  
          .blog_article .blog-cont .blog-left .blog-quote span.closing {
            position: absolute;
            bottom: 0;
            right: -35px;
          }

      .blog_article .blog-cont .blog-left .blog-bottom p {
        width: 500px;
        float: right;
        font-size: 14px;
        line-height: 22px;
        color: #666666;
        margin: 10px 0 0 0;
      }

.blog_article .blog-cont .blog-right {
  width: 300px;
  float: left;
  margin: 40px 0 0 42px;
}

  .blog_article .blog-cont .blog-right h3 {
    font-family: 'Arial', sans-serif;
    font-size: 30px;
    line-height: 44px;
    color: #333333;
    margin: 0 0 10px 0;
  }

  .blog_article .blog-cont .blog-right .related {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #76bc3b;
    list-style: none;
  }

    .blog_article .blog-cont .blog-right .related li {
      border-bottom: 1px solid #CCC;
      padding: 10px 0 10px 15px;
    }

      .blog_article .blog-cont .blog-right .related li:before {
        width: 5px;
        height: 4px;
        content: " ";
        display: block;
        position: absolute;
        margin: 9px 0 0 -15px;
        background: url(../images/list-dot.png) no-repeat;
      }

      .blog_article .blog-cont .blog-right .related li.last {
        border-bottom: none;
      }

      .blog_article .blog-cont .blog-right .related li a, .blog_article .blog-cont .blog-right .related p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 800;
        color: #666666;
        text-decoration: none;
      }

        .blog_article .blog-cont .blog-right .related li a:hover {
          text-decoration: underline;
        }