body {
//	background: url('../img/background.png') top center no-repeat;
font-family: 'Oxygen', serif;
} // end body

a {
	color: #0d4d9e;
	-webkit-transition: color 0.3s ease-in-out; 
	-moz-transition: color 0.3s ease-in-out; 
	-o-transition: color 0.3s ease-in-out; 
	transition: color 0.3s ease-in-out;
	
	-webkit-transition: border 0.3s ease-in-out; 
	-moz-transition: border 0.3s ease-in-out; 
	-o-transition: border 0.3s ease-in-out; 
	transition: border 0.3s ease-in-out;
	
	-webkit-transition: background 0.3s ease-in-out; 
	-moz-transition: background 0.3s ease-in-out; 
	-o-transition: background 0.3s ease-in-out; 
	transition: background 0.3s ease-in-out;
} // end a 

a:hover {
	color: #3796d2;
}

a:visited {
	color: #3796d2;
}

.small {
	font-size: 10px;
	top: -5px;
	position: relative;
}

.phone-contact {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

img,
embed,
object,
video {
max-width: 100%;
}

.btn-style (@radius: 5px) {
  background: #3796d2;
  //background: rgba(29, 86, 159, 1);
  color: #fff;
  color: rgba(255, 255, 255, 1);
  padding: 5px 10px;
  text-decoration: none;
  .border-radius(@radius);
}

.border-radius (@radius: 5px)
{
	border-radius: @radius;
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
}

#container {
	display: block;
	position: relative;
	width: 95%;
	max-width: 960px;
	margin:0 auto;
	
	header {
		
		nav.social-media-nav {
			position: absolute;
			right: (4/960) * 100%;
			top: 3px;
		} // end social-media-nav
		
		.logo {
			display: block;
			margin-top: 8px;
		} // end logo
		
		#menu-btn
		{
			position: fixed;
			top: 40px;
			right: (25/960) * 100%;
		
			.btn-style(5px);
			
			padding-left: 30px;
			background: #3796d2 url('../img/icons/mobile-menu.png') top left no-repeat;
			//background:rgba(29, 86, 159, 1) url('../img/icons/mobile-menu.png') 6px 8.5px no-repeat;
		}
				
		nav.main-nav
		{
			position: fixed;
			display: none;
			right: (40/960) * 100%;
			margin-top: 27px;
			width: (500/960) * 100%;
			z-index: 20;
			background-image: linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
			background-image: -o-linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
			background-image: -moz-linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
			background-image: 	-webkit-linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
			background-image: -ms-linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
			
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.05, rgb(73,128,200)),
				color-stop(0.67, rgb(65,107,167))
			);
			
			.border-radius(7px);
			
			#menu-arrow {
				position: absolute;
				right: 10px;
				top: -18px;
			}
			
			a {
				display: block;
				
				padding: 10px 0 10px 20px;
				margin-bottom: 4px;
				font-size: 14px;
				line-height: 20px;
				text-align: left;
				text-decoration: none;
				color:rgba(255, 255, 255, 1);
				border-bottom: 1px solid #ccc;
			//	.border-radius(5px);
				
				&:active {
					color:rgba(255, 255, 255, 0.5);
				} // end active 
				
				&:hover {
					color:rgba(255, 255, 255, 0.55);
				} // end hover
			} // end a
			
			body.Capabilities .btnCapabilities {
				color:rgba(255, 255, 255, 0.55);
			}
			
			a:last-child {
				border: 0;
			}
			
		} // end main-nav
		
		nav.secondary-nav {
			
			position: relative;
			top: 25px;
			right: -5px;
			text-align: right;
			
			
			a {
				text-decoration: none;
				margin-right: 25px;
			}
			
		}
		
	} // end header
	
	.featured-banners,
	.logos {
		display:  none;
	}
	
	.content {
		margin-top: 40px;
		border-top: 4px solid #e3e1e2;
		border-top: 4px solid rgba(227, 225, 226, 1);
		padding-top: 0px;
		
		.blue {
			color: #3796d2;
			//color: rgba(29, 92, 161, 1);
		}
		
		h1 {
			font-size: 24px;
		}
		
		h2 {
			font-size: 16px;
		}
		
		h3 {
			font-weight: normal;
			font-size: 21px;
		}
		
		iframe {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
	
		.learn-more-btn {
			display: block;
			text-align: center;
			width: 80px;
			font-size: 13px;
			.btn-style(5px);
		}
		
		.grey-border {
			display: block;
			height: 2px;
			width: (878/960) * 100%;
			margin: 0 ((42/960) * 100%) 25px;
			border-bottom: 4px solid #e3e1e2;
			border-bottom: 4px solid rgba(227, 225, 226, 1);
			clear: both;
		}
		
		.demo-reel-btn {
			font-size: 22px;
			font-weight: bold;
		}
		
		.capability,
		.clients {
/*			border-bottom: 4px solid #e3e1e2;
			border-bottom: 4px solid rgba(227, 225, 226, 1);*/
			padding-bottom: 40px;
			text-align: center;
			
			h1,
			h2,
			p,
			ul {
				text-align: left;
			}
		}
		
		.sub-nav {
			margin-bottom: 45px !important;

			a {
				background: #ebebeb;
				padding: 0 10px;
				text-decoration: none;
				
				&:hover {
					background:#269cca;
					color: #fff;
				}
			}
		}
		
		.partial-client-list {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.process-nav {
			display: none;
		}
		
		.tweets {
			display: block;
			//float:left;
			//width: (420/960) * 100%;
			
			h2 {
				font-size: 18px;
			}
			
			ul {
				list-style: none;
				padding: 0;
				margin:0;
				
				li {
					//margin-bottom: 10px;
					padding:10px;
					font-size: 14px;
					
					.tweet_time,
					.tweet_join {
						font-size: 12px;
					}
				}
				
				.tweet_odd {
					background:#e8f1ff;	
					color:#444;
					
					a {
						color:#333;
						
						&:hover {
							text-decoration: none;
						}
					}
				}
				
				.tweet_even {
					background:#d4d4d4;	
					color:#444;
					
					a {
						color:#2464B6;
						
						&:hover {
							text-decoration: none;
						}
					}
				}
			}
			
		}
		
		.contact-form {
			
			.input {
				width: (420/960) * 100%;
				float: left;
				padding: 6px;
				border: 1px solid #e8e8e8;
				margin-right: (20/960) * 100%;
				margin-top: 10px;
				font-size: 13px;
				
			}
			
			textarea {
				width: (900/960) * 100%;
				height: 75px;
				margin-top: 10px;
				border: 1px solid #e8e8e8;
				font-size: 13px;
				padding: 6px;
				
			}
			
			#send {
				margin-top: 10px;
				text-transform: uppercase;
				padding: 4px ((30/960) * 100%);
				font-size: 14px;
				font-weight: bold;
				color: #f2f2f2;
				text-shadow: 0 -1px 0 #848484;
				background: #269cca;
				border: 0;
				float: left;
				
				background: rgb(109,179,242);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
				background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
				background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
				background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
				background: linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
				/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
				*/
			}
			
			.contact-error {
				display: none;
				float: left;
				margin-top: 10px;
				background: #fe9590;
				width: (680/960) * 100%;
				margin-left: (20/960) * 100%;
				padding: 10px;
				border: 3px solid #ba0e00;
				color: #ba0e00;
				font-size: 13px;
			}
			
		}
		

	}
	
	#demo-reel 
	{
		
		a{
			-webkit-transition: none;
		    -moz-transition: none;
		    -ms-transition: none;
		    -o-transition: none;
		    transition: none;	
		}
		
		
		
	}
	
	
	.three-cs {
		position: relative;
		padding: 10px ((10/960) * 100%);
		margin-top: 30px;
		color: rgba(255, 255, 255, 1);
		
		background:rgb(54,54,54);
		background-image: linear-gradient(bottom, rgb(54,54,54) 11%, rgb(73,73,73) 56%);
		background-image: -o-linear-gradient(bottom, rgb(54,54,54) 11%, rgb(73,73,73) 56%);
		background-image: -moz-linear-gradient(bottom, rgb(54,54,54) 11%, rgb(73,73,73) 56%);
		background-image: -webkit-linear-gradient(bottom, rgb(54,54,54) 11%, rgb(73,73,73) 56%);
		background-image: -ms-linear-gradient(bottom, rgb(54,54,54) 11%, rgb(73,73,73) 56%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.11, rgb(54,54,54)),
			color-stop(0.56, rgb(73,73,73))
		);
		
		section {
			font-size:  13px;
			line-height: 19px;
			padding: 0 ((20/960) * 100%);
			margin-bottom: 30px;
			padding-bottom: 30px;
			border-bottom: 1px solid rgba(255,255,255,0.1);
			
			img {
				float: right;
				padding: 0 0 30px ((30/960) * 100%);
			}
			
			h1 {
				font-size: 24px;
			}
			
			.learn-more-btn {
				position: absolute;
				bottom: 9px;
				clear: both;
				display: block;
				text-align: center;
				width: 80px;
				.btn-style(5px);
			}
			
		}
		
		section:last-child
		{
			border: 0;
			margin-bottom: 15px;
		}
	}
	
	.funky-facts {
		
		.funky-facts-intro {
			font-size: 18px;
			text-align: left;
			padding: 20px 0px 0px 0px;
			margin-bottom: 20px;
			
			h1 {
				font-weight: bold;
				color: #f00;
			}
		}
		
		.fact {
		
			h1 {
				font-weight: normal !important;
				letter-spacing: -0.10em !important;
			}
		
			p {
				font-size: 15px;
				letter-spacing:-1px
			}
		}
		
		.first {
			clear: both;
			display: block;
		}
		
		.learn-more-btn {
			display: block;
			text-align: center;
			width: 115px;
			margin: 10px auto;
			font-size: 13px;
			.btn-style(5px);
			margin-top: 0;
			margin-top:30px;
			
			&:hover {
				color:#ccc;
				background: #2464b6;
			}
		}
		
	}
	
	footer {
		position: relative;
		padding: 20px 0 20px;
		margin-top: 30px;
		border-top: 4px double #fff;
		background-image: linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
		background-image: -o-linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
		background-image: -moz-linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
		background-image: -webkit-linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
		background-image: -ms-linear-gradient(bottom, rgb(73,128,200) 5%, rgb(65,107,167) 67%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.05, rgb(73,128,200)),
			color-stop(0.67, rgb(65,107,167))
		);
		
		nav,
		.social-media {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.address {
			display: block;
			text-shadow: 0 -1px 0 #0a2e5d;
			color: #fff;
			text-align: center;
			line-height: 24px;
		}
		
		a {
			color: #cedef5;
		}
		
	}
		
} // end container

