html {
	margin: 0;
	padding: 0;
}

body {
    background: #000;
    margin: 0px;
    padding: 0px;
    font-family: "letter-gothic-std";
    font-weight: 400;
}
#preload {
	display: none;
}
input {
	-webkit-appearance: none;
	border-radius: 0
}
.clear {
	clear: both;
}
h1 {
	font-family: "good-times";
	font-weight: normal;
	color: #333
}
h2.post {
	font-family: "good-times";
	font-weight: normal;
	color: #333;
	font-size: 2em;
	margin-top: 30px;
}
#press .flowplayer {
	height: 63.5%!important;
}
#press .flowplayer .fp-ui {
	box-shadow: none;
}
#press .flowplayer .fp-engine {
	height: auto%!important;
}
#header {
	z-index: 200;
}
#home-logo {
	position: absolute;
	bottom: 14%;
	left: 20%;
	width: 30%;
	height: 24%;
	background: url('../images/home/home-logo.png') no-repeat;
	background-size: 100% 100%;
	z-index: 300;
}
.corp-logo {
	left: 3%!important;
	bottom: 20%!important;
	z-index: 140!important;
}
#home-circles {
	position: absolute;
	right: 7%;
	top: 14%;
	width: 9%;
	z-index: 150;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
#home-circles .circle {
	margin-bottom: 25px;
}
#home-circles div:hover {
	margin: -5px 0 30px 0;
}
#home-circles a {
	color: #ffc7cf;
	text-decoration: none;
}
#home-circles a:hover {
	color: #fff;
}
#home-circles .circle img {
	float: none;
	width: 100%;
	margin-bottom: 5px;
}
#logline {
	margin-left: -40%;
	color: white;
	width: 80%;
	left: 50%;
	top: 12px;
	position: absolute;
	text-align: center;
	text-transform: none;
	font-size: 20px;
	font-family: "good-times";
}
#logline a {
	color: #fff;
	text-decoration: none;
}
#corporate {
	height: 15%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	color: #595756;
	background: white;
	z-index: 150
}
#corporate img {
	display: none;
}
.corp-page {
	border-top: 1px solid #ccc;
}
#corplog {
	margin-top: 3%;
}
#corp-logo {
	position: absolute;
	bottom: 19%;
	left: 2%;
	width: 30%;
	height: 24%;
	background: url('../images/corp-logo.png') no-repeat;
	background-size: 100% 100%;
	z-index: 150;
}
#testlog {
	text-align: left;
	width: 76%;
	margin: 2.2% auto 0;
	font-size: 20px;
	height: 32px;
	line-height: 32px;
}
#testlog button {
	padding: 7px;
	font-family: "letter-gothic-std";
	font-weight: 700;
	text-transform: capitalize;
	border: 0px solid #595756;
	background: url('../images/answer-yes.png') no-repeat #fff left center;
	height: 32px;
	color: #595756;
	float: right;
	margin: 0;
	padding: 0 40px;
	font-size: 20px;
}
#testlog button:hover {
	color: #000;
	background: url('../images/answer-yesr.png') no-repeat #fff left center;
	cursor: pointer;
}
#testlog button.answer-no {
	background: url('../images/answer-no.png') no-repeat #fff left center;
}
#testlog button.answer-no:hover {
	background: url('../images/answer-nor.png') no-repeat #fff left center;
}

#vidc {
	position:absolute;
    height:85%;
    width:100%;
    overflow: hidden;
    z-index: 0;
}
#vidc video {
	min-width: 100%;
    min-height: 100%;
}
#vidc img {
	display: none;
}
#vide {
	position:relative;
    height:85%;
    width:100%;
    overflow: hidden;
    z-index: 0;
}
#vide video {
	min-width: 100%;
    min-height: 100%;
}
#vide-over {
	position: absolute;
	top: 20%;
	left: 13%;
}
#vide-over h1 {
	color: #fff;
	font-size: 2em
}
#vide-over h2 {
	color: #fff;
	font-size: 15px
}
#share {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 550px;
	margin-left: -275px;
	z-index: 150;
}
#share img {
	height: 90px;
}
#info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#info-top {
	height: 60px;
	width:100%;
}
.info-block {
	width: 30.3%;
	height: 25%;
	display: block;
	float: left;
	margin: 1% 1.5%;
	background-size: 100% 100%!important;
}

