/**
 * core.css 
 * Main Stylesheet for the-collings-group.com
 * @author Tony Collings <tony.collings{at}the-collings-group.com>
 * @package TGC
 * @version 1.0 
 * @date Apr 2015
 *
 */
 
 
	@font-face {
		 font-family: 'ProximaNova-Light';
		 src: url('../fonts/proximanova-light-webfont.eot');
		 src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/proximanova-light-webfont.woff') format('woff'),
		 url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
		 url('../fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
		 font-weight: normal;
		 font-style: normal;
	}
	
	@font-face {
		font-family: 'ProximaNova-Regular';
		src: url('../fonts/proximanova-regular-webfont.eot');
		src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova-regular-webfont.woff') format('woff'), 
		url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), 
		url('../fonts/proximanova-regular-webfont#ProximaNovaBlRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'Open-Sans';
		src: url('../fonts/OpenSans-Light-webfont.eot');
		src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
			 url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
			 url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}



 
/*	HTML OVERRIDES
	--------------------------------------------------------------------- */ 
	
	body {
		margin: 0px; padding: 0px; 
		font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif; 	
		font-size: 16px; 	
		line-height: 150%; 
		
		-webkit-overflow-scrolling: touch;
		
		
		
		text-size-adjust: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
	
	}
	
	
	h1,h2,h3,h4,h5,h6 {
		font-family: "Open-Sans", Arial, Helvetica, sans-serif;
		font-weight: normal;
		line-height: 150%;  
		margin: 0px; padding: 0px; 
	}
	h1 {
		font-size: 3rem; 
	}	
	
	sup,sub {
		display: inline-block; 
		position: relative; 
		font-size: 1.5rem; 
		margin: 0 0.15rem;
		vertical-align: middle;  	
	}
	
	h1 sup {
		top: -1.0rem;
		margin: 0 0.05rem;  	
	}
	
	
	
	.section h1 {
		margin-bottom: 20px; 	
	}
	
	a[name] {
		display: none; 
		/*
		width: 100%; height: 20px; 
		background-color: #09C; 	
		*/
	}

	a {
		text-decoration: none;	
	}
	a, a:link, a:active, a:visited, a:hover {
		color: #006fa6; 
	}
	a:active, a:hover {
		outline: none; 
		text-decoration: underline;
	}	
	
	
	.microdata,
	.hidden {
		visibility: hidden; 
		display: none; 
	}	
	

	.success {
		color: #fff; border: 1px solid #72cd55;
		background: #72cd55 url('../img/success-gradient.png') left top repeat-x; 
		box-sizing: border-box; 
		padding: 10px; 
		padding-left: 45px; 
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);		
		width: 100%; 
		position: relative; 
		text-align: left; 
	}
	
	.success:before {
		position: absolute; 
		top: 10px; left: 10px; 
		width: 25px; height: 25px; 
		background-color: #fff; 
		color: #72cd55; 
		content: "✓";
		font-weight: bolder; 
		text-align: center; 
		box-sizing: border-box; 
		font-size: 1.1rem;
		-webkit-border-radius: 25px; 
		border-radius: 25px;
		padding-top: 1px; 		 
	}
	
	.notification {
		color: #fff; border: 1px solid #cccccc;
		background: #cccccc url('../img/notification-gradient.png') left top repeat-x; 
		box-sizing: border-box; 
		padding: 10px; 
		padding-left: 45px; 
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);		
		width: 100%; 
		position: relative; 
		text-align: left; 
	}
	
	.notification:before {
		position: absolute; 
		top: 10px; left: 10px; 
		width: 25px; height: 25px; 
		background-color: #fff; 
		color: #cccccc; 
		content: "!";
		font-weight: bolder; 
		text-align: center; 
		box-sizing: border-box; 
		font-size: 1.1rem;
		-webkit-border-radius: 25px; 
		border-radius: 25px;
		padding-top: 1px; 		 
	}
	
