h1,h2,h3{
		color:#00b0f0;
		margin-bottom:15px;
	}
	h1.large,
	h2.large,
	h3.large{
		padding-bottom:0px;
	}
	
	h1.large{
		color:#fff;
		font-size:56px;	
		font-weight: 400;	
	}
	h2.large{
		font-size:40px;
		border-bottom:3px solid #fff;
		padding-bottom:20px;
		font-weight: 100;
	}
	h3.large{
		color:#fff;
		font-size:18px;
		font-weight: 100;
	}
	
	video{
		position:absolute;
		top:0px;
		left:0px;
	}
	#city-lights-vid, #flower-vid{
		position: absolute;
		top: 0px;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	/* ----- PAGE CSS ------- */
	div.content-block{
		position:relative;
		width:600px;
		border-radius: 10px;
		background: rgba(0,0,0,0.7);
		padding:20px;
		top:300px;
		margin:0px 100px;
		z-index:5;
	}		
	div.service-list ul{ 
		list-style-type: none;
		display: inline-block;
		vertical-align: top;
		padding-left: 0px;
		text-align: left;
		width:23%;
		margin-right:15px;
	}
	div.service-list ul li.main-element{
		padding-bottom:10px;
		color:#00b0f0 !important;
		font-size:14px;
	}
	div.service-list ul li.sub-element{
		padding-top:20px;
	}

	div.service-list ul li{
		 padding-left:25px;
		 
	}
	div.service-list ul li.main-element{
		background:none !important;
		padding-left:5px;
		
	}
	div.service-list ul a{
		color:#00b0f0;
	}
	div.service-list ul a:hover{
		color:#fff;	
	}	
	div.leadership{
		padding:20px;
	}
	div.leadership p:first-child{
		font-style: italic;
	}
	div.read-more-arrow,
	a.read-more-arrow{
		background:url(' /img/read-more-arrow.png');
		position:relative !important;
		height:20px !important;
		width:20px;
		float:right;
		top:-30px;
		left:5px;
		
	}
	div.read-more-arrow:hover{
		cursor: pointer;
	}
	
	#nav-arrows{
		position:relative;
		background-color:yellow;
		width:100%;
		top:300px;
	}
	
	#content{
		position:relative;
		top:100px;
		display:block;
		margin-bottom:20px;
		z-index:15;
		width:100%;
		padding-bottom:20px;
		
	}
	/*---------- Secondary Content Styling -------- */
	
	#secondary-image{
		position:relative;
		display:inline-block;
		width:35%;
		right:0px;
		float:right;
		text-align: center;
	}
	#secondary-image img{
		margin:0px;
		width:100%;
	}
	#secondary-content{
		display:inline-block;
		vertical-align: top;
		width:60%;
		
	}	
	#secondary-content ul{
		display: inline-block;
		vertical-align: top;
		margin:25px 0px;
		padding-left:0px;
	}
	#secondary-content ul li{
		list-style-type: none;
		background:url('/img/list-icons.png') no-repeat 0 -2px;
		padding-left:20px;  
	}	
	#secondary-header,
	#secondary-page{
		position: relative;
		border-radius: 15px;
		width:80%;
		margin:20px auto;
	}
	#secondary-page{
		background:rgba(0,0,0,0.90);
		background-size:40%;
		min-height: 400px;
		height: 60%;
		padding:40px;
		padding-top:20px;
	}
	#secondary-header.narrow,
	#secondary-page.narrow{
		width:40%;
		margin-left:9%;
	}
	#secondary-page.narrow #secondary-content,
	#secondary-page.case-study #secondary-content{
		width:100%;
	}
	
	#secondary-content.wide{
		width:100%;
		text-align: center;
	}
	#secondary-content ul{
		font-size:14px;
		line-height: 16px;
	}	
	#secondary-nav{
		position: relative;
		top:0px;
		left:0px;
		z-index: 3;
	}
	#secondary-bottom-bar{
		position:relative;
		margin-top:50px;
		padding:10px;
		background:rgba(255,255,255,0.1);
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
		left:-40px;
	}
	#secondary-bottom-bar ul{
		margin:0px;
		padding:0px;
	}
	#secondary-bottom-bar ul li{
		display:inline-block;
		margin-right:15px;
		background:url('/img/list-icons.png') no-repeat 0 -2px;
		padding-left:20px;  

		
	}
	#secondary-bottom-bar span{
		height:30px;
		margin-left:50px;
		color:#000;
		font-size:16px;
	}
	ul.plus li{
		background:url('/img/list-icon-plus.png') no-repeat 0 -2px !important;
	}
	/*------- Case Study Styling ---- */
	#secondary-page.case-study{
		width:350px;
		margin-left:5%;
		min-width: 100px;
		text-align: center;
	}
	
	div.case-study h2{
		font-size:30px;
		font-weight: 400;
		margin:10px auto;
	}
	div.case-study img{
		height: 100px;
		margin:30px 0px;
	}
	div.case-study p{
		text-align: left;
	}	
	a.fade{
		opacity:0.8;
		 -webkit-transition: opacity .5s ease-in-out;
		 -moz-transition: opacity .5s ease-in-out;
		 -ms-transition: opacity .5s ease-in-out;
		 -o-transition: opacity .5s ease-in-out;
		 transition: opacity .5s ease-in-out;
	}	
	a.fade:hover{
		opacity:1.0 !important;
	}
	
	hr{
		margin:20px 0px;
		border:1px solid #999;
		opacity:0.3;
		border-radius:3px;
	}
	/* ------ Our Approach Page --------- */
	div.approach-entry{
		position: relative;
		width:280px;
		display: inline-block;
		text-align: center;
		margin:10px 40px;
		vertical-align: top;
	}
	div.approach-entry img{
		height:100px;
	}	
	div.approach-entry span.read-more{
		color: #00b0f0;
		font-size: 14px;
		float: right;
		top: -15px;
		position: relative;
		display: none;
	}
	
	/* ------ SECONDARY PAGE NAVIGATION CSS ----- */
	#prev,
	#next,
	#close{
		position: relative;
		display:block;
		background: url(' /img/icons-set-2.png') no-repeat;	
		height: 25px;
		width:25px;	
	}	
	#next{
		left:25px;
		background-position: -25px 0;
	}
	#next:hover{
		background-position: -25px -25px;
	}
	#prev{
		left:0px;
		background-position: 0 0;
		top:25px;
	}
	#prev:hover{
		background-position: 0 -25px;
	}
	#close{
		background-position: -50px 0;	
		top:-25px;
		left:70px;
	}
	#close:hover{
		background-position: -50px -25px;
	}
	
	/*---------- Landing Page Template Styling -------- */
	.clearfix:before,
	.clearfix:after {
	    content: " ";
	    display: table;
	}
	.clearfix:after {
	    clear: both;
	}
	.clearfix {
	    zoom: 1;
	}
	.template-wrap{
		position: relative;
		color: white;
		font-weight: normal;
		width: 80%;
		min-height: 1000px;
		border-radius: 10px;
		background: rgba(0,0,0,0.7);
		padding: 40px;
		top: 100px;
		margin: 0px 100px 100px;
		z-index: 5;
		overflow: auto;
	}
	.landing-page-template h1,.landing-page-template h2,.landing-page-template h3,.landing-page-template h4{
		color:white;
		border:none;
	}
	
	.landing-page-template h1{
		font-size: 30px;
		font-weight: 100;
		color: #00b0f0;
		width: 65%;
		float: left;
	}
	.landing-page-template h2{
		font-size: 18px;
		font-weight: 100;
		width: 65%;
		float: left;
	}
	.landing-page-template .main-content{
		width: 65%;
		margin: 0 0 200px 0;
		float: left;
	}
	.landing-page-template h3{
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 100;
	}
	.landing-page-template h4{
		font-size: 18px;
		font-weight: 100;
		margin-bottom: 75px;
	}
	.landing-page-template h5{
		font-size: 28px;
		font-family: helvetica, sans-serif;
		font-weight: 100; 
		text-align: center;
		margin: 25px auto 0;
	}
	.landing-page-template h6{
		font-size: 16px;
		font-weight: 100;
		color: #00b0f0;
	}
	.landing-page-template .main-graphic{
		border: 1px solid #ddd;
		height: 300px;
		width: 65%;
		margin: 50px 0;
		float: left;
	}
	.landing-page-template .main-content p{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.landing-page-template .main-content ul{
		list-style-type: none;
		padding: 0;
	}
	.landing-page-template .main-content ul li{
		width: 85%;
	}
	.landing-page-template .main-content .col-left{
		width: 50%;
		float: left;
	}
	.landing-page-template .main-content .col-right{
		width: 50%;
		float: right;
	}
	.landing-page-template .main-content .col-right li{
		margin-left: 5%;
	}
	.landing-page-template aside{
		width: 30%;
		float: right;
		min-height: 600px;
	}
	.landing-page-template .promo{
		background-color: #ff6900;
		overflow: auto;
		border-radius: 10px;
		width: 85%;
		margin:0 auto 75px;
		text-align: center;
	}
	.landing-page-template .promo p{
		color: black;
	}
	.landing-page-template .promo ul{
		color: black;
		text-align: left;
		padding-right: 25px;
		margin: 0 0 50px 0;
	}
	.landing-page-template .promo ul li{
		margin: 0 0 15px 0;
	}
	.landing-page-template .promo #contact-form {
		padding-left: 10px;	
	}
	.landing-page-template .promo #contact-form input{
		width: 85%;
		padding-right: 10px;
		height: 30px;
		background-color: white;
		border: 2px solid #d25701;
	}	
	.landing-page-template .promo #contact-form input[type=submit]{
		width: 85px;
		right: 5px;
		margin: 10px 0 10px 0;
		background-color: #ff8a00;
		height: 40px;
		color: black;
		border: 2px solid #ef6000;
		border-top: 2px solid #f8aa4e;
	}	
	.landing-page-template aside h6,.landing-page-template aside p{
		width: 80%;
		margin: 0 auto;
	}
	.landing-page-template aside h6{
		margin-bottom: 10px;
	}
	.landing-page-template aside .video-embed{
		background-color: none;
		overflow: auto;
		border-radius: 10px;
		border: 1px solid white;
		width: 85%;
		margin:75px auto 75px;
		min-height: 250px;
		text-align: center;
	}
	.landing-page-template .outbound-links{
		margin: 15px auto;
		padding-left: 40px;
	}

	.landing-page-template .outbound-links li{
		margin: 0 0 20px 25px;
		width: 85%;
	}
	.landing-page-template .outbound-links li a{
		text-decoration: underline;
		font-size: 14px;
	}
	
	.landing-page-template .page-footer{
		clear: both;
	}
	.landing-page-template .page-footer ul{
		list-style-type: none;
		width: 100%;
		padding: 0;
		margin: 50px auto;
	}
	.landing-page-template .page-footer ul li{
		display: inline-block;
		margin: 0 10px 0 0;
		height: 80px;
		width: 120px;
		border: 1px solid white;
	}
	.landing-page-template .page-footer ul li:last{
		margin-right: 0;
	}
	
	.recaptchatable .recaptcha_image_cell center img{height:45px !important; width: auto !important;}
	#recaptcha_widget img {height: 40px !important;width: auto !important;margin: 0px auto;}
	#recaptcha_image{height:45px !important;width:235px !important;}
	.captcha_refresh{display:block; margin:0px auto;width: 100%;text-align: right;margin-left: -10px;}
	#recaptcha_response_field{width: 175px !important;margin: 5px 0px;}
	#slides{top: 0px;}
	
	@-moz-document url-prefix() {
		#slides{top:0px !important;}
		#slides li{top:0px !important;}

	}

	
	
	
	
	@media screen and (max-width: 1025px){		
		body{
			background-size:auto 100%;
			height:400px;
		}
		header #search{
			top:-33px;
		}			
		div.content-block{
			position:relative;
			width:600px;
			border-radius: 10px;
			background: rgba(0,0,0,0.7);
			padding:30px;
			margin:0px auto;
			top: 150px;
		}
		#secondary-image{
			width: 100%;
			margin: 10px auto;
			float:none;
			}
		#secondary-image img{
			width: 50%;
			margin:0px;
		}
		#secondary-content{
			width:100%;
		}		
	}
	@media screen and (max-width: 800px){
		
		body{
			background-size:auto 100%;
			width:100%;
			min-width: 700px;
		}
		nav{}
		
		header #search{
			top:-33px;
		}			
		div.content-block{
			position:relative;
			width:500px;
			border-radius: 10px;
			background: rgba(0,0,0,0.7);
			padding:30px;
			margin:0px auto;
			top: 150px;
		}		
	}
	@media screen and (max-width:768px){
		div.approach-entry{
			width:250px;
			display: inline-block;
			text-align: center;
			margin:10px 10px;
			vertical-align: top;
		}
		
	}
	@media screen and (max-width: 600px){
		
		body{
			width:500px;
		}
		
		#secondary-page{
			width:100%;
		}		
	}