.info-block a {
	display: block;
	width: 95%;
	height: 90%;
	color: #fff!important;
	font-size: 40px;
	margin: 0;
	padding: 5px 0 10px 10px;
	text-align: left;
	text-decoration: none;
	font-family: "good-times";
	line-height: 40px
}
.info-block a.dark {
	text-shadow: 2px 2px 2px #333!important;
}
.info-block a:hover {
	color: #FFC7CF!important;
}
.info-logo {
	background: url('../images/home/home-logo.png') no-repeat center center;
	background-size: 70% auto!important;
}
.info1 {background: url('../images/information/1.jpg') no-repeat;}
.info1:hover {background: url('../images/information/1.gif') no-repeat;}
.info2 {background: url('../images/information/2.jpg') no-repeat;}
.info2:hover {background: url('../images/information/2.gif') no-repeat;}
.info2 span {font-size: 34px;line-height: 35px;}
.info3 {background: url('../images/information/3.jpg') no-repeat;}
.info3:hover {background: url('../images/information/3.gif') no-repeat;}
.info4 {background: url('../images/information/4.jpg') no-repeat;}
.info4:hover {background: url('../images/information/4.gif') no-repeat;}
.info6 {background: url('../images/information/6.jpg') no-repeat;}
.info6:hover {background: url('../images/information/6.gif') no-repeat;}
.info7 {background: url('../images/information/7.jpg') no-repeat;}
.info7:hover {background: url('../images/information/7.gif') no-repeat;}
.info8 {background: url('../images/information/8.jpg') no-repeat;}
.info8:hover {background: url('../images/information/8.gif') no-repeat;}
.info9 {background: url('../images/information/10.jpg') no-repeat;}
.info9:hover {background: url('../images/information/10.gif') no-repeat;}

.info-c {background: url('../images/information/11.jpg') no-repeat;width: 48.5%;margin: 1% 1.5% 1% 0 }
.info-c:hover {background: url('../images/information/11.gif') no-repeat;}
.info-f {background: url('../images/information/12.jpg') no-repeat;width: 48.5%;margin: 1% 0 1% 1.5%}
.info-f:hover {background: url('../images/information/12.gif') no-repeat;}

.stills-p {background: url('../images/information/7.jpg') no-repeat;width: 48.5%;margin: 1% 1.5% 1% 0 }
.stills-p:hover {background: url('../images/information/7.gif') no-repeat;}
.stills-x {background: url('../images/information/8.jpg') no-repeat;width: 48.5%;margin: 1% 0 1% 1.5%}
.stills-x:hover {background: url('../images/information/8.gif') no-repeat;}
.stills-x a {color:#fff!important;font-size: 36px}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

#splash {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 550px;
    background: url('../images/splash.jpg') #000 no-repeat center center;
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 550px;
}

#spot {
	width: 190px;
	height: 190px;
	margin: 0 auto;
	padding-top: 130px;
	cursor: pointer;
	background: url('../images/centre-circle.png') no-repeat;
	background-position: 0 130px;
}
#got {
	position: relative;
	top: 0px;
	left: 0;
	width: 150px;
	height: 150px;
	padding: 20px;
	text-align: center;
}
#got a {
	color: #fff;
	text-decoration: none;
	font-size: 0;
	display: block;
	height: 150px;
	width: 150px;
}
#got a:hover {
	font-size: 40px;
	font-weight: 100;
}

#corporate-back {
	background: url('../images/corporate/back.jpg') no-repeat;
	background-size: auto 100%;
	position:absolute;
    height:85%;
    width:100%;
    overflow: hidden;
    z-index: 0;
}

#corporate-box {
	position: absolute;
	background: url('../images/corporate/box.png');
	top: 55%;
	right: 2%;
	margin: -20% 0 0 -13%;
	width: 20%;
	height: 66%;
	padding:; 3%;
	text-align: center;
	text-transform: uppercase;
	color: #595756;
	font-size: 24px;
	border: 0px solid #595756;
	z-index: 0;
}

#corp-thumbs {
	width: 80%;
	padding: 10%;
	height: 80%;
}

.corp-thumb {
	height: 30%;
	background: #fff;
	margin-bottom: 13%;
	cursor: pointer;
	filter:alpha(opacity=0.8); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;
}

.infomercial1 {
	background: url('../images/corporate/infomercial1.jpg');
	background-size: 100% auto;
}

.infomercial2 {
	background: url('../images/corporate/infomercial2.jpg');
	background-size: 100% auto;
	background-position: bottom center;
}

.infomercial3 {
	background: url('../images/corporate/infomercial3.jpg');
	background-size: 100% auto;
	background-position: bottom center;
}

.corp-thumb:hover {
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
}

#corp-video {
	position: absolute;
	top: 14%;
	left: 7%;
	width: 50%;
	height: 55%;
	z-index: 140;
}

.flowplayer {
	height: 100%;
}

.flowplayer video {
	height: 100%;
	width: 100%;
}