#banner-rotator {	
	display: block;
	height: 280px;
	
	section {
		display: block;
		text-align: center;
/*		border-right: 4px solid #ccc;*/
/*		width: (242/960) * 100%;*/
		
		h1 {
			padding-top: 0;
			margin: 0;
			font-size: 80px;
			padding-bottom: 0;
			margin-bottom: -20px;
			font-weight: bold;
		}
	}
	
}

body.process #container .content .sub-nav a.btnProcess,
body.community #container .content .sub-nav a.btnConversation,
body.careers #container .content .sub-nav a.btnCareers {
	background:#269cca !important;
	color: #fff;
}


@media screen and (min-width: 321px) {
	
	#container {
		header {
			
		//	nav.social-media-n
			
			.logo {
				display: block;
				margin: 10px auto;
			} // end logo
			
			#menu-btn {
				position: absolute;
			}
			
			nav.main-nav {
				position: absolute;
			}
			
		}
		
		#more-funky-facts {
			display: none;
		}	
	} // end container
	
}

@media screen and (min-width: 480)
{
	
	#container {
		
		.funky-facts {
			
			.funky-facts-intro {
				font-size: 25px;
			}
			
		}
		
	}
	
}

@media screen and (min-width: 650px) {
	
	
	#container {
		header {
			
			nav.social-media-nav {
				position: absolute;
				right: (4/960) * 100%;
				top: -3px;
			} // end social-media-nav
			
			.logo {
				display: block;
				margin-left: 0px;
				padding-top: 20px;
				width: (262/960) * 100%;
				
				img {
					max-width: 90%;
				}
			} // end logo
			
			#menu-btn {
				position: absolute;
				top: -9999px;
				left: -9999px;
			}
			
			nav.main-nav {
				display: block;
				width: (700/990) * 100%;
				top: 20px;
				right:0;
				position: absolute;
				background: none;
				text-align: right;
				
				a {
					border: 0;
					background: none;
					display: inline;
					color: #444;
					font-size: 15px;
					padding: 10px 10px 10px 10px;
					
					&:hover {
						color:#444;
						border-top: 6px solid #3796d2;
					}
				}
	
			
				#menu-arrow {
					left: -9999px;
					top: -9999px;
				}
			}
			
			nav.secondary-nav {
				
				position: relative;
				top: 15px;
				right: 0px;
				text-align: right;
				
				
				a {
					text-decoration: none;
					margin-right: 10px;
					color: #444;
					
					&:hover {
						color:#444;
						border-top: 6px solid #174698;
					}
				}
				
			}
			
			
		} // end header
		
		.three-cs {
			
			section {
				float: left;
				display: block;
				width: (275/960) * 100%;
				border: 0;
				
				h1 {
					font-size: 20.2px;
				}

				.learn-more-btn {
					position: absolute;
					bottom: -10px;
					clear: both;
					display: block;
					text-align: center;
					width: 80px;
					.btn-style(5px);
			}
				
			}
			
		}
		
		.content {
			
			h1 {
				font-size: 42px;
				padding-top: 45px;
				font-weight: normal;
			}
			
			h2 {
				font-size: 24px;
				font-weight: normal;
			}
			
			.capability {
				
				h1 {
					font-size: 24px;
					padding-top: 0;
				}
				
			}
			
			.demo-reel-btn  {
			display: block;
			width: 560px;
			height:  300px;
			//float: right;
			background: url('../img/demo_poster_button.jpg') top left no-repeat;
			margin: 0 0 20px 20px;
			text-indent: -9999px;
			
			&:hover {
				background-position: bottom left;
			}
		
		}
			
			iframe {
				position: relative;
				top: 0;
				left: 0;
			}
			
			.tweets {
				display: block;
				//float:left;
				width: (420/960) * 100%;
			}
			
			.clients {
				
				h1 {
					font-size: 24px;
					padding-top: 0;
				}
				
			}
			
		}
		
	} // end container
	
	
	body.home a.btnHome,
	body.about a.btnAbout,
	body.work a.btnWork,
	body.contact a.btnContact,
	body.capabilities a.btnCapabilities,
	{
		color:#444 !important;
		border-top: 6px solid #d25837 !important;
	}
}
	
	@media screen and (min-width: 770px) {
	
	html {
		
		background: url('../img/footer-background.png') bottom center no-repeat;
	}
	
	body {
		background: url('../img/background.png') top center no-repeat;
	}
	
	.clearfix {
		 clear: both;
	}
	
		#container {

			.site-header {
				margin-top: 10px;
				padding-top:  35px;
				
				
				.main-nav {
					top:  70px;
				}
				
				.logo {
					display: block;
					margin-left: 0px;
					padding-top: 20px;
					width: (262/960) * 100%;
					
					
				} // end logo
				
			}
			
			.featured-banners {
				position: relative;
				display: block;
				margin-top: 20px;
				width: 90%;
				
				#featured {
					position: relative;
					left: (40/960) * 100%;
					height: 300px;
					
					h1 {
						color: #636564;
						font-size: 55px;
						line-height: 60px;
						font-weight: normal;
						text-align: right;
						text-transform: uppercase;
					}
					
					p {
						font-size: 16px;
						color: #727272;
					}
					
					.heading-blue {
						color: #269cca;
						font-size: 83px;
					}
					
					.heading-blue-small {
						color: #269cca;
						font-size: 60px;
					}
					
					.right-heading {
						position: absolute;
						right: (20/960) * 100%;
						top: 3px;
					}
					
					.right-text {
						position: absolute;
						right: (20/960) * 100%;
						width: (400/960) * 100%;
						top: 180px;
						text-align:right;
					}
					
					.top-space {
						margin-top:70px;
					}
					
					.learn-more-btn {
						position: absolute;
						right: (60/960) * 100%;
						bottom: -10px;
						display: block;
						text-align: center;
						width: (105/960) * 100%;
						margin: 10px auto;
						font-size: 13px;
						.btn-style(5px);
					
						&:hover {
							color:#ccc;
							background: #2464b6;
						}
						
					}
					
					.white {
						color: #fff;
						text-shadow: 	3px 0px 0px #269cca;
					}
					
					img {
						max-width: 45%;
					}
					
				}
				
				
				}
				
			.content {
					
					
					.capability {
						display: block;
						float: left;
						width: (396/960) * 100%;
/*						height: 350px;*/
/*						padding: 0 ((10/960) * 100%) 40px ;*/
						margin: 0 ((42/960) * 100%);
						text-align: left;
						
						h1 {
							padding-bottom: 0;
							margin-bottom: 5px;
						}
					}
					
					.clients {
						position: relative;
						display: block;
						float: left;
						width: (396/960) * 100%;
						//height: 510px;
/*						padding: 0 ((10/960) * 100%) 40px ;*/
						margin: 0 ((42/960) * 100%);
						text-align: left;
						
						h1 {
							font-size: 22px;
						}
						
						.learn-more-btn {
							//position: absolute;
							//bottom: 30px;
							clear: both;						}
					}
					
					.process-nav {
						display: block;
						padding: 20px 0 5px 0;
						width: 100%;
						height: 110px;
						background: #1d5ba0 url('../img/process/process-nav-bg.png') bottom left;
						.border-radius(7px);
						
						
						
						.process-btn {
							display: block;
							float: left;
							text-align: center;
							width: (152/960) * 100%;
							padding: 0 ((20/960) * 100%);
							height: 90px;
							background: url('../img/process/divider.png') top right no-repeat;
														
							a {
								padding-top: 10px;
								color: #fff;
								text-decoration: none;
								text-shadow: 0 -1px 0 #1b3e87;
							
								h2 {
									font-size: 14px;
								}
								
								&:hover {
									color: #8bc7ff;
								}
								
								img {
									max-width: 30%
								}
							}
						}
						
						.last {
							background: none;
						}
					}
					
					.process-point {
						display: none;
					}
					
					.partial-client-list {
						position: relative;
						top: 0;
						left: 0;
						
						.client-listings {
							width: (300/960) * 100%;
							padding: (10/960) * 100%;
							float: left;
							
							ul {
								list-style: none;
								font-size: 14px;
								padding: 0;
								margin: 0;
								
								li {
									margin-bottom: 7px;
									line-height: 18px;
								}
							}
						}
					}
					
					iframe {
						margin-bottom: 30px;
					}
					
					.address {
						display: block;
						float: right;
						width: 31.458333%;
					}
					
					.contact-info {
						display: block;
						float: left;
						margin-right: (30/960) * 100%;
					}
					
					.contact-form {
						
						.input {
							width: (420/960) * 100%;
							float: left;
							padding: 6px;
							border: 1px solid #e8e8e8;
							margin-right: (20/960) * 100%;
							margin-top: 10px;
							font-size: 13px;
							
						}
						
						textarea {
							width: (880/960) * 100%;
							height: 175px;
							margin-top: 10px;
							border: 1px solid #e8e8e8;
							font-size: 13px;
							padding: 6px;
							
						}
						
						#send {
							margin-top: 10px;
							text-transform: uppercase;
							padding: 4px ((30/960) * 100%);
							font-size: 14px;
							font-weight: bold;
							color: #f2f2f2;
							text-shadow: 0 -1px 0 #848484;
							background: #269cca;
							border: 0;
							float: left;
							
							background: rgb(109,179,242);
							background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
							background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
							background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
							background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
							background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
							background: linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
							/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
							*/
						}
						
						.contact-error {
							display: none;
							float: left;
							margin-top: 10px;
							background: #fe9590;
							width: (680/960) * 100%;
							margin-left: (20/960) * 100%;
							padding: 10px;
							border: 3px solid #ba0e00;
							color: #ba0e00;
							font-size: 13px;
						}
						
					}
					
				.demo-reel-btn { float:right; }
								
			}	
			
			.funky-facts img {
				vertical-align: bottom !important; 
			}
			
			.funky-facts {
			
				.funky-facts-intro {
					font-size: 25px;
				}
				
				
				.royalSlidesContainer {
					margin-left:  (30/960) * 100% !important;
					li {
						
						width: 24.008333%;
						height: 280px;
						
						
						section {
							position: relative;	
							padding: 0 9.166667% !important;
							background: url('../img/funky-facts-divider.png') center right no-repeat;
							
							
						}
						
						section.last {
							background: none;
						}
						
/*						margin-right:  22px !important;
						margin-left:  22px !important;*/
					}
					
					li:last-child {
						margin-right: 0 !important;
						margin-left:  0 !important;
					}
					
				}
				
			}
		
			footer {
			
				background: inherit;
				
				.address {
					padding-right: 25px;
					color: #2d2d2d;
					font-size: 13px;
					text-align: right;
					text-shadow: none;
					
					
				}
				
				nav {
					position: relative;
					top: 14px;
					left: (15/960) * 100%;
					float: left;
					font-size: 13px;
					color: #656565;
					width: 55%;
					
					a {
						display: block;
						float: left;
						padding-right: 15px;
						margin-right: 15px;	
						background: url('../img/nav-footer-bullet.png') center right no-repeat;
					}
					
					a.last {
						background: none;
						padding: 0;
						margin: 0;
					}
					
					p {
						clear: left;
						margin-top: 10px;
					}
					
					.footer-social-media {
						
						margin-left: (10/960) * 100%;
						margin-top: 25px;
						
						li {
							display: block;
							clear: both;
						}
						
						a {
							padding-bottom: 10px;
						}
						
						.twitter {
							padding-left:  27px;
							background: url('../img/icons/footer-icon-twitter.png') top left no-repeat;
						}
						
						.youtube {
							padding-left:  27px;
							background: url('../img/icons/footer-youtube-icon.png') top left no-repeat;
						}
						
						.facebook {
							padding-left:  27px;
							background: url('../img/icons/footer-facebook-icon.png') top left no-repeat;
						}
						
					}
				}
				
				a {
					color: #385e98;
					text-decoration: none;
				}
				
			}
			
		}
		
		#banner-rotator {	

			section {
				
				h1 {
					font-size: 50px;				}
			}
		}
	}
	
	@media screen and (min-width: 820px) {
		
		#container {
		
			
			
			.featured-banners {
				
				#featured {
					.white {
/*						text-shadow: none;*/
/*						color: #269cca;*/
					}
					
					img {
						max-width: 50%;
					}
				
				}
			}
		
		#more-funky-facts {
			display: block;
		}
				
		}
		
	}
	
	@media screen and (min-width: 860px) {
			
			#container {
			
				
				
				.featured-banners {
					
					#featured {
						height: 320px;
						
						.white {
	/*						text-shadow: none;*/
	/*						color: #269cca;*/
						}
						
						img {
							max-width: 55%;
						}
					
					}
				}
				
				.content {
					
					.clients {
						
						h1 {
							font-size: 24px;
						}
						
					}
				}
				
			
					
			}
			
		}
		
		@media screen and (min-width: 920px) {
				
				#container {
									
					.featured-banners {
						
						#featured {
							height: 350px;
							
							.white {
		/*						text-shadow: none;*/
		/*						color: #269cca;*/
							}
							
							img {
								max-width: 55%;
							}
							
							.learn-more-btn {
								bottom: 30px;
							}
						
						} // featured
					} // featured banners
						
					
					.logos {
						display: block;
						width: 100%;
						height: 109px;
						background: #f4f4f4;
						border-top: 4px solid #e4e3e3;
						border-bottom: 1px solid #fff;
						margin-top: 30px;
						
						img {
							max-width: 100%;
							margin-top: 20px;
							margin-right:  (16/960) * 100%;
							margin-left:  (16/960) * 100%;
							
						}
						
						img:first-child {
							margin-left: 25px;
						}
					}
					
					.three-cs {
						margin-top: 0;
					}
					
								
				}
				
				#banner-rotator {	
				
					section {
						
						h1 {
							font-size: 60px;				
						}
					}
				}
				
			}
			
@media screen and (min-width: 950px) {
		
		#container {
							
			.featured-banners {
				
				#featured {
					height: 400px;
					
					.white {
/*						text-shadow: none;*/
/*						color: #269cca;*/
					}
					
					img {
						max-width: 63%;
					}
					
					.learn-more-btn {
						bottom: 50px;
					}
				
				} // featured
			} // featured banners
				
				
		}
		
		#banner-rotator {	
		
			section {
				
				h1 {
					font-size: 70px;				
				}
			}
		}
		
	}