/* ==========================================================================
	HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
========================================================================== */

	html,
	button,
	input,
	select,
	textarea {
	color: #222;

	font-family: 'Cabin Sketch', Arial, sans-serif;
	}

	body {
	font-size: 1em;
	line-height: 1.4;
	background-image:url('../img/bubble2.jpg');
	}
	
	
	::-webkit-scrollbar {
    width: 1px;
	}
	 
	::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	    border-radius: 10px;
	}
	 
	::-webkit-scrollbar-thumb {
	    border-radius: 10px;
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	}

	::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
	}

	::selection {
	background: #b3d4fc;
	text-shadow: none;
	}

	hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
	}

	img {
	vertical-align: top;
	max-width: 100%;
	display: inline-block !important;
	}

	fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}

	textarea {
	resize: vertical;
	}

	.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
	}


/* ==========================================================================
	Author's custom styles
========================================================================== */

	iframe {
		display: block;
				
	}
	#logo {
		position: fixed;
		bottom: 10px;
		right: 20px;
	}
	
	#logo2 {
		position: fixed;
		bottom: 10px;
		left: 20px;
		color:white;
		text-decoration: none;
	}


	.flex-control-nav {
		visibility: hidden;
	}

	#menu {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 10px;
		left: 50px;

		list-style-type: none;
	}
	#menu li {
		float: left;
		margin: 0 45px 0 0;
	}
	#menu a {
		text-decoration: none;
		color: #000000;
		font-size: 1.4em;
	}
	#menu .current {
		color: #ffffff;
	}

/* Slide1 */
	.slide1 .col1 {
		float: left;
		width: 26%;
	}
	.slide1 .tv-frame {
		position: relative;

		margin: 70px 0 0 0;	
	}
	.slide1 .tv-frame iframe {
		position: absolute;
		top: 9.375%;
		left: 7.7881%;
		bottom: 34.4961%;
		right: 33.5963%;

		width: 59.6156%;
		height: 56.1289%;
	}

	.slide1 .col2 {
		float: left;
		width: 46%;
		max-width: 642px;
	}
	
	.slide1 .col3 {
		float: left;
		width: 20%;
		margin: 130px 5% 0 2%;
	}
	.slide1 .col3 .title {
		margin: 0;
		color: #ffffff;
		font-size: 1.5em;
		line-height: 30px;
		font-weight: normal;
	}
	.slide1 .col3 .description {
		margin: 0;
		color: #000000;
		font-size: 1.3em;
		line-height: 20px;
		
	}
/* end Slide1 */

/* Slide2 */
	.slide2 section {
		position: relative;
	}
	.slide2 .col1 {
		float: left;
		width: 30%;
		margin: 2% 0 0 2%;
	}

	.slide2 .col2 {
		float: right;
		width: 60%;
		margin: 2% 5% 0 3%;

		text-align: right;
	}
	.slide2 .bubble-1 {
		position: absolute;
		bottom: -5em;
		left: 14em;
		display: block;
		z-index: 100;
	}
	.slide2 .bubble-2 {
		position: absolute;
		top:25em;
		right: 140px;
		display: block;
		z-index: 100;
	}
/* end Slide2 */

/* Slide3 */
	.slide3 .col1,
	.slide3 .col2 {
		float: left;
	}
	.slide3 .col1 {
		width: 45%;
		margin-top:2%;
	}
	.slide3 .col2 {
		width: 55%;
	}
	.names {
		color: #FFF224;
		text-align: center;
		width: 90%;
		max-width: 450px;
		margin: 0 0 0 10%;
	}
	.names h3 {
		margin: 0;
		color: #FFF224;
		font-weight: normal;
	}

	.list-stars {
		width: 90%;
		max-width: 650px;
		margin: 0 0 0 10%;
		padding: 0;
		font-size:1em;
		list-style-type: none;
	}
	.list-stars li {
		margin: 20px 0 10px 0;
	}
	.list-stars span,
	.list-stars strong {
		display: inline-block;
		vertical-align: top;

		font-weight: normal;
		color: #ffffff;
	}
	.list-stars .label-position {
		width: 50%;
	}
	.list-stars .label-name {
		width: 50%;
	}
	
	.slide3 footer {
		margin: 0 0 0 10%;
		width: 90%;
		max-width: 650px;
	}
	.slide3 footer h2 {
		color: #ffffff;
		font-size:1em;
		font-weight: normal;
	}
/* end Slide3 */

/* Slide4 */
	.slide4 .pic-container {
		float: left;
		margin: 2%;
		max-width: 18%;
		padding: 1%;
		left:1%;
		margin-top:4%;
		max-height: 300px;

		background-color: #ffffff;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
		text-align: center;
	}
	.slide4 .pic-container p {
		margin: 10px 0 -8px 0;
		font-size: 1.4em;
	}
	.slide4 .pic-container.portrait {
		height: 195px;
	}
	.slide4 .pic-container.portrait img {
		height: 100%;
		width: auto !important;
	}
/* end Slide4 */

/* Slide5 */
	.slide5 .pic-container {
		float: left;
		margin: 2%;
		max-width: 20%;
		padding: 1%;
		max-height: 300px;
		background-color: #ffffff;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
		text-align: center;
	}
	.slide5 .pic-container p {
		margin: 10px 0 -8px 0;
		font-size: 1.4em;
	}
	.slide5 .pic-container.portrait {
		height: 205px;
		
	}
	.slide5 .pic-container.portrait img {
		height: 100%;
		width: auto !important;
	}
/* end Slide5 */

/* Slide6 */
	.slide6 .col1 {
		float: left;
		width: 30%;
		margin: 100px 0 0 7%;
		
	}
	.slide6 .tv-frame {
		position: relative;

		margin: 71px 0 0 0;	
	}

	.slide6 .col2 {
		float: right;
		width: 50%;
		margin: 0 10% 0 0;
		max-width: 642px;
	}

	.slide6 .tv-frame iframe {
		position: absolute;
		top: 9.375%;
		left: 7.7881%;
		bottom: 34.4961%;
		right: 33.5963%;

		width: 59.6156%;
		height: 56.1289%;
	}
/* end Slide6 */











/* ==========================================================================
Media Queries
========================================================================== */

	@media only screen and (min-width: 35em) {

	}

	@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

	}

/* ==========================================================================
Helper classes
========================================================================== */

	.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
	}

	.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
	}

	.hidden {
	display: none !important;
	visibility: hidden;
	}

	.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}

	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	}

	.invisible {
	visibility: hidden;
	}

	.clearfix:before,
	.clearfix:after {
	content: " ";
	display: table;
	}

	.clearfix:after {
	clear: both;
	}

	.clearfix {
	*zoom: 1;
	}

/* ==========================================================================
Print styles
========================================================================== */

	@media print {
	* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
	}

	a,
	a:visited {
	text-decoration: underline;
	}

	a[href]:after {
	content: " (" attr(href) ")";
	}

	abbr[title]:after {
	content: " (" attr(title) ")";
	}

	/*
	* Don't show links for images, or javascript/internal links
	*/

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
	content: "";
	}

	pre,
	blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
	}

	thead {
	display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
	page-break-inside: avoid;
	}

	img {
	max-width: 100% !important;
	}

	@page {
	margin: 0.5cm;
	}

	p,
	h2,
	h3 {
	orphans: 3;
	widows: 3;
	}

	h2,
	h3 {
	page-break-after: avoid;
	}
	}