/*	MODIFIERS
	--------------------------------------------------------------------- */ 
	
	.blur {
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2'); 		 	
		filter: url('svg/blur-effect.svg#blur');
		filter: blur(10px); 
		-webkit-filter: blur(2px); 
		-moz-filter: blur(2px);
 		-o-filter: blur(2px); 
		-ms-filter: blur(2px);
	}
	
	.inner {
		display: block; 
		width: 100%; height: 100%; 
		position: relative;
		box-sizing: border-box; 
		max-width: 1024px; 
		margin: 0px auto; 
		text-align: left; 
		padding: 20px; 
	}
	.colgroup {
		display: block; clear: both; 
		width: 100%; 
		position: relative; 
		box-sizing: border-box; 	
	}
	.colgroup:after {
		display: block; 
		content: ""; 
		width: 100%; 
		height: 1px; 
		clear: both; 	
	}
	
	.col {
		display: block; float: left; 
		vertical-align: top; 	
		box-sizing: border-box; 
		width: 100%; /* Potentially overridden in a more local scope */ 
	}
	

/*	GLOBAL LAYOUT
	--------------------------------------------------------------------- */ 
	
	#viewport {
		display: block; 
		width: 100%;
		min-height: 100%; 
		min-width: 320px; 
		box-sizing: border-box; 
		position: absolute; 
		z-index: 10; /* Above background */ 
		top: 0px; left: 0px; 
			
	}
	#header {
		display: block; 
		width: 100%; height: 75px; 
		position: fixed; 
		top: 0px; left: 0px;  
		box-sizing: border-box; 
		text-align: center; 
		z-index: 10000; 	
		padding: 20px; 
		/*
		overflow: hidden; 
		*/
		-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.85);
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.85);		
	}
	
		span#progress-bar {
			width: 100%; 
			height: 3px; 
			background-color: #202020; 
			position: absolute; 
			bottom: 0px; left: 0px; 
		}
		span#progress-bar span {
			width: 0%; height: 100%; 
			display: block; 	
			background-color: #fff; 
		}
	
	/*
	.blur-effect:before,
	.blur-effect:before {
		display: block;
		content: "";  
		position: absolute; top: 0px; left: 0px; 
		width: 100%; height: 100%; 
		z-index: -1; 
		background: transparent url('../images/backgrounds/background.jpg') center center no-repeat; 
		background-attachment: fixed; 
		background-size: cover; 	
		filter: url('svg/blur-effect.svg#blur');
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2'); 		 	
		filter: blur(10px); 
		-webkit-filter: blur(2px); 
		-moz-filter: blur(2px);
 		-o-filter: blur(2px); 
		-ms-filter: blur(2px);		
	}
	*/

	.blur-effect:after,
	.blur-effect:after {
		opacity: 0.95; 
		background-color: #202020; 
		display: block; content: ""; 
		width: 100%; height: 100%; 	
		position: absolute; top: 0px; left: 0px; 
		z-index: -1; 
	}
	
	#header.blur-effect:after {
		opacity: 1; 	
	}
		

	#footer {
		display: block; 
		width: 100%; height: 120px; 
		box-sizing: border-box; 
		padding: 10px; 	
		position: absolute; 
		bottom: 0px; left: 0px; 
		text-align: center; 
		z-index: 50; 
		overflow: hidden; 
	}
		#footer ul {
			display: inline-block; 
			list-style-type: none; 
			margin: 0px; 
			padding: 0px; 
			color: #fff; 
			box-sizing: border-box; 
			padding: 20px; 
			float: left; 	
			vertical-align: top;
		}
		
		#footer ul.links {
			
		}
		#footer ul.links li {
			display: inline-block; 
			margin-left: 10px;
			position: relative;  
		}
			span.file-requests {
				display: inline-block; 
				background-color: #c25252; 
				color: #fff; font-weight: bolder; 
				position: absolute; 
				top: -5px; left: 60px; 
				font-size: 0.65rem; 
				border: 2px solid #fff; 
				padding: 2px 4px; margin: 0px; 	
				line-height: 100%; 
				-webkit-border-radius: 10px;
				border-radius: 10px;				
				-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
				box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
			}
		#footer ul.links li:first-child {
			margin-left: 0px; 	
		}
		#footer ul.links li a {
			display: block;
			width: 100%; height: 100%; 
			text-decoration: none; 
			color: #fff;  
			padding: 0px 10px; 
			border-left: 1px solid #fff; 
		}
		#footer ul.links li a:hover {
			text-decoration: underline; 	
		}
		
		#footer ul:nth-child(2){
			float: right; 	
			position: relative; 
			top: -5px; 
		}
		#footer ul li {
			
		}
		
		#footer ul.social li {
			display: inline-block; 
			padding: 0px; margin: 0px; 	
			margin-left: 10px; 
			vertical-align: middle; 
		}
		#footer ul.social li:first-child {
			margin-left: 0px; 
		}	
		#footer ul.social li img {
			max-width: 24px;
			vertical-align: middle;  	
		}
		#footer ul.social li#quantcast {
			position: relative; top: 4px; 	
		}
		
		#footer ul.social li#investfeed img {
			max-width: 100% !important;
		}
		
	#content {
		display: block; 
		box-sizing: border-box; 
		margin-top: 75px; /* Compensate for <header> */ 
		margin-bottom: 120px; /* Compensate for <footer> */ 
		min-height: 550px; 	
		position: relative; 
		z-index: 5000; /* Under header */ 
	}
	
	#primary-navigation {
		display: block; 
		width: 100%; 
		height: 100%; 
		color: #fff; 
		
	}

	#primary-navigation ul {
		display: block; width: 100%; height: 100%; max-width: 1024px; 
		text-align: right;
		list-style-type: none; margin: 0px auto; padding: 0px;
		position: relative;   	
	}
	#primary-navigation ul li {
		display: inline-block; 
		text-align: center; 
		margin-left: 10px; 	
		vertical-align: middle;  
	}
	#primary-navigation ul li a {
		color: #fff; 
		text-decoration: none; 
		font-family: "Open-Sans", Arial, Helvetica, sans-serif;
		font-weight: normal; 
		font-size: 1.2rem;
		padding: 8px 15px;  
		border: 1px solid rgba(255,255,255,0); 
		transition:all .5s linear; 
		-o-transition:all .5s linear; 
		-moz-transition:all .5s linear; 
		-webkit-transition:all .5s linear;			
	}
	
	#primary-navigation ul li.selected a,
	#primary-navigation ul li a:hover {
		border: 1px solid #fff; 
		-webkit-border-radius: 4px;
		border-radius: 4px;		
	}
	#primary-navigation ul li:first-child {
		margin-left: 0px; 	
	}
		
	li#hamburger {
		vertical-align: middle;  
		display: none !important;  
		text-align: right;
	}
	li#hamburger label {
		position: relative;
		display: block; 
		width: 35px; height: 25px; 
		cursor: pointer !important; 
	}
	li#hamburger label span,
	li#hamburger label span:before,
	li#hamburger label span:after {
		width: 100%; 
		height: 5px; 
		background-color: #fff; 
		border-radius: 1px;	
		position: absolute; 
		left: 0px; 
		display: block; 
		content: ""; 
		/*
		transform-origin: 50% 50% 0;	
		*/
		cursor: pointer; 		
	}
		#hamburger label span{
			top: 10px; 
		}
		#hamburger label span:before {
			top: -10px; 
			transition: all 500ms ease-in-out;
		}
		#hamburger label span:after{
			bottom: -10px;
			transition: all 500ms ease-in-out; 
		}
		

		
		/* RWD Nav' for Hamburger */ 

		#tertiary-navigation {
			display: block; 
			width: 100%; max-width: 450px; 
			top: 75px; 
			left: -110%;
			height: calc(100% - 75px);  
			background-color: #202020; 
			color: #fff; 
			z-index: 7500; /* Under #header, above #content */   
			position: fixed;	
			transition: all 500ms ease-in-out;
			
			-webkit-box-shadow: 15px 0 15px -15px rgba(0,0,0,0.5);
			box-shadow: 15px 0 15px -15px rgba(0,0,0,0.5);
			
			font-family: "Open-Sans", Arial, Helvetica, sans-serif;
			font-weight: normal;
			line-height: 150%; 
			font-size: 1.4rem;  
		}
		
		#tertiary-navigation .inner {
			overflow-y: auto; 
			-webkit-overflow-scrolling: touch;
			padding: 0px; 	
		}
		
		#tertiary-navigation ul {
			display: block; clear: both; padding: 0px; margin: 0px; 
			list-style-type: none; 	
		}
		#tertiary-navigation ul li {
			display: block; clear: both; box-sizing: border-box;  
			border-top: 1px solid #414141;  
			border-bottom: 1px solid #000;
		}
		#tertiary-navigation ul li:first-child {
			border-top: 0px; 	
		} 
		#tertiary-navigation ul li img {
			display: inline-block; 
			vertical-align: middle; 
			margin: 0px;
			margin-right: 10px;  
			opacity: 0.25;	
		}
		#tertiary-navigation ul li a {
			display: block; 
			padding: 10px 20px;
			box-sizing: border-box; 
			color: #fff; 
			width: 100%; 	
			text-decoration: none; 
		}
		
		
		
	
	
	
		
	ul#backgrounds {
		display: block; 
		position: fixed; width: 100%; height: 100%; 
		top: 0px; left: 0px; 
		z-index: 5; 
		list-style-type: none; 
		box-sizing: border-box; 
		padding: 0px; margin: 0px; 
	}
	
	ul#backgrounds li {
		width: 100%; height: 100%; content: ""; 
		background-attachment: fixed !important; 
		background-size: cover !important; 	
		position: absolute; top: 0px; left: 0px; 
		display: none; 
	}
	
	ul#backgrounds li img {
		max-width: 100%; 
		image-rendering: optimizeSpeed; /* https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering */ 	
	}
	
	ul#backgrounds li:nth-child(1){
		z-index: 10; 
		display: block; 
	/*
		background: transparent url('../images/backgrounds/background.jpg') center center no-repeat; 
	*/
	}
	ul#backgrounds li:nth-child(2){
		z-index: 20; 
	/*
		background: transparent url('../images/backgrounds/background-2.jpg') center center no-repeat; 
	*/
	}	
	
	.section {
		display: block; width: 100%; min-height: 550px; 	
		background-color: #fff; 
		box-sizing: border-box; 
		position: relative; 
		margin-top: -18px; /* Need to figure out why they don't stack */ 
		padding: 20px 0px; 
		text-align: center; 
	}
	.section.blank {
		background-color: transparent !important; 
	}
	
	
