/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

body {
	margin: 0; padding: 0;
	font-family: "lucida sans unicode", "lucida grande", verdana, sans-serif;
	/*font-family: calibri, arial, sans-serif;*/
	color: #333; font-size: 0.95em;
	overflow-x: hidden;
	}

@media only screen and (min-width : 800px) {
	#intro, #second, #third, #fourth, #fifth, #sixth, #seventh {
		background-repeat: no-repeat;
		background-position: top center;
		background-attachment: fixed;

		/*background-size: cover;*/
		/*overflow: hidden;*/
		}
	#intro {
		background-image: url(../img/parallax/large/053_0137a_88.jpg);
		/*background-size: 100% auto !important;*/
		}
	
	#second {
		background-image: url(../img/parallax/052_0119_81.jpg);
		/*background-size: 100% auto !important;*/
		}
	
	#third {
		background-image: url(../img/parallax/047_0167a_76.jpg);
		/*height: 1200px;*/
		}
	
	#fourth {
		background-image: url(../img/parallax/052_0091_83.jpg);
		/*height: 1050px;*/
		}	
	
	#fifth {
		background-image: url(../img/parallax/052_0749a_90.jpg);
		/*height: 1260px;*/
		}
	
	#sixth {
		background-image: url(../img/parallax/073_0781_93.jpg);
		/*height: 1282px;*/
		}
		
	#seventh {
		background-image: url(../img/parallax/041_0118_85.jpg);
		/*height: 1120px;	*/
		}	
	
	
	/* TEXT FLOATS */
	.story {
		width: 100%; min-width: 980px; max-width: 1400px;
		margin: 0 auto; padding: 0;
		background-color: transparent !important;
		overflow: auto;
		border: 0px solid #ddd !important;
		}
	
	.float-one, .float-two, .float-three, .float-four, .float-five, .float-six, .float-seven {
		padding: 1% 1% 0.5% 1%;
		border: 1px solid #dedede;	
		background: rgba(0,0,0,0.6);	
		background: none\9;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f000000, endColorstr=#8f000000);		
		color: #fff;
		border: 2px solid #a7a7a7;
		border-radius: 4px;
		}	
		
	.float-one {
		float: left;
		width: 41%;
		margin-top: 55%;
		margin-bottom: 24%;
		margin-left: 28%;	
		}	
	.float-two {
		float: right;
		width: 41%;
		margin-top: 48%;
		margin-bottom: 35%;
		margin-right: 0;
		}
	.float-three {
		float: left;
		width: 40%;
		margin-top: 48%;
		margin-bottom: 32%;
		margin-left: 0;	
		}
	.float-four {
		float: right;
		width: 35%;
		margin-top: 48%;
		margin-bottom: 30%;
		margin-right: 0;	
		}							
	.float-five {
		float: left;
		width: 36%;
		margin-top: 36%;
		margin-bottom: 38%;
		margin-left: 0;	
		}		
	.float-six {
		float: right;	
		width: 35%;
		margin-top: 50%;
		margin-bottom: 30%;
		margin-right: 0;	
		}
	.float-seven {
		float: left;
		width: 32%;
		margin-top: 40%;
		margin-bottom: 44%;
		margin-left: 0;	
		}

	h2 {font-size: 1.4em; margin-bottom: 5px; color: #ffcc00;}
	
	.story p {font-size: 1.1em; line-height: 1.4em;}	
	.story p span.caption {
		display: block; margin: 1% 0 0 0;	
		color: #999;
		}
	.story p span.note a {display: inline !important;}
	.story p a:link, .story p a:visited {color: #c0e880; text-decoration: underline;}	
	.story p a:hover {color: #7bb920; text-decoration: none;}			
		
	@media screen and (min-width: 1641px) and (max-width: 1680px) and (max-height: 1080px) {	
		#intro {
			background-image: url(../img/parallax/053_0137a_88.jpg);
			background-size: 100% auto !important;
			}
		.float-one {
			float: left;
			width: 41%;
			margin-top: 45%;
			margin-bottom: 24%;
			margin-left: 28%;	
			}
		#second {
			background-image: url(../img/parallax/052_0119_81.jpg);
			background-size: 100% auto !important;
			}	
		#third {
			background-image: url(../img/parallax/047_0167a_76.jpg);
			background-size: 100% auto !important;
			}
		
		#fourth {
			background-image: url(../img/parallax/052_0091_83.jpg);
			background-size: 100% auto !important;
			}	
		#fifth {
			background-image: url(../img/parallax/052_0749a_90.jpg);
			background-size: 100% auto !important;
			}					
		#sixth {
			background-image: url(../img/parallax/073_0781_93.jpg);
			background-size: 100% auto !important;
			}
		#seventh {
			background-image: url(../img/parallax/041_0118_85.jpg);
			background-size: 100% auto !important;
			}			
		}		


	@media screen and (min-width: 1281px) and (max-width: 1440px) {
		.float-one {
			float: left;
			width: 41%;
			margin-top: 30%;
			margin-bottom: 24%;
			margin-left: 28%;	
			}
		.float-two {
			float: right;
			width: 41%;
			margin-top: 48%;
			margin-bottom: 35%;
			margin-right: 0;
			}			

		}			
		
		
	}
	
/************************/	
/** MOBILE RULES **/
/** Portrait and Landscape **/
/************************/	
@media only screen and (max-width : 736px) {
	/* GLOBAL MOBILE RULES */
	/* SOMETIMES RULES PUT HERE DON'T WORK. INSTEAD ADD THEM TO THE MORE SPECIFIC ORIENTATION SECTIONS BELOW */
	body, html {touch-action: pan-up, pan-down !important;}
	#intro {
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;

		/*background-size: cover;*/
		/*overflow: hidden;*/
		}	
	#second,#third,#fourth,#fifth,#sixth,#seventh,#eight {display: none !important;}
	div.story {display: none !important;}
	
	/* VERTICAL */
	@media only screen and (orientation: portrait) {
		#home {
			background-image: url(../img/parallax/053_0137a_88-mobile-v.jpg);
			}	
		#intro {
			background-size: 100% 100% !important;
			}
		}
	/* HORIZONTAL */		
	@media only screen and (orientation: landscape) {	
		#home {
			background-image: url(../img/parallax/053_0137a_88_mobile.jpg);
			}
		#intro {
			background-size: 100% 100% !important;			
			}
		}	







/* TEXT FLOATS */