.flowplayer .fp-ui {
	-moz-box-shadow: 0 0 5px 5px #ccc;
	-webkit-box-shadow: 0 0 5px 5px #ccc;
	box-shadow: 0 0 5px 5px #ccc;
}

.flowplayer .fp-progress {
	background-color: #ffc7cf!important;
}

.back-to {
	float: right;
	width: 220px;
	text-align: right;
	text-transform: uppercase;
	color: #000;
	font-size: 0.9em
}

.back-to a {
	text-decoration: none;
}

.back-to a:hover {
	color: #777
}

.back-to a:after {
	content: " \00BB"
}

#laurels {
	text-align: left;
}

#laurels img {
	width: auto!important;
	height: 100px!important;
	border: 0;
	margin: 0 40px 0 0!important;
}

/*** set the width and height to match your images **/

#slideshow {
    position:absolute;
    left: 0;
    top: 0;
    height: auto;
	overflow-x: hidden;
    z-index:-10;
    height:85%;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    background: url('../images/corporate/slide1.jpg') no-repeat #fff;
    background-size: 100% 100%;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#press-wrap {
	width: 100%;
	background: #fff;
}
#press {
	width: 75%;
	margin: 0 auto;
	padding: 100px 0;
	color: #000;
}
#press h2 {
	color: #000;
}

#press p {
	text-align: justify;
	font-size: 14px;
}

#press a {
	color: #000;
}

#press a:hover {
	text-decoration: none;
}

#press img {
	width: 100%;
	height: auto;
	margin: 0px 0 10px 0;
}

#eiff {
	width: 400px!important;
	border: 0;
	margin: 0 0 20px;
}

#press-pass {
	text-align:center;
	max-width:300px!important;
	width: 100%;
	border: 1px solid #000;
	height: 26px;
	background:#fff
}
#press-sub {
	margin-right: 180px;
}

.gif {
	width: 50%;
	float: left;
	margin-bottom: 4%
}

.gif img {
	width: 95%!important;
	border: 0;
}

.gif-left {
	clear: both;
}

.gif-left img {
	float: left;
}

.gif-right img {
	float: right;
}

#stills img {
	margin-bottom: 4%;
}

.information hr {
    border: 0px none;
    width: 100%;
    color: #333;
    background-color: #333;
    height: 1px;
    margin: 50px 0px;
}

.poster {
	height: 450px!important;
	width: auto!important;
	border: 1px solid #ccc;
}

#vid-gif {
	display: block!important;
	width: 100%;
}

#evaluation-share {
	width: 40%;
	float:right;
}
	

@media screen and (max-width: 900px) {
	#container {
		width: 100%;
		overflow-x: visible;
	}

	#content, #vidc, #corporate {
		width: 100%
	}
	
	#vidc {
		margin-top: 50px;
	}
	
	#press .flowplayer {
		height: 25% !important;
	}
}

@media screen and (max-width:1200px) {
	#testlog, #logline {
		font-size: 15px;
	}
}

#vide-over {
		background: #f00;
		width: 350px;
		height: 150px;
		z-index: 500;
		box-shadow: 5px 5px 5px #000;
		padding: 20px;
		opacity: 0.85;
		left: 37%;
		top: 25%;
		border: 1px solid white;
		display: block;
	}
	
	#vide-over h1 {
		margin-top: 0;
		font-size: 1.5em;
	}
	
	/* end */
@media screen and (max-width: 1150px) {
	#vide-over h1 {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 900px) {

	#vide-over h1 {
		font-size: 1em;
	}
	
	#vide-over h2 {
		font-size: 12px;
	}
}