/*	LOCAL LAYOUT
	--------------------------------------------------------------------- */ 	
	
	/* Intro */ 
	#intro {
		width: 100%; height: 800px; 
		background-color: transparent; 	
		color: #fff; 
	}
	
	#intro .logo {
		display: inline-block; 
		width: 494px; 
		position: relative; 
		left: -30px; 	
	}
	#intro .logo img {
		max-width: 100%; 	
	}
	
	#intro a.button {
		margin-left: 0px; 	
	}
	
	#intro ul.social-payments {
		display: inline-block; margin: 0px; padding: 0px; list-style-type: none; 
	}
	#intro ul.social-payments li {
		display: inline-block; 
		margin-left: 10px; 
	}
	
	#intro ul.social-payments li a {
		border-left: 1px solid #fff; padding: 0px 10px; 
		color: #fff; 
		text-decoration: none; 
	}
	#intro ul.social-payments li a:hover {
		text-decoration: underline; 
	}
	
	#intro ul.social-payments li:first-child {
		font-weight: bolder; 
	}
	#intro ul.social-payments li:first-child a {
		border-left: 0; 
	}
	
	/* Services */ 
	
	ul.services {
		display: block; clear: both; 
		box-sizing: border-box; 
		list-style-type: none; 
	}

	ul.services li {
		display: block; clear: both; 
		margin-top: 10px; 
		padding-left: 30px; 
		position: relative; 
	}
	ul.services li:before {
		display: block; 
		content: ""; 
		width: 10px; height: 10px; 
		background-color: #e7e7e7; 	
		position: absolute; 
		top: 8px; 
		left: 0px; 
	}
	ul.services li:hover:before {
		/*
		-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);	
		*/
	}

	
	/* Philosophy */ 

	/* Photos */
	
	
	form#fotolia {}
	form#fotolia ul {
		display: block; 
		width: 100%; 
		box-sizing: border-box; 
		list-style-type: none; 
		margin: 20px 0px; 
		padding: 0px; 
	}
	form#fotolia ul li {
		display: block; 
		clear: both; 
		width: 100%; 
		box-sizing: border-box; 	
	}
	
	form#fotolia ul li input[type=search]{
		width: calc(100% - 115px); 
	}
	form#fotolia ul li input[type=submit]{
		min-width: 80px; 
	}
	 
	div.photo-gallery {
		display: block; clear: both; 
		box-sizing: border-box; 
		padding: 0px; margin: 0px; 
		position: relative; 
		width: 100%; 
	}

	.photo-gallery ul {
		display: block; 
		width: 100%; 
		margin: 0px; padding: 0px; 
		box-sizing: border-box; 
		-webkit-column-count: 5;
		   -moz-column-count: 5;
				column-count: 5;			
	}
	.photo-gallery ul li {
		display: inline-block; 
		vertical-align: top; 	
		width: 100%; 
		box-sizing: border-box; 
		padding: 10px; 
		border-bottom: 5px solid #fff; 
	}
	.photo-gallery ul li:hover {
		border-bottom: 5px solid #dedede; 
	}
	.photo-gallery ul li span {
		display: block; clear: both; 
		line-height: 120%; 
	}
	
	ul li span.photo-container img {
		max-width: 100%; 	
	}
	
	span.photo-meta h3 {
		font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif; 
		font-size: 1rem; 	
	}
	span.photo-meta p {
		font-size: 0.8rem; 	
	}
		.photo-meta span.photo-stats {
			font-size: 0.75rem; 	
		}
	
	.fotolia-ad {
		text-align: center; 	
	}
	.fotolia-ad img {
		display: inline-block; 
		max-width: 728px; 
		width: 100%; 
		margin: 0px auto; 	
	}


	/* Pay Me */ 
	
	div.paypal-logo {
		box-sizing: border-box; 
		max-width: 100%; 
	}
	div.paypal-logo a,
	div.paypal-logo img {
		max-width: 100%; 	
	}
	
	form#pp-form {
		max-width: 100%; 
		box-sizing: border-box; 	
	}

	form#pp-form fieldset {
		width: 100%; box-sizing: border-box; 
		padding: 0px; 		
	}
	
	form#pp-form ul li:first-child {
		border-top: 1px solid #eeeeee; 	
		padding-top: 20px; 
	}

	form#pp-form ul li:nth-last-child(2) {
		border-bottom: 1px solid #eeeeee;
		padding-bottom: 20px; 
		margin-bottom: 20px; 	
	}
	
	table#payment-review {
		width: 100%; box-sizing: border-box; 	
	}

	table#payment-review th, td {
		padding: 5px; 
		vertical-align: top; 
	}
	
	table#payment-review .right {
		text-align: right !important;  	
	}