/* Fonts */

/* Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer-splash, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer-splash, header, nav, section, audio, video {
	display: block;
}

a img, img {border:none;}
a {text-decoration:none; color:#0000ff;}
a:hover {text-decoration:none;}

/* Selection colours (easy to forget) */
::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

.left {float:left;}
.right {float:right;}
.clr {clear:both; font-size:0; height:0px; line-height:0;}

ul, ol { list-style:none; }

em {
	
}
strong {
	
}
.left {
	float:left;
}
.right {
	float:right;
}

body {	
	background-color: #000;
	
}
h1, h2, h3, h4, h5 {
	font-weight:normal;
}

.wrapper {
	width:1070px;
	margin:0 auto;
	position:relative;
}
.backstretch img {
	top:0 !important;
}
.fancybox-overlay {
	background: url(../splash-images/bg-overlay.png) repeat;
}
header {
	padding:15px 0 0 150px;
}

.watch-now {
	width:203px;
	height:34px;
	margin:15px 40px 0 0;
}
.social {
	margin:10px 0 0 40px;
}
.social a {
	display:inline-block;
	height:42px;
	margin-right:15px;	
}
.social .icon-twitter {
	width:57px;
	background: url(../splash-images/icon-twitter.png) no-repeat;
}
.social .icon-fb {
	width:26px;
	background: url(../splash-images/icon-fb.png) no-repeat;
}
.social a:hover {
	background-position:0 -43px;
	transition-duration: 0.5s;
	
}
footer-splash {
	position:relative;
	left:0;
	bottom:100px;
	top:80px;
	width:100%;
	padding:0 0 200px 0;
}
footer-splash img {
	display:block;
	margin:0 auto;

}

.tagline {
	padding:30px 0;
	margin-left:60px;
}

.tagline-left {
	padding:30px 0;
	float:left;
	margin-left:-80px;
	
}

.tagline-right {
	padding:30px 0;
	float:right;
	
}

@media only screen and (min-width: 991px) and (max-width: 1400px) {
	.wrapper {
		width:990px;
	}
	.watch-now {
		width:150px;
	}
	.names {
		width:60%;
	}
	footer-splash img {

	}
	footer-splash {
		position:relative;
		left:0;
		top:80px;
		width:100%;
		
	}
	
	.tagline {
		padding:30px 0;
		margin-left:60px;
	}
	
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 990px) {	
	.wrapper {
		width:720px;
	}	
	.watch-now {
		width:130px;
		margin-right:10px;
	}
	.social {
		margin:0 0 0 10px;
	}
	
	footer-splash img {

	}
	.tagline {
		margin-left:0px;
		width:700px;
	}
	
	footer-splash {
		position:relative;
		left:0;
		top:40px;
		width:100%;
		
	}
	
	
}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.wrapper {
		width:730px;
	}
	footer-splash img {
		width:40%;
	}	
	.social {
		visibility: hidden;
	}
	
	.splashvideo {width:80%;}
	
	.tagline {
		margin-left:0px;
		width:300px;
	}
	
	.video-wrapper {
		margin-top:180px;
	}
	footer-splash {
		position:relative;
		left:0;
		bottom:0;
		top:30px;
		width:80%;
		padding:0;
	}
	
	.tagline-left {
		padding:10px 0 0 0;
		margin-left:0px;
		text-align:center;
		width:300px;
	
	}
	
	.tagline-right {
		padding:10px 0 5px 0;
		text-align:center;
		width:200px;
	
	}
	
	
}



@media only screen and (min-width: 320px) and (max-width: 568px) {
	.wrapper {
		width:320px;
	}
	footer-splash img {
		width:80%;
	}	
	.social {
		visibility: hidden;
	}
	
	.splashvideo {width:80%;height:100%;}
	
	footer-splash {
		position:relative;
		left:0;
		bottom:0;
		top:10px;
		width:100%;
		padding:0;
	}

	.tagline-left {
		padding:10px 0 0 0;
		margin-left:0px;
		text-align:center;
		width:300px;
	
	}
	
	.tagline-right {
		padding:10px 0 5px 0;
		text-align:center;
		margin-right:50px;
		width:200px;
	
	}
	
}