@media screen and (max-width: 600px) {
	#vide-over h1 {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 900px)  {
	body {
		background: #000;
		height: 100%;
	}
	
	small {
		font-size: 9px;
	}
	
	#press p {
		font-size: 12px;
	}
	
	#press input {
		font-size: 12px;
	}

	#logo img {
		height: 32px;
		margin: 0;
	}
	#vidc {
		left: 0%;
	    width: 100%;
	    height: auto;
	    z-index: 0;
	    background: #000;
	    margin-left: 0;
		display: table;
	}

	#vidc img,  #overlay-box-wrap-spacer {
		width: 100%;
		height: auto;
	}

	#vidc video {
		height: auto!important;
	    max-width: 100%!important;
	    width: 100%!important;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	#logline {
		font-size: 15px;
	}

	#corporate {
		z-index: -1;
		position: relative;
		top: 50px;
		height: auto;
	}

	#testlog {
		font-size: 2.5em;
	}

	#logline {
		display: none;
	}
	#testlog {
		top: 50px;
		display: table;
	}
	#container {
		overflow-x: visible;
	}
	
	#testlog {
		font-size: 1em;
	}
	#logline {
		font-size: 0.8em;
		max-width: 60%;
		margin-left: -25%;
		top: 6px;
	}
	
	.info-block {
		width: 47%;
		height: 21%;
	}
	
	.info-block a {
		font-size: 28px;
		line-height: 30px;
	}
	
	.info-logo {
		display: none;
	}
	
	#evaluation-share {
		width: 100%;
		float:none;
		margin-bottom: 30px;
	}
	
	#new-life {
		clear: both;
		padding-top: 40px!important;
	}
	
	#press img {
		max-width: 100%;
	}
	
	#slideshow {
		top: 50px;
		height:300px;
		width: 100%;
		background-size: auto 100%;
		background-position: center center;
	}
	
	#home-logo {
		display: none;
	}
	
	#corporate-container {
		top: 400px;
		left: 0;
		margin: 0 10%;
		width: 80%;
		position: absolute;
		min-height: 110%;
	}
	
	#corporate-box {
		/*display: none;*/
		width: 80%;
		margin: 0 10%;
		right: 0;
		height: 170%
	}
	
	.corp-page {
		border-top: none;
	}
	
	#stills img {
		max-width: 100%;
	}
}

@media screen only and (orientation:landscape) {
	.psych-ready {
		width:90%!important;
		margin: 0 5%!important;
	}
}
@media screen and (max-width: 800px) {

	#corporate {
		top: 50%;
	}
	
	#new-life {
		clear: both;
	}
}

@media screen and (max-width: 640px) {
	#testlog {
		width: 80%;
		margin: 0 10%;
	}
	#vidc {
		left: 0;
	    width: 100%;
	    height: auto;
	    z-index: 0;
	    background: #000;
	    margin-left: 0;
		position: relative;
	}
	
	#share {
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
		margin-left: 0;
		text-align: center;
	}
	#share img {
		height: 75px;
}
	
	#mc_embed_signup {
		width: 100%;
	}
	
	#slideshow {
		height:200px;
	}
	
	#corporate-container {
		top: 300px;
	}
	
	#press-pass {
		max-width:100%!important;
		width: 100%;
		height: 36px;
	}
	#press-sub {
		margin: 0 0 0 20%!important;
	}
}

@media screen and (max-width: 660px) {
	.info-block {
		width: 97%;
		background-size: 100% auto!important;
		float: none;
		clear: both;
		margin: 2% 1.5%;
		position: relative;
	}
	
	.info-c, .info-f {
		margin: 2% 0!important;
	}
	
	.info-link {
		position: absolute;
	}
	
	.info-link a {
		font-size: 30px;
		line-height: 30px;
	}
	
	.info-spacer {
		display: block;
		width: 100%;
		height: auto;
		position: absolute;
		
	}
	
	.info-spacer img {
		display: block;
		width: 100%;
		height: auto;
		z-index: -1;
	}
	
	h1 {
		font-size: 1.6em;
		margin-top: 40px;
	}
	
	h2, h2.post {
		font-size: 1.4em;
		margin-top: 40px;
	}
	
	h3 {
		font-size: 1.2em!important;
	}
	
	.gif {
		width: 100%;
	}
	
	.gif img {
		width: 100%!important;
		margin: 0;
	}
	
	#corporate {
		top: 10%;
		position: relative;
		background: none;
		color: #fff;
		height: 20%;
	}
}

@media screen and (max-width: 550px) {
	#logline {
		display: none;
	}
	
	#vide-over, #vide-over h1 {
		font-size: 1.2em;
	}
	
	#vide-over {
		height: auto;
		width: 70%;
		left: 10%;
	}
}

#mc_embed_signup {
	width: auto;
}

#mc-embedded-subscribe {
	float: left;
	background: #ffc7cf;
	color: #000;
	padding: 5px;
	font-size: 14px;
	height: 32px;
	line-height: 22px;
}

#mc-embedded-subscribe:hover {
	background: #fff;
}

#mce-EMAIL {
	height: 32px;
	width: 188px;
	background: #000;
	color: #fff;
	border: 1px solid #fff;
	margin-right: 10px;
	float: left;
	padding: 2px 6px;
	font-family: "letter-gothic-std";
}

@media screen and (max-width: 400px) {
	#eiff {
		width: 100%;
		float: none;
		margin: 5% 0;
	}
}

#back1 {
	color: #f00;
	text-decoration: none;
	font-size: 0.7em;
	float: right;
	margin-right: 30px;
}

figure {
	display: block;
	margin: 0 auto;
	max-width: 